@opengeoweb/theme 4.21.0 → 4.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/{index.esm.js → index.js} +3435 -254
  2. package/package.json +9 -8
  3. package/{lib → src/lib}/types.d.ts +2 -0
  4. package/index.umd.js +0 -3358
  5. /package/{index.d.ts → src/index.d.ts} +0 -0
  6. /package/{lib → src/lib}/components/Icons/Icons.d.ts +0 -0
  7. /package/{lib → src/lib}/components/Icons/Icons.spec.d.ts +0 -0
  8. /package/{lib → src/lib}/components/Icons/index.d.ts +0 -0
  9. /package/{lib → src/lib}/components/Paths/Paths.d.ts +0 -0
  10. /package/{lib → src/lib}/components/Paths/index.d.ts +0 -0
  11. /package/{lib → src/lib}/components/Theme/ThemeContext.d.ts +0 -0
  12. /package/{lib → src/lib}/components/Theme/ThemeContext.spec.d.ts +0 -0
  13. /package/{lib → src/lib}/components/Theme/index.d.ts +0 -0
  14. /package/{lib → src/lib}/stories/Accordion.stories.d.ts +0 -0
  15. /package/{lib → src/lib}/stories/Avatar.stories.d.ts +0 -0
  16. /package/{lib → src/lib}/stories/Backdrop.stories.d.ts +0 -0
  17. /package/{lib → src/lib}/stories/Breakpoints.stories.d.ts +0 -0
  18. /package/{lib → src/lib}/stories/Button.stories.d.ts +0 -0
  19. /package/{lib → src/lib}/stories/Card.stories.d.ts +0 -0
  20. /package/{lib → src/lib}/stories/Colors.stories.d.ts +0 -0
  21. /package/{lib → src/lib}/stories/Elevation.stories.d.ts +0 -0
  22. /package/{lib → src/lib}/stories/FormElements.stories.d.ts +0 -0
  23. /package/{lib → src/lib}/stories/IconButton.stories.d.ts +0 -0
  24. /package/{lib → src/lib}/stories/Icons.stories.d.ts +0 -0
  25. /package/{lib → src/lib}/stories/List.stories.d.ts +0 -0
  26. /package/{lib → src/lib}/stories/MenuItem.stories.d.ts +0 -0
  27. /package/{lib → src/lib}/stories/Slider.stories.d.ts +0 -0
  28. /package/{lib → src/lib}/stories/Snackbar.stories.d.ts +0 -0
  29. /package/{lib → src/lib}/stories/StoryHeader.d.ts +0 -0
  30. /package/{lib → src/lib}/stories/StoryWrapper.d.ts +0 -0
  31. /package/{lib → src/lib}/stories/Switch.stories.d.ts +0 -0
  32. /package/{lib → src/lib}/stories/Table.stories.d.ts +0 -0
  33. /package/{lib → src/lib}/stories/Tabs.stories.d.ts +0 -0
  34. /package/{lib → src/lib}/stories/TextField.stories.d.ts +0 -0
  35. /package/{lib → src/lib}/stories/ToggleButton.stories.d.ts +0 -0
  36. /package/{lib → src/lib}/stories/Tooltip.stories.d.ts +0 -0
  37. /package/{lib → src/lib}/stories/Typography.stories.d.ts +0 -0
  38. /package/{lib → src/lib}/stories/index.stories.d.ts +0 -0
  39. /package/{lib → src/lib}/stories/snapshots/Accordion.stories.d.ts +0 -0
  40. /package/{lib → src/lib}/stories/snapshots/Avatar.stories.d.ts +0 -0
  41. /package/{lib → src/lib}/stories/snapshots/Backdrop.stories.d.ts +0 -0
  42. /package/{lib → src/lib}/stories/snapshots/Button.stories.d.ts +0 -0
  43. /package/{lib → src/lib}/stories/snapshots/Card.stories.d.ts +0 -0
  44. /package/{lib → src/lib}/stories/snapshots/Colors.stories.d.ts +0 -0
  45. /package/{lib → src/lib}/stories/snapshots/Elevation.stories.d.ts +0 -0
  46. /package/{lib → src/lib}/stories/snapshots/FormElements.stories.d.ts +0 -0
  47. /package/{lib → src/lib}/stories/snapshots/IconButton.stories.d.ts +0 -0
  48. /package/{lib → src/lib}/stories/snapshots/Icons.stories.d.ts +0 -0
  49. /package/{lib → src/lib}/stories/snapshots/List.stories.d.ts +0 -0
  50. /package/{lib → src/lib}/stories/snapshots/MenuItem.stories.d.ts +0 -0
  51. /package/{lib → src/lib}/stories/snapshots/Slider.stories.d.ts +0 -0
  52. /package/{lib → src/lib}/stories/snapshots/Snackbar.stories.d.ts +0 -0
  53. /package/{lib → src/lib}/stories/snapshots/Switch.stories.d.ts +0 -0
  54. /package/{lib → src/lib}/stories/snapshots/Table.stories.d.ts +0 -0
  55. /package/{lib → src/lib}/stories/snapshots/Tabs.stories.d.ts +0 -0
  56. /package/{lib → src/lib}/stories/snapshots/TextField.stories.d.ts +0 -0
  57. /package/{lib → src/lib}/stories/snapshots/ToggleButton.stories.d.ts +0 -0
  58. /package/{lib → src/lib}/stories/snapshots/Tooltip.stories.d.ts +0 -0
  59. /package/{lib → src/lib}/stories/snapshots/Typography.stories.d.ts +0 -0
  60. /package/{lib → src/lib}/storyshots/Storyshots.spec.d.ts +0 -0
  61. /package/{lib → src/lib}/utils/buttonStyles.d.ts +0 -0
  62. /package/{lib → src/lib}/utils/buttonStyles.test.d.ts +0 -0
  63. /package/{lib → src/lib}/utils/createTheme.d.ts +0 -0
  64. /package/{lib → src/lib}/utils/createTheme.spec.d.ts +0 -0
  65. /package/{lib → src/lib}/utils/themes/darkTheme.d.ts +0 -0
  66. /package/{lib → src/lib}/utils/themes/gwTheme.d.ts +0 -0
  67. /package/{lib → src/lib}/utils/themes/index.d.ts +0 -0
  68. /package/{lib → src/lib}/utils/themes/lightTheme.d.ts +0 -0
  69. /package/{lib → src/lib}/utils/utils.d.ts +0 -0
  70. /package/{lib → src/lib}/utils/utils.spec.d.ts +0 -0
package/{index.esm.js → index.js} RENAMED
@@ -1,8 +1,13 @@
1
- import * as React from 'react';
1
+ import * as React$2 from 'react';
2
+ import React__default from 'react';
2
3
  import { SvgIcon, createTheme as createTheme$1, ThemeProvider as ThemeProvider$1, CssBaseline, StyledEngineProvider } from '@mui/material';
3
- import { renderTimeViewClock } from '@mui/x-date-pickers';
4
+ import { jsx, jsxs } from 'react/jsx-runtime';
5
+ import { styled, useTheme, useThemeProps } from '@mui/material/styles';
6
+ import IconButton from '@mui/material/IconButton';
7
+ import Typography from '@mui/material/Typography';
8
+ import { createSvgIcon } from '@mui/material/utils';
4
9
 
5
- /*! *****************************************************************************
10
+ /******************************************************************************
6
11
  Copyright (c) Microsoft Corporation.
7
12
 
8
13
  Permission to use, copy, modify, and/or distribute this software for any
@@ -64,419 +69,417 @@ var dragHandlePath = 'M9.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0
64
69
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
65
70
  * */
66
71
  var SplitHorizontal = function SplitHorizontal(props) {
67
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
72
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
68
73
  d: "M22 2v20H2V2h20zM8 3.999 4 4v16l4-.001v-16zM20 4l-10-.001v16L20 20V4zm-5 4c.3 0 .545.244.545.545v2.91h2.91a.544.544 0 1 1 0 1.09h-2.91v2.91a.545.545 0 1 1-1.09 0v-2.91h-2.91a.544.544 0 1 1 0-1.09h2.91v-2.91c0-.301.244-.545.545-.545z"
69
74
  }));
70
75
  };
71
76
  var SplitVertical = function SplitVertical(props) {
72
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
77
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
73
78
  d: "M22 22H2V2h20v20zM20.001 8 20 4H4l.001 4h16zM20 20l.001-10h-16L4 20h16zm-4-5c0 .3-.244.545-.545.545h-2.91v2.91a.544.544 0 1 1-1.09 0v-2.91h-2.91a.545.545 0 1 1 0-1.09h2.91v-2.91a.544.544 0 1 1 1.09 0v2.91h2.91c.301 0 .545.244.545.545z"
74
79
  }));
75
80
  };
76
81
  var Expand = function Expand(props) {
77
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
82
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
78
83
  d: "M6.36 9.5c.752.001 1.36.607 1.36 1.355v5.436h5.42c.751 0 1.36.607 1.36 1.355A1.357 1.357 0 0 1 13.14 19H5v-8.145A1.36 1.36 0 0 1 6.36 9.5zM19 4v8.145c0 .749-.609 1.354-1.36 1.355a1.359 1.359 0 0 1-1.36-1.355V6.709h-5.42c-.75 0-1.36-.607-1.36-1.355 0-.374.152-.713.398-.958.248-.245.587-.396.963-.396H19z"
79
84
  }));
80
85
  };
81
86
  var UnExpand = function UnExpand(props) {
82
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
87
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
83
88
  d: "M3.86084312,12 C3.48526636,12 3.14555369,12.1508094 2.89848993,12.3958747 C2.6524224,12.6409399 2.5,12.9802611 2.5,13.3543081 C2.5,14.1024021 3.1096896,14.7086162 3.86084312,14.7086162 L9.27930998,14.7086162 L9.27930998,20.1446997 C9.27930998,20.8937859 9.88899958,21.4990078 10.6401531,21.5 C11.3913066,21.4990078 12,20.8937859 12,20.1446997 L12,12 L3.86084312,12 Z M21.1401531,8.29138381 L15.72069,8.29138381 L15.72069,2.85530026 C15.72069,2.10720627 15.1119966,1.50099217 14.3608431,1.5 C13.6086934,1.50099217 13.0009962,2.10819843 13,2.85530026 L13,11 L21.1401531,11 C21.5157299,11 21.8554425,10.8491906 22.1015101,10.6041253 C22.3475776,10.3590601 22.5,10.0197389 22.5,9.64569191 C22.5,8.89759791 21.8913066,8.29138381 21.1401531,8.29138381"
84
89
  }));
85
90
  };
86
91
  var Delete = function Delete(props) {
87
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
92
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
88
93
  d: "M17.504 8.228c.588 0 1.027.48.973 1.066l-.876 9.64A1.197 1.197 0 0 1 16.434 20H8.41c-.59 0-1.115-.48-1.167-1.066l-.877-9.64a.962.962 0 0 1 .973-1.066zm-2.115 1.228a.82.82 0 0 0-.819.82v7.674a.818.818 0 0 0 1.638 0v-7.675a.819.819 0 0 0-.819-.819zm-2.968 0a.819.819 0 0 0-.819.82v7.674a.818.818 0 1 0 1.638 0v-7.675a.82.82 0 0 0-.82-.819zm-2.968 0a.819.819 0 0 0-.818.82v7.674a.818.818 0 1 0 1.637 0v-7.675a.82.82 0 0 0-.82-.819zM13.432 4c.21 0 .404.168.436.376l.107.758 3.256-.01a1.606 1.606 0 0 1 1.61 1.6l.001.535-12.841.038L6 6.76a1.605 1.605 0 0 1 1.6-1.61l3.262-.008.103-.758a.454.454 0 0 1 .434-.38z"
89
94
  }));
90
95
  };
91
96
  var DrawRegion = function DrawRegion(props) {
92
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
97
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
93
98
  d: "M6,2 L6,2.999 L10,2.999 L10,2 L14,2 L14,2.999 L18,2.999 L18,2 L22,2 L22,6 L20.999,6 L20.999,10 L22,10 L22,14 L20.999,14 L20.999,18 L22,18 L22,22 L18,22 L18,20.999 L14,20.999 L14,22 L10,22 L10,20.999 L6,20.999 L6,22 L2,22 L2,18 L2.999,18 L2.999,14 L2,14 L2,10 L2.999,10 L2.999,6 L2,6 L2,2 L6,2 Z M10,4.999 L6,4.999 L6,6 L4.999,6 L4.999,10 L6,10 L6,14 L4.999,14 L4.999,18 L6,18 L6,18.999 L10,18.999 L10,18 L14,18 L14,18.999 L18,18.999 L18,18 L18.999,18 L18.999,14 L18,14 L18,10 L18.999,10 L18.999,6 L18,6 L18,4.999 L14,4.999 L14,6 L10,6 L10,4.999 Z"
94
99
  }));
95
100
  };
96
101
  var DrawPolygon = function DrawPolygon(props) {
97
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
102
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
98
103
  d: "M14,1 L14,4.113 L12.0044614,2.2 L11.994,5.221 L4.039,19 L5,19 L5,23 L1,23 L1,19 L2.307,19 L10.389,5 L10,5 L10,1 L14,1 Z M13.0044614,4.62000715 L23.2887637,14.4827842 L18.3738381,14.8752125 L20.4451897,19.755011 L18.7229079,20.4860763 L16.6515563,15.6062777 L12.9550728,18.8691758 L13.0044614,4.62000715 Z"
99
104
  }));
100
105
  };
101
106
  var DrawFIRLand = function DrawFIRLand(props) {
102
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
107
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
103
108
  d: "m8.792 0 4.37 2.748h5.106v7.48l.043.078a.585.585 0 0 1 .178-.048.691.691 0 0 1 .344.062l.105.06v.16l.033.04.048.255c.163.103.286.169.37.197a.295.295 0 0 0 .218 0c-.013.124-.013.192 0 .204.04.037.162.08.37.13a.874.874 0 0 1 .025.237.202.202 0 0 1-.07.124.25.25 0 0 0-.032.187c.007.03.058.003.076.106.007.04-.005.114 0 .225.002.047.01.13.026.251a1.363 1.363 0 0 1-.102.373c-.04.078-.138.203-.293.375a.19.19 0 0 1 0 .113c-.017.049-.063.047-.064.069-.01.155.003.436-.033.794-.004.046-.026.107-.07.117-.045.011-.103-.056-.157-.06-.08-.007-.148.036-.214.027-.019-.002-.056-.06-.077-.063-.05-.007-.144.04-.258.035a.293.293 0 0 1-.094-.025l-.066-.03-.085.116-.014.202c.086.035.128.063.127.083 0 .01-.025.02-.072.034l-.055.015-.013.047-.07.024c.024.002.04.029.048.08a.528.528 0 0 1-.02.205c.075.064.136.1.182.11.045.009.116 0 .211-.029.071.091.156.137.256.137.15 0 .131-.174.214-.137.04.018.052.128.125.24.012.02.036.043.072.068l.063.04v.221a.442.442 0 0 0-.115.262c-.007.135.097.198.06.301-.036.104-.129.01-.187.062-.04.034-.075.106-.107.217a.51.51 0 0 0-.202.098c-.052.052-.013.15-.09.194-.077.044-.243-.003-.3.03-.075.043-.032.161-.081.185-.032.015-.107.016-.13.033-.025.021-.034.062-.024.122a.785.785 0 0 1 .235.08c.078.046.193.11.211.222.01.058-.049.096-.08.13-.027.032-.024.06-.057.098a.864.864 0 0 1-.214.176c-.045.027-.09-.106-.152-.079-.103.048-.339.152-.63.31-.016.009-.063-.006-.143-.042l-.066-.032v.176h-.14c-.011-.044-.027-.071-.047-.08a.152.152 0 0 0-.068-.007l-.055.007-.073-.131-.235.035c-.089-.144-.142-.203-.16-.179-.01.014-.126-.045-.114.022.005.028.044.079.117.152l.06.06-.027.091-.32-.122-.183.152h-.139l-.02.07.102.151v.102l-.102.065.02.05.082-.02.164.12v.21l.246.089-.077.223.077.067.035.11.079.056.064.121.096.113.02.15.023.071-.023.08.016.091-.036.12.068.054-.032.03.007.129-.082.105-.035.043-.05.02a3.573 3.573 0 0 1-.15.273l-.06.084-.065.076v.05l-.02.052c.001.131.024.205.068.22.066.023.165-.131.227-.118.032.006-.04.048-.057.118-.003.014.016.037.057.069a.682.682 0 0 0-.275.18c-.063.06-.18.125-.26.215a.133.133 0 0 0-.024.042l-.03.098a.117.117 0 0 1-.073.072c-.102.036-.125-.132-.158-.13-.088.006-.093.15-.097.166-.004.02.02.046.054.074.008.006.01.018.01.033l-.009.1.011.03c.035.022.151-.055.155-.05.053.056.22-.022.274.05.025.033-.113.08-.051.204.062.124.15.03.198.1.017.024-.022.04-.02.092 0 .021.014.066.042.133-.013.054-.027.086-.042.094-.02.011-.052-.02-.073-.019a.109.109 0 0 0-.085.046c-.02.025.018.118 0 .164-.014.035-.105.022-.107.063-.002.05.164.085.087.184-.077.099-.123-.016-.169-.016-.046 0-.114.06-.186.053-.02-.002-.008-.063-.035-.072-.021-.007-.08.038-.105.035-.018-.002-.021-.038-.04-.035-.022.003-.06.045-.085.042-.029-.004-.085-.114-.129-.114-.034.001-.052.114-.09.107-.09-.016-.132.056-.162.007-.015-.025.014-.077.02-.127.002-.027-.022-.055-.02-.077.003-.018.024-.024.02-.036-.03-.07-.122-.027-.17-.115-.031-.058-.042-.108-.032-.15.02-.05.04-.084.059-.105.027-.03.077-.001.106-.025.033-.028.044-.108.054-.13.023-.045.06.053.063 0 0-.02.092-.136.085-.192-.007-.06-.022.06-.085 0-.017-.016-.019-.047-.012-.085.008-.042.104-.059.125-.108.016-.037.059-.115.054-.155-.005-.038-.058-.038-.052-.052l.052-.127c.005-.014.064.026.07.013.019-.047-.017-.145 0-.187.007-.018.125.02.128 0 .005-.022-.105-.101-.094-.138.01-.027.108-.062.122-.1.006-.016-.013-.04-.057-.074-.074.03-.126.037-.156.022-.045-.023.021-.117-.065-.14-.086-.02-.178.024-.257.024-.053 0-.089-.03-.107-.09-.054-.035-.14-.049-.2-.065-.024-.006-.035-.007-.05-.018l-.025-.024v-.215l-.165-.148a.814.814 0 0 1-.12.09c-.02.012-.06.004-.098.022a.391.391 0 0 0-.082.064.44.44 0 0 0-.144-.028.157.157 0 0 0-.093.044 1.378 1.378 0 0 0-.182-.029c-.053-.002-.095.04-.128.013-.097-.078.06-.191 0-.24-.06-.05-.177 0-.245-.03-.069-.03-.025-.05-.08-.14-.053-.092-.16-.137-.16-.241 0-.07.032-.132.094-.188a.558.558 0 0 0-.079-.157c-.012-.014-.042-.024-.091-.029.002-.04-.006-.06-.023-.06-.027 0-.036.015-.056.06-.02.046.004.083-.033.136-.02.03-.07.081-.153.157l-.068.06-.171-.08a.953.953 0 0 1-.24.046c-.053 0-.087-.015-.102-.046-.01-.053-.004-.083.018-.089.022-.006.071.007.15.04a1.621 1.621 0 0 1 0-.143c.002-.043.043-.06.037-.095-.006-.04-.061-.097-.102-.112-.153-.058-.298.059-.434.35-.04.016-.066.022-.078.02-.08-.018-.125-.044-.167-.044a.488.488 0 0 0-.14.024c-.115-.062.035-.218 0-.252-.018-.016-.056-.018-.114-.004l-.065.018-.27.123.03.075-.03.09.117.19c.01.048-.004.078-.042.09a.492.492 0 0 1-.155.007l-.083-.007-.061-.09h-.21c.002-.004-.027.018-.037 0-.015-.028-.016-.1-.026-.11-.029-.03-.075-.032-.074-.035.005-.013-.023-.028-.068-.017-.014.004-.022.03-.04.034a.704.704 0 0 1-.065.011l-.05.006-.287-.11c-.007-.03-.015-.048-.026-.057l-.02-.006-.03.006-.13-.118-.053.013c-.009-.013-.023-.017-.042-.013a.19.19 0 0 0-.047.021l-.032.02v.053l-.09.212-.06-.02-.059.05h-.156a.29.29 0 0 0-.113-.117c-.067-.036-.139-.006-.14-.017a.184.184 0 0 0-.052-.108.24.24 0 0 0-.085-.064l.014-.013.02-.017v-.039l-.088.04-.083.093a.37.37 0 0 0-.105-.026c-.062.001-.098.028-.1.026-.059-.049-.108-.082-.148-.133-.032-.04-.056-.1-.095-.138-.06-.06-.173-.108-.189-.167-.02-.074.018-.09.114-.15.074-.046.182-.14.317-.187.014-.005.046-.002.097.01l.058.014.05.122.121.1a.215.215 0 0 0 .051.125c.04.042.073.03.104 0a.188.188 0 0 0 .024-.054l.018-.057.21.015.033-.028h.068l.055.028h.118l.091-.015.056.077.083-.029.133.084.108.067.049.076c-.006.023-.006.04 0 .05.022.04.071.075.092.096.03.03.084.07.163.116.009-.032.049-.057.121-.075.054-.014.13-.025.227-.033l.104-.008-.024-.164-.2-.11-.045.04a.446.446 0 0 0-.138-.076.222.222 0 0 0-.082-.004l-.049.01-.15-.04a.378.378 0 0 0-.068-.09.135.135 0 0 0-.076-.023.093.093 0 0 0-.026-.078.219.219 0 0 0-.06-.043l-.044-.02v-.062l.153-.021.122-.082a.121.121 0 0 1 .072 0 .188.188 0 0 1 .046.031l.031.029h.184v-.06h-.174a.225.225 0 0 0-.042-.062c-.011-.01-.021-.01-.03 0V19.097l.132-.04c.067.048.123.08.166.094a.519.519 0 0 0 .186.02l.02-.007c.01-.01.265-.037.358-.123a.275.275 0 0 0 .088-.14l.005-.05h.068l.02.004a.937.937 0 0 0 .33.052.377.377 0 0 0 .248-.084l.037-.043-.02-.07a.807.807 0 0 1-.315.1c-.046 0-.09-.048-.156-.064a.967.967 0 0 0-.19-.013 1.722 1.722 0 0 0-.171-.096c-.136-.06-.249-.094-.315-.129a.124.124 0 0 1-.063-.067c.042.007.063-.005.063-.035 0-.046-.06.002-.063 0a.257.257 0 0 0-.05-.035l-.092-.046a.668.668 0 0 0-.102-.048l-.069-.024-.222-.113a.169.169 0 0 0-.02-.096.555.555 0 0 0-.057-.066l-.048-.05.104-.164c-.025.008-.043.008-.054 0-.033-.025-.06-.086-.076-.093-.026-.01-.056.065-.072.037a.317.317 0 0 1-.032-.118c-.016-.14.064-.186.24-.135l.082.028.2-.202.632-.742a3.91 3.91 0 0 0 .547-1.083c.054-.17.14-.364.194-.61.044-.206.1-.58.165-1.123.076-.118.138-.277.187-.479a1.1 1.1 0 0 0 .035-.41l-.018-.081.07-.044.136-.028c-.01.044-.01.068 0 .072.007.002.022-.003.045-.017l.04-.027v.074c-.026.064-.026.115 0 .154.039.058.034.032.17.103.05.025.13.017.243-.024.032-.01.04-.118.099-.147a.473.473 0 0 1 .154-.032l.077-.005.237.48-.058.274c.058.069.094.114.108.137.025.042.001.061.029.073.036.017.078.007.124-.029l.048-.044h.237l.06.253v.077l-.068.048-.067-.048-.037.127-.125.124h-.073l-.128.08-.05-.08-.195-.028c-.067.019-.108.039-.121.061-.01.015-.013.04-.01.076l.01.061.205.449-.05.077c.024.038.03.067.015.09-.014.022-.045.028-.091.018.027.068.057.104.091.107.012.001.032-.018.059-.06l.029-.047.108.028-.16.11c.014.018.003.053-.036.103a1.064 1.064 0 0 1-.11.118l-.082.073-.156.054.084.034.061.05h.063l.026.073c.084-.023.134-.032.15-.026l.055.025.055.034.147.114.229-.037.196.088.03.077c.08.022.139.043.174.062.033.017.066.064.095.08.041.022.2-.053.3-.08.062-.017.06.027.12 0 .083-.038.03-.175.154-.27.06-.046.063-.092.133-.14.1-.069.21-.138.317-.2.068-.04.172-.06.236-.13.169-.182.216-.422.217-.425 0 0-.004-.125-.03-.181a.71.71 0 0 0-.074-.099l-.048-.057.057-.037.013-.112h-.588a2.03 2.03 0 0 0-.16-.217c-.029-.031-.05-.047-.063-.046l-.01.006.032-.511.2-.312.183-.02-.029-.051h-.153c-.01-.045-.024-.069-.041-.07-.012-.002-.028.006-.05.023l-.035.033-.075-.008c-.032.063-.064.094-.094.093-.025 0-.14-.071-.355-.113a.156.156 0 0 0-.069.01l-.05.018-.164-.096a.137.137 0 0 1 0-.112.153.153 0 0 1 .066-.064l.06-.028.019-.08c-.025-.026-.037-.047-.037-.06 0-.04.036-.075.037-.123 0-.04-.036-.094-.035-.14l.004-.25c0-.03-.018-.06-.038-.097a.344.344 0 0 1-.045-.176c.001-.029.073-.105.095-.168.01-.03.016-.1.019-.21a.437.437 0 0 1 .138-.235c.066-.064.157-.13.275-.197.014-.008.03-.08.08-.132.034-.036.095-.056.13-.072.066-.031.16-.021.247-.055.065-.024.094-.082.213-.142.052-.027.15-.07.294-.127l.116-.046h.114c.05-.044.155-.08.315-.104.05-.008.123-.014.218-.018.06.013.102.02.129.018.031-.002.064-.036.125-.046.012-.002.036.007.074.028a.171.171 0 0 1 .128-.028c.04.009.113.043.216.102a.63.63 0 0 1 .203-.094l-.1-.293V3.715h-4.498L9.191 1.451 7.096 6.745l1.02 6.83-2.729 6.828 2.144.327.497-.327a.52.52 0 0 1 .205-.09c.033-.01.074-.004.12-.02.044-.016.104-.06.16-.067.037-.006.14.034.306.12l.108.057.087-.01.136.12.134.04.032-.049.29.073.03-.064.11-.065.12-.03.03-.105.01-.055c.063-.024.116-.024.158 0 .063.036.1.178.124.16 0 0 .04-.005.094.03.007.005.015.02.025.045.026-.01.046-.01.06 0a.45.45 0 0 1 .087.1c-.01-.031-.02-.058-.03-.08-.013-.033-.046-.048-.03-.065.007-.008.113.094.148.087.017-.004-.077-.078-.06-.116.006-.01.042-.01.109 0a.164.164 0 0 0 .017-.026l.03.003.038.007.074.15-.045.056a3.95 3.95 0 0 1-.222.233c-.1.074-.199.138-.295.19-.023.012-.095-.015-.124 0-.044.022-.102.103-.199.161-.02.013-.056-.014-.079 0l-.029.018-.04.026-.353-.044c-.014-.012-.023-.035-.027-.07a.983.983 0 0 1 0-.16 1.745 1.745 0 0 1-.272-.063c-.025-.009-.055-.054-.088-.067-.025-.01-.053.013-.083 0a.908.908 0 0 1-.124-.067c-.01.025-.024.04-.042.047a.128.128 0 0 1-.05.004l-.035-.004-.052.043-.05-.014c.022.122.013.19-.028.204a.507.507 0 0 1-.106.024l-.876.68L4 21.218l3.096-7.642-.993-6.831L8.792 0zm.73 19.28c.045.02.072.035.084.046.037.036.04.074.06.098.02.024.033.045.042.063l.008.026-.08.016-.035.041-.047-.02a.344.344 0 0 0-.052-.033l-.014-.004a.14.14 0 0 0-.056.016l-.038.02-.116-.036-.128.088-.053.062v-.09l-.155-.116-.015-.11.087-.021h.102c-.042.023-.025.03.053.021a3.52 3.52 0 0 0 .353-.067zm-.068-.73.054.02c-.02.038-.02.06 0 .067a.272.272 0 0 0 .1-.003l.057-.009.08.046h.196l.106.167c-.002.032.003.052.017.058.009.004.027.006.055.004l.048-.004.092.071.093.019-.03.11a.357.357 0 0 0-.084.061l-.044.039-.028-.014-.241.077-.11-.095c-.056.017-.089.022-.099.018-.066-.033-.051-.049-.05-.054.005-.052-.033-.106-.112-.16a2.11 2.11 0 0 0-.093-.029c-.028-.007-.018-.069-.04-.072-.019-.003-.07.053-.084.054-.03.002-.048.012-.056.03l-.003.035-.162.01c-.126-.1-.143-.196-.05-.287a.344.344 0 0 1 .292-.09l.096.018v-.087zm.576-.431.083.1.003-.002.01.009.04.027c.093.06.244.14.454.235.157.157.291.264.403.321.032.017.066.01.112 0l.05-.012.062.012v.041l-.031-.004c-.018-.002-.028 0-.032.004-.038.048-.042.114-.09.136a.866.866 0 0 1-.28.055c-.025-.031-.107-.065-.246-.102a.32.32 0 0 0-.13-.116.458.458 0 0 0-.149-.016l-.074.002-.125-.2c.024-.12-.009-.204-.098-.254-.133-.074-.337.103-.356.086-.103-.09-.081-.164-.059-.188.015-.017.079-.008.169-.033.034-.01.043-.052.12-.08a.76.76 0 0 1 .164-.021zm5.102-3.682a.16.16 0 0 0 .081.072c.032.012.108.025.227.04a.116.116 0 0 0 .067.052.53.53 0 0 0 .087.015l.066.006.1.146c.03.09.03.164 0 .225a1.72 1.72 0 0 1-.122.204l-.067.098-.103.083a.467.467 0 0 0-.255.046.823.823 0 0 0-.14.109l-.065.06h-.13l-.072.084.025.141c-.017.123-.042.19-.077.205-.17.07-.324.111-.388.065a1.96 1.96 0 0 1-.15-.126l-.069-.064-.36-.173-.179.026-.063-.074v-.137l.164-.162.639-.385.055.007c.08-.051.12-.103.12-.153 0-.034.01-.064.03-.092l.036-.039h.077c.09-.088.16-.148.212-.181.035-.022.08-.005.135-.026a.848.848 0 0 0 .119-.072zm-2.48-2.798.17.24-.068.334-.133.17-.209.178h-.205l.017-.225.12-.316.307-.38zm2.154-1.332.1.072-.12.08-.263.099-.184.022-.19.118-.278.053-.23.137-.067-.103.172-.171 1.06-.307zm1.26-.068.067.045-.1.057-.095-.012-.312.073-.201-.027-.133.06-.16.017-.124-.059v-.086l.098-.049.249.05.61-.058.102-.011z"
104
109
  }));
105
110
  };
106
111
  var Location = function Location(props) {
107
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
112
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
108
113
  d: "M11.58 11.758a2.177 2.177 0 1 1 0-4.354 2.177 2.177 0 0 1 0 4.354m0-8.758A6.58 6.58 0 0 0 5 9.58C5 15.15 11.58 21 11.58 21s6.582-5.85 6.582-11.42A6.58 6.58 0 0 0 11.58 3"
109
114
  }));
110
115
  };
111
116
  var ThumbsUp = function ThumbsUp(props) {
112
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
117
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({
113
118
  viewBox: "0 0 58 69"
114
- }, props), /*#__PURE__*/React.createElement("title", null, "Thumbs up"), /*#__PURE__*/React.createElement("g", {
119
+ }, props), /*#__PURE__*/React$2.createElement("title", null, "Thumbs up"), /*#__PURE__*/React$2.createElement("g", {
115
120
  id: "Thumbs-up",
116
121
  stroke: "none",
117
122
  strokeWidth: "1",
118
123
  fill: "none",
119
124
  fillRule: "evenodd"
120
- }, /*#__PURE__*/React.createElement("path", {
125
+ }, /*#__PURE__*/React$2.createElement("path", {
121
126
  d: "M3.99883665,31.7843145 C7.41834232,30.0745617 7.39773108,30.3805485 10.9988366,28.8843145 C14.5999422,27.3880805 16.06167,27.0500418 18.1988366,25.8843145 C19.0904815,25.3979628 19.820202,24.8243341 20.5488366,24.1634286 C20.9845024,23.7682595 22.8819728,21.7794437 23.5488366,20.8277879 C24.2586546,19.8148341 25.1756722,18.5003429 25.9988366,16.8843145 C28.3936103,12.1829184 28.889513,9.4076237 29.8988366,6.88431453 C30.4506375,5.50481234 31.0206747,4.13576029 31.6089482,2.77715837 C31.8562473,2.20602771 32.1648239,1.47549588 32.9988366,0.88431453 C33.2365758,0.715795602 34.0556054,0.253858312 35.0144255,0.0843145301 C36.0262338,-0.0945989315 37.1937102,0.0296108539 37.9980376,0.28431453 C38.7449403,0.520833719 39.4692925,0.860990256 40.1710941,1.30478414 C40.2879689,1.37869154 41.2393256,2.13799569 41.8988366,3.58269657 C42.290748,4.4412034 42.5040976,4.92788584 42.7988366,6.88431453 C42.9953293,8.18860032 43.0453293,9.52193365 42.9488366,10.8843145 C42.947848,11.8251839 42.6645146,13.1585172 42.0988366,14.8843145 C41.9160014,15.4421169 41.6403041,16.2990156 41.2988366,17.1941099 C40.9325633,18.1542284 40.4965053,19.1582935 40.1988366,19.8843145 C39.1594737,22.4193462 37.7498356,25.6900566 37.4561402,26.5124038 C37.2603433,27.0606352 37.1745754,27.6512721 37.1988366,28.2843145 C37.21217,28.4109812 37.2455033,28.5187344 37.2988366,28.6075742 C37.35217,28.6964139 37.45217,28.821994 37.5988366,28.9843145 C38.7401033,28.7100145 39.6802034,28.5266812 40.4191367,28.4343145 C41.6262088,28.2834305 44.7342553,28.0975232 47.4943878,28.1962584 C50.2545202,28.2949937 51.7465936,28.4428269 52.9988366,28.8843145 C53.8336653,29.1786396 54.540332,29.8453063 55.1188366,30.8843145 C55.3507184,31.5616882 55.477385,32.2303996 55.4988366,32.8904489 C55.5202882,33.5504981 55.4369549,34.21512 55.2488366,34.8843145 C54.956044,35.585751 54.5393773,36.1190843 53.9988366,36.4843145 C53.4582959,36.8495447 52.6416293,37.1495447 51.5488366,37.3843145 C51.46217,37.6709812 51.4455033,37.9376479 51.4988366,38.1843145 C51.55217,38.4309812 51.7188366,38.5976479 51.9988366,38.6843145 C53.0027645,38.7154727 53.6750204,38.7821393 54.0156044,38.8843145 C54.7031375,39.0905745 55.3642149,39.4239078 55.9988366,39.8843145 C56.4980387,40.3674862 56.831372,40.7202741 56.9988366,40.9426784 C57.2459451,41.2708552 57.8988366,42.3863253 57.8988366,43.8843145 C57.8988366,44.882974 57.53217,45.882974 56.7988366,46.8843145 C56.4100652,47.2645006 55.9767318,47.5818962 55.4988366,47.8365013 C55.0209415,48.0911064 54.5157721,48.2737108 53.9833285,48.3843145 L52.6988366,48.3843145 C52.2988366,48.6576479 52.0988366,48.9643145 52.0988366,49.3043145 C52.0988366,49.6443145 52.1655033,49.9376479 52.2988366,50.1843145 L53.4440689,50.6343145 C54.0486381,50.9097065 54.566894,51.3263732 54.9988366,51.8843145 C55.2403033,52.1962176 55.7126861,53.1830494 55.7488366,53.8843145 C55.7849872,54.5855797 55.7892838,54.8412841 55.675362,55.3021772 C55.5409724,55.8458769 55.3321306,56.373256 54.9488366,56.8843145 C54.6880408,57.2320423 54.3421972,57.542124 54.0113058,57.8145598 C53.720974,58.0536013 53.0623839,58.3923099 52.0355354,58.6843145 C51.8426264,58.739172 51.4970601,58.8058387 50.9988366,58.8843145 L49.2488366,58.9843145 C48.96217,59.1509812 48.7955033,59.3509812 48.7488366,59.5843145 C48.70217,59.8176479 48.7855033,60.0643145 48.9988366,60.3243145 L50.0168579,60.6843145 C51.0110333,61.2176479 51.5216929,61.9496429 51.5488366,62.8802998 C51.5895523,64.276285 51.475285,65.4556464 50.0016466,66.7843145 C49.4876586,67.2477386 48.8545536,67.4912052 48.1023318,67.7343145 C47.6452927,67.8820242 46.8607943,68.0486909 45.7488366,68.2343145 L40.0010327,68.6843145 C38.1462353,68.7443145 36.81217,68.7776479 35.9988366,68.7843145 C34.7788366,68.7943145 28.6377735,68.7414839 25.3910307,68.5132824 C22.1442879,68.2850808 21.4236621,68.1168902 18.9258088,67.5843145 C16.4279556,67.0517389 16.0894589,66.9976619 13.9988366,66.0843145 C12.6050885,65.4754163 11.2717551,64.6754163 9.99883665,63.6843145 L5.99912679,59.8445931 C5.6005732,59.505994 5.13964906,59.1744645 4.61635438,58.8500046 C3.83141237,58.3633147 3.44878136,58.2942773 2.99883665,57.9843145 C2.44718062,57.6042838 2.05635486,57.1737105 1.71932092,56.7662516 C1.30382099,56.2639309 0.723401214,54.7703696 0.498836646,53.8721113 C0.239479861,52.8346842 0.182966814,51.4491222 0.134208514,50.425802 C0.00166588165,47.644049 0.0975252306,47.2982714 0.0687602378,44.8458357 C0.0452570713,42.8420109 -0.0277106081,40.4082829 0.0112302522,39.9409643 C0.224109489,37.3862585 0.450803729,36.3915418 0.898836646,34.8843145 C1.09883665,34.2114947 1.78104521,33.1945675 2.17275045,32.889441 C2.5644557,32.5843145 3.13875358,32.2143561 3.99883665,31.7843145 Z",
122
127
  id: "Path-2",
123
128
  fill: "#FFBF00"
124
- }), /*#__PURE__*/React.createElement("path", {
129
+ }), /*#__PURE__*/React$2.createElement("path", {
125
130
  d: "M37.1988366,28.2843145 C36.6491114,28.3570112 36.2566531,28.4236779 36.0214618,28.4843145 C35.0603746,28.7321005 34.3937143,29.0314706 34.021481,29.207818 C33.777778,29.3232735 32.5285093,30.04554 31.6988366,30.8956082 C31.0356177,31.5751308 30.7670551,32.3363186 30.5620165,32.9344937 C29.9561734,34.7019667 30.4904911,36.5989836 30.5988366,36.8981554 C30.8174274,37.5017447 31.0945063,37.9694877 31.2988366,38.4843145 C31.4064264,38.7553957 31.4498365,39.7521385 31.3985954,40.9130014 C31.388536,41.1408948 31.3995111,42.8738523 30.5816296,45.1307691 C30.125032,46.3907349 29.4940749,47.743868 28.6988366,48.906031 C27.6082165,50.4998658 26.3589437,51.7345157 26.1988366,51.8770596 C25.2520649,52.7199732 23.8988366,53.516454 23.3777374,54.1031009 C22.8566381,54.6897478 22.8988366,54.7174426 22.8988366,54.8843145 C22.8988366,55.0643438 22.9342857,55.2139882 23.0063234,55.32641 C23.2544011,55.7135594 23.9363916,55.6592779 25.0988366,54.8843145 C25.8683088,54.3713331 26.8213311,53.5952018 27.5988366,52.8259025 C28.3369913,52.0955388 28.9092218,51.3713331 29.2988366,50.8843145 C29.6096134,50.4958436 30.1890589,49.8244169 30.7488366,48.8700346 C31.0160857,48.4143934 31.4327524,47.5858201 31.9988366,46.3843145 C31.9988366,46.7176479 32.33217,47.2176479 32.9988366,47.8843145 C33.1686748,48.0541527 33.5020081,48.3041527 33.9988366,48.6343145 C33.535822,48.6343145 33.2024887,48.6676479 32.9988366,48.7343145 C31.9774176,49.1343145 31.4345654,49.3440777 30.8488366,49.8843145 C30.1709576,50.5095446 29.6310297,51.1756019 29.3988366,52.3843145 C29.1722814,53.5636787 29.3142136,54.632966 29.6488366,55.5921767 C29.928312,56.3933044 30.3156141,57.1176481 30.9865396,57.7652076 C31.1856402,57.9573742 31.5230725,58.2304098 31.9988366,58.5843145 C30.2988366,59.4509812 29.4488366,60.8843145 29.4488366,62.8843145 C29.4488366,65.8843145 31.4988366,68.7843145 35.9988366,68.7843145 C37.2162866,68.7843145 38.5382158,68.7607397 39.9988366,68.6843145 C41.1579568,68.623665 43.0746234,68.473665 45.7488366,68.2343145 C42.81999,68.0652276 40.9033233,67.948561 39.9988366,67.8843145 C38.4397862,67.7735739 34.9576244,67.4218793 34.5109642,67.2843145 C33.8898949,67.0930342 33.3876529,66.66767 32.9988366,66.3843145 C31.7988366,65.509797 31.6488366,63.8668327 31.6488366,63.3843145 C31.6488366,62.6767971 32.115551,61.4820497 32.7124803,60.9291427 C33.2967248,60.387985 34.101504,59.9827037 34.9988366,59.8343145 C36.8129843,59.5343145 37.8279851,59.6343145 38.9968712,59.6343145 C41.8836014,59.6343145 46.4559662,59.9063364 47.0327603,59.9503801 C47.6352731,59.9963876 48.2906319,60.1194654 48.9988366,60.3196132 C48.7881139,60.0647262 48.7047806,59.8196266 48.7488366,59.5843145 C48.7928927,59.3490025 48.9595594,59.1490025 49.2488366,58.9843145 C41.7042463,58.5910176 37.2875796,58.2576842 35.9988366,57.9843145 C34.0657222,57.57426 33.0783849,56.5232188 32.4988366,55.3843145 C32.1808463,54.7594131 31.9988366,54.0680377 32.1988366,52.8843145 C32.4054546,51.661422 33.0758788,51.154421 33.9988366,50.7343145 C35.0343809,50.2629616 36.2160776,50.213626 38.0168693,50.1343145 C41.4226671,49.9843145 41.9988366,49.8715355 44.9988366,49.8843145 C47.4322993,49.8928339 49.8656327,49.9928339 52.2988366,50.1843145 C52.1655033,49.9452767 52.0988366,49.6535253 52.0988366,49.3090604 C52.0988366,48.9645954 52.2988366,48.6563468 52.6988366,48.3843145 C49.4970675,48.4374708 47.2644784,48.4840975 46.0010696,48.5241946 C42.8267531,48.6249387 40.1650305,48.7843145 38.0159019,48.6090596 C36.5073153,48.3843145 35.5349602,47.7454709 35.0988366,47.3586886 C33.5267511,45.9644623 33.6909724,44.1458838 33.6988366,43.902953 C33.7490538,42.3517256 34.2594453,41.6540102 34.9988366,41.2843145 C36.9988366,40.2843145 38.521019,40.3843145 40.9988366,39.8843145 L51.9988366,38.6843145 C51.7847588,38.5992008 51.6347588,38.4325341 51.5488366,38.1843145 C51.4629145,37.9360949 51.4629145,37.6694283 51.5488366,37.3843145 C48.6830402,37.6590904 46.693269,37.8590904 45.579523,37.9843145 C44.2653604,38.1320725 42.7384649,38.3154059 40.9988366,38.5343145 C38.9988366,38.6009812 37.6749072,38.5733169 37.0270482,38.4513217 C35.0988366,38.2216852 33.4888366,37.4843145 33.4388366,34.8545872 C33.3888366,32.7744565 33.7430954,32.2207578 33.8988366,31.9295788 C34.3117653,31.1575537 34.9128559,30.575799 35.3988366,30.1843145 C36.0681111,29.6451768 36.8014444,29.2451768 37.5988366,28.9843145 C37.4503711,28.8228789 37.3503711,28.6970685 37.2988366,28.6068833 C37.2473022,28.516698 37.2139689,28.4091751 37.1988366,28.2843145 Z",
126
131
  id: "Path",
127
132
  fill: "#F28700"
128
133
  })));
129
134
  };
130
135
  var Edit = function Edit(props) {
131
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
136
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
132
137
  d: "m12.718 3.807-5.214 9.426-1.3 2.325.325 5.58 4.905-2.683 6.494-11.711-5.21-2.937zM11.514 5.98l-.616 1.111 5.23 2.9.616-1.11-5.23-2.901zm-4.69 8.462-.612 1.113 5.225 2.898.616-1.11-5.23-2.901z",
133
138
  fillRule: "evenodd"
134
139
  }));
135
140
  };
136
141
  var Export = function Export(props) {
137
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
142
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
138
143
  d: "M14.744 5.476a1.252 1.252 0 1 0 0 2.504h2.752v9.516H6.48v-1.753a1.251 1.251 0 1 0-2.504 0v3.004c0 .693.561 1.253 1.252 1.253h13.52C19.44 20 20 19.44 20 18.747V6.727c0-.69-.56-1.251-1.252-1.251zM9.133 2.385a1.252 1.252 0 0 0-1.77 0L1.773 7.974l5.54 5.54c.49.49 1.281.49 1.77 0l.022-.026a1.25 1.25 0 0 0-.021-1.745L6.568 9.225h1.371c.914 0 2.756.618 4.045 2.763 1.29 2.145.352 2.526.653 2.526.301 0 1.943-1.798.721-4.295-1.71-3.498-4.6-3.498-5.346-3.498H6.568l2.565-2.565a1.253 1.253 0 0 0 0-1.771z"
139
144
  }));
140
145
  };
141
146
  var ListItem = function ListItem(props) {
142
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
147
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
143
148
  d: "M3 3h4v4H3V3zm0 7h4v4H3v-4zm0 7h4v4H3v-4zm7-14h11v4H10V3zm0 7h11v4H10v-4zm0 7h11v4H10v-4z"
144
149
  }));
145
150
  };
146
151
  var TimeSeriesManager = function TimeSeriesManager(props) {
147
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
152
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
148
153
  d: "M4,3 L4,19 L22,19 L22,21 L2,21 L2,3 L4,3 Z M21.205593,3.52920887 L22.0247451,4.1027853 L15.9984337,15.1373978 L10.8379459,10.3032107 L5.81915204,17.4707911 L5,16.8972147 L10.7357644,8.70569425 L15.8962522,13.5398814 L21.205593,3.52920887 Z"
149
154
  }));
150
155
  };
151
156
  var Close = function Close(props) {
152
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
157
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
153
158
  d: "m13.805 12 4.821-4.822a1.276 1.276 0 1 0-1.804-1.804L12 10.195 7.178 5.374a1.276 1.276 0 1 0-1.804 1.804L10.196 12l-4.822 4.822a1.276 1.276 0 1 0 1.804 1.805L12 13.805l4.822 4.822a1.274 1.274 0 0 0 1.804 0c.499-.5.499-1.306 0-1.805L13.805 12z"
154
159
  }));
155
160
  };
156
161
  var KeyOption = function KeyOption(props) {
157
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
162
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({
158
163
  viewBox: "0 0 12 11"
159
- }, props), /*#__PURE__*/React.createElement("path", {
164
+ }, props), /*#__PURE__*/React$2.createElement("path", {
160
165
  d: "m4.01.88 4.55 9.11h3.14V11H7.74L3.19 1.9H.06V.88h3.95zm7.69 0V1.9H6.97V.88h4.73z"
161
166
  }));
162
167
  };
163
168
  var KeyCommand = function KeyCommand(props) {
164
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
169
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({
165
170
  viewBox: "0 0 12 12"
166
- }, props), /*#__PURE__*/React.createElement("path", {
171
+ }, props), /*#__PURE__*/React$2.createElement("path", {
167
172
  d: "M9.04.63c1.04 0 2.15.81 2.15 2.17 0 1-.79 2.13-2.15 2.13H7.9v2.02H9c1.4 0 2.19 1.15 2.19 2.05 0 1.6-1.19 2.26-2.19 2.26S6.89 10.5 6.89 9V7.97H4.86V9c0 1.5-1.11 2.26-2.15 2.26C1.7 11.26.56 10.5.56 9c0-1 .99-2.05 2.15-2.05h1.14V4.93H2.71C1.55 4.93.525 4 .561 2.72.598 1.442 1.7.63 2.71.63c1.04 0 2.15.75 2.15 2.17v1.12h2.03V2.8C6.89 1.38 8 .63 9.04.63zM3.85 7.96H2.71A1.14 1.14 0 1 0 3.85 9.1V7.96zm5.19 0H7.9V9.1a1.14 1.14 0 1 0 1.14-1.14zM6.89 4.93H4.86v2.02h2.03V4.93zM2.71 1.64a1.14 1.14 0 0 0 0 2.28h1.14V2.78c0-.63-.51-1.14-1.14-1.14zm6.33 0c-.63 0-1.14.51-1.14 1.14v1.14h1.14a1.14 1.14 0 0 0 0-2.28z"
168
173
  }));
169
174
  };
170
- var ArrowLeft = function ArrowLeft(props) {
171
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
175
+ var ArrowLeft$1 = function ArrowLeft(props) {
176
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({
172
177
  viewBox: "0 0 12 6"
173
- }, props), /*#__PURE__*/React.createElement("path", {
178
+ }, props), /*#__PURE__*/React$2.createElement("path", {
174
179
  d: "M3.355 0 .395 2.96l2.96 2.96V3.47h8.01V2.45h-8.01z"
175
180
  }));
176
181
  };
177
- var ArrowRight = function ArrowRight(props) {
178
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
182
+ var ArrowRight$1 = function ArrowRight(props) {
183
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({
179
184
  viewBox: "0 0 12 6"
180
- }, props), /*#__PURE__*/React.createElement("path", {
185
+ }, props), /*#__PURE__*/React$2.createElement("path", {
181
186
  d: "m8.405 5.92 2.96-2.96L8.405 0v2.45H.395v1.02h8.01z"
182
187
  }));
183
188
  };
184
189
  var ArrowDown = function ArrowDown(props) {
185
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
190
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({
186
191
  viewBox: "0 0 6 12"
187
- }, props), /*#__PURE__*/React.createElement("path", {
192
+ }, props), /*#__PURE__*/React$2.createElement("path", {
188
193
  d: "m-.08 8.89 2.96 2.96 2.96-2.96H3.39V.88H2.37v8.01z"
189
194
  }));
190
195
  };
191
196
  var ArrowUp = function ArrowUp(props) {
192
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
197
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({
193
198
  viewBox: "0 0 6 11"
194
- }, props), /*#__PURE__*/React.createElement("path", {
199
+ }, props), /*#__PURE__*/React$2.createElement("path", {
195
200
  d: "M-.08 2.96 2.88 0l2.96 2.96H3.39v8.01H2.37V2.96z"
196
201
  }));
197
202
  };
198
203
  var Exclamation = function Exclamation(props) {
199
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
204
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
200
205
  d: "M12.862 16.72c-.22.226-.507.339-.86.339-.364 0-.662-.113-.894-.34-.232-.226-.347-.52-.347-.885 0-.32.118-.59.356-.81a1.25 1.25 0 0 1 .884-.331c.332 0 .613.11.845.33.232.222.347.491.347.811 0 .365-.11.66-.33.886zm.216-9.805-.134 6.669H11.06l-.15-6.67h2.169zM12 4.5a7.501 7.501 0 0 0 0 15 7.5 7.5 0 0 0 0-15z"
201
206
  }));
202
207
  };
203
208
  var Visibility = function Visibility(props) {
204
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
209
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
205
210
  d: "M14.4980749,15.8618431 C15.8661433,15.0851043 16.779689,13.6936347 16.779689,12.1014551 C16.779689,10.5092755 15.8661433,9.11870594 14.4980749,8.34106705 C17.6257313,9.18620931 19.3529176,11.4300215 19.8092405,12.1014551 C19.3529176,12.7719886 17.6266313,15.0167008 14.4980749,15.8618431 L14.4980749,15.8618431 Z M4.18985949,12.1014551 C4.64618231,11.4300215 6.37336867,9.18710936 9.49922496,8.3419671 C8.13295665,9.11870594 7.21851093,10.5101755 7.21851093,12.1014551 C7.21851093,13.6936347 8.13295665,15.0842042 9.49922496,15.8618431 C6.37336867,15.0167008 4.64618231,12.7728886 4.18985949,12.1014551 L4.18985949,12.1014551 Z M11.99955,13.8583429 C10.9950998,13.8583429 10.180559,13.0717036 10.180559,12.1014551 C10.180559,11.1312066 10.9950998,10.3445672 11.99955,10.3445672 C13.0031002,10.3445672 13.8176409,11.1312066 13.8176409,12.1014551 C13.8176409,13.0717036 13.0031002,13.8583429 11.99955,13.8583429 L11.99955,13.8583429 Z M20.7983899,11.7666383 C20.6813841,11.5713286 17.8696435,7 11.99955,7 C6.12945647,7 3.31681584,11.5713286 3.19980999,11.7666383 L3,12.1014551 L3.19980999,12.4362718 C3.31681584,12.6306815 6.12945647,17.2020101 11.99955,17.2020101 C17.8696435,17.2020101 20.6813841,12.6306815 20.7983899,12.4362718 L21,12.1014551 L20.7983899,11.7666383 Z"
206
211
  }));
207
212
  };
208
213
  var VisibilityOff = function VisibilityOff(props) {
209
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
214
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
210
215
  d: "M12 15.309c-.755 0-1.45-.088-2.092-.236l.798-.797c.41.124.844.192 1.294.192 2.453 0 4.442-1.988 4.442-4.44 0-.495-.085-.907-.234-1.255l.03-.03c1.72.906 2.781 2.167 3.218 2.766-.724.992-3.151 3.8-7.456 3.8zm-7.456-3.8c.442-.607 1.522-1.89 3.276-2.796-.166.36-.261.79-.261 1.315 0 1.228.499 2.34 1.305 3.144l-1.102 1.104c-1.72-.906-2.78-2.169-3.218-2.767zm5.646-3.524c.818 0 1.482.665 1.482 1.483 0 .818-.664 1.481-1.482 1.481s-1.482-.663-1.482-1.481c0-.818.664-1.483 1.482-1.483zm10.608 3.19c-.073-.125-1.245-2.026-3.603-3.388l2.009-2.01c.406-.406.406-1.065 0-1.473-.407-.405-1.066-.405-1.473 0l-2.58 2.582c-.93-.295-1.98-.478-3.151-.478-5.87 0-8.681 4.57-8.798 4.766L3 11.51l.202.335c.073.124 1.244 2.025 3.603 3.387l-2.009 2.01c-.406.406-.406 1.065 0 1.472.204.203.47.305.737.305.266 0 .532-.102.736-.305l2.58-2.58c.93.293 1.98.476 3.151.476 5.87 0 8.681-4.57 8.798-4.765l.202-.335-.202-.335z"
211
216
  }));
212
217
  };
213
218
  var HamburgerMenu = function HamburgerMenu(props) {
214
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
219
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
215
220
  d: "M18.693 7.732H5.306C4.584 7.732 4 7.12 4 6.366 4 5.611 4.584 5 5.306 5h13.387C19.414 5 20 5.611 20 6.366c0 .754-.586 1.366-1.307 1.366m0 5.634H5.306C4.584 13.366 4 12.754 4 12c0-.755.584-1.367 1.306-1.367h13.387c.721 0 1.307.612 1.307 1.367 0 .753-.586 1.365-1.307 1.365m0 5.634H5.306C4.584 19 4 18.388 4 17.634c0-.754.584-1.367 1.306-1.367h13.387c.721 0 1.307.613 1.307 1.367S19.414 19 18.693 19"
216
221
  }));
217
222
  };
218
223
  var GeoWebLogo = function GeoWebLogo(props) {
219
- return /*#__PURE__*/React.createElement("svg", Object.assign({
224
+ return /*#__PURE__*/React$2.createElement("svg", Object.assign({
220
225
  width: "47px",
221
226
  height: "29px",
222
227
  viewBox: "0 0 71 44",
223
228
  version: "1.1",
224
229
  xmlns: "http://www.w3.org/2000/svg",
225
230
  xmlnsXlink: "http://www.w3.org/1999/xlink"
226
- }, props), /*#__PURE__*/React.createElement("title", null, "Geoweb logo"), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
231
+ }, props), /*#__PURE__*/React$2.createElement("title", null, "Geoweb logo"), /*#__PURE__*/React$2.createElement("defs", null, /*#__PURE__*/React$2.createElement("linearGradient", {
227
232
  x1: "16.8198885%",
228
233
  y1: "6.54485841%",
229
234
  x2: "57.3699143%",
230
235
  y2: "42.3856856%",
231
236
  id: "linearGradient-1"
232
- }, /*#__PURE__*/React.createElement("stop", {
237
+ }, /*#__PURE__*/React$2.createElement("stop", {
233
238
  stopColor: "#FFFFFF",
234
239
  stopOpacity: "0.33333",
235
240
  offset: "0%"
236
- }), /*#__PURE__*/React.createElement("stop", {
241
+ }), /*#__PURE__*/React$2.createElement("stop", {
237
242
  stopColor: "#FFFFFF",
238
243
  stopOpacity: "0",
239
244
  offset: "100%"
240
- })), /*#__PURE__*/React.createElement("linearGradient", {
245
+ })), /*#__PURE__*/React$2.createElement("linearGradient", {
241
246
  x1: "50.9318547%",
242
247
  y1: "46.4796835%",
243
248
  x2: "43.0090172%",
244
249
  y2: "0.844973858%",
245
250
  id: "linearGradient-2"
246
- }, /*#__PURE__*/React.createElement("stop", {
251
+ }, /*#__PURE__*/React$2.createElement("stop", {
247
252
  stopColor: "#FFFFFF",
248
253
  stopOpacity: "0",
249
254
  offset: "0%"
250
- }), /*#__PURE__*/React.createElement("stop", {
255
+ }), /*#__PURE__*/React$2.createElement("stop", {
251
256
  stopColor: "#FFFFFF",
252
257
  stopOpacity: "0.33333",
253
258
  offset: "100%"
254
- }))), /*#__PURE__*/React.createElement("g", {
259
+ }))), /*#__PURE__*/React$2.createElement("g", {
255
260
  id: "Geoweb-logo",
256
261
  stroke: "none",
257
262
  strokeWidth: "1",
258
263
  fill: "none",
259
264
  fillRule: "evenodd"
260
- }, /*#__PURE__*/React.createElement("g", {
265
+ }, /*#__PURE__*/React$2.createElement("g", {
261
266
  transform: "translate(-0.000002, 0.000000)",
262
267
  fillRule: "nonzero"
263
- }, /*#__PURE__*/React.createElement("g", {
268
+ }, /*#__PURE__*/React$2.createElement("g", {
264
269
  id: "layer1"
265
- }, /*#__PURE__*/React.createElement("g", {
270
+ }, /*#__PURE__*/React$2.createElement("g", {
266
271
  id: "g4"
267
- }, /*#__PURE__*/React.createElement("path", {
272
+ }, /*#__PURE__*/React$2.createElement("path", {
268
273
  d: "M29.0244012,8.24968403 C22.1632139,8.25834657 16.1741523,12.832579 14.4544599,19.3776076 C13.832111,19.279281 13.20312,19.2272122 12.5728452,19.2218415 C5.62905014,19.2217232 1.99977785e-06,24.7686157 1.99977785e-06,31.6109206 C1.99977785e-06,38.4532254 6.62905014,44 12.5728452,44 C22.6625546,44 49.500002,43.9979372 53.3350238,44 C56.2372834,44 63.2828385,43.8604971 68.2761419,37.5041138 C73.2694453,31.147461 70.2632768,17.4867764 68.1881953,11.6493259 C66.1131138,5.81187538 59.6578291,0 53.3280106,0 C45.8866154,0 39.2715769,4.00456749 35.9382426,9.91929332 C33.8018082,8.82655405 31.4311891,8.25413905 29.0244012,8.24968403 Z",
269
274
  id: "path4220",
270
275
  fill: "#0B9EE5"
271
- }), /*#__PURE__*/React.createElement("path", {
276
+ }), /*#__PURE__*/React$2.createElement("path", {
272
277
  d: "M12.6356798,44 C22.7746907,43.937003 33.0654278,43.9720938 43.255762,43.9720938 C46.0886384,43.9720938 50.8633856,43.9748907 55.181552,43.9769417 C58.5400012,43.846454 64.6600826,42.7286231 68.900002,36.6595013 C70.4781085,33.855306 70.7241054,31.4933791 70.870002,29.9999998 C61.0123574,29.9967644 4.74480574,30.0001193 0.107164182,30.0001762 C0.0357213941,30.3929005 0,30.9706094 0,31.7333029 C0,38.2015669 6.41531361,44 12.6356798,44 Z",
273
278
  id: "path4220-7",
274
279
  fill: "#60BCE9"
275
- })), /*#__PURE__*/React.createElement("path", {
280
+ })), /*#__PURE__*/React$2.createElement("path", {
276
281
  d: "M53.3593361,0 C47.918804,0 42.9223401,2.15054275 39.3299564,5.62541069 C38.0351939,6.90249749 36.9198138,8.3502422 36.000002,9.92363493 C36.000002,21.1882124 36.0054345,31.3594567 36.0054345,43.9919386 C38.3685237,43.9938645 40.7366832,43.9957078 43.0921391,43.9957078 C45.9061498,43.9957078 50.6490992,43.9981839 54.9385085,44 C58.2745918,43.8844761 64.0692084,42.8948363 68.2808918,37.5217121 C73.2653764,31.1622771 70.2646844,17.4953381 68.1932872,11.6553326 C66.1218901,5.8153271 59.6782653,0.000907901172 53.3596259,0.000907901172 L53.3593361,0 Z",
277
282
  id: "path4220-2",
278
283
  fillOpacity: "0.31373",
279
284
  fill: "#FFFFFF"
280
- })), /*#__PURE__*/React.createElement("g", {
285
+ })), /*#__PURE__*/React$2.createElement("g", {
281
286
  id: "g4244",
282
287
  transform: "translate(20.000002, 14.500000)"
283
- }, /*#__PURE__*/React.createElement("path", {
288
+ }, /*#__PURE__*/React$2.createElement("path", {
284
289
  d: "M33.2943298,6.72474814 C36.4490656,9.02287887 37.3756525,8.9287324 39.4713926,11.7544337 C40.4745953,13.1069689 40.9988188,14.8107298 41,16.5033269 C41,21.1960094 37.0027377,25.0000392 32.0720208,24.9997778 C27.1415787,24.9997778 23.1445911,21.195748 23.1445911,16.5033269 C23.1462393,16.3723481 23.1510741,16.241411 23.1590681,16.110636 C22.2077851,15.8184709 21.258837,15.606125 20.5069638,15.606125 C19.7497338,15.606125 18.7925446,15.8208605 17.8344763,16.1162571 C17.8443657,16.2451131 17.851151,16.3741703 17.8548595,16.5033269 C17.8548101,21.195748 13.8578719,24.9997778 8.92742977,24.9997778 C3.9969876,24.9997778 0,21.195748 0,16.5033269 C0.00164824231,15.5820197 0.197168239,14.6813928 0.515927314,13.8208977 C2.01967372,8.45577777 2.93181101,2.25743153 8.1156979,1.57087606 C10.3834596,1.27052764 12.4978248,3.88414447 15.0127678,3.88414447 C17.5279307,3.88407126 17.5724882,0.0722713368 21.3552043,0.0053413284 C25.9779745,-0.0763080529 29.9219437,4.26794624 33.2945221,6.72474814 L33.2943298,6.72474814 Z M31.9884,10.3640673 C28.347158,10.3640673 25.3954308,13.1732976 25.3954308,16.6387556 C25.3954308,20.1042137 28.347158,22.9134439 31.9884,22.9134439 C35.629642,22.9134439 38.5813692,20.1042137 38.5813692,16.6387556 C38.5813692,13.1732976 35.629642,10.3640673 31.9884,10.3640673 L31.9884,10.3640673 Z M8.87866927,10.3640673 C5.23742729,10.3640673 2.28570002,13.1732976 2.28570002,16.6387556 C2.28570002,20.1042137 5.23742729,22.9134439 8.87866927,22.9134439 C12.5199112,22.9134439 15.4716385,20.1042137 15.4716385,16.6387556 C15.4716385,13.1732976 12.5199112,10.3640673 8.87866927,10.3640673 L8.87866927,10.3640673 Z",
285
290
  id: "path4329",
286
291
  fill: "#003232"
287
- }), /*#__PURE__*/React.createElement("path", {
292
+ }), /*#__PURE__*/React$2.createElement("path", {
288
293
  d: "M18.3777369,1.23152 C17.7953855,1.80024206 17.3777758,2.40363177 16.8938244,2.93721557 C16.7477214,3.09830251 16.551869,3.28208813 16.3862482,3.40648382 C16.0550064,3.65530136 15.686377,3.82759384 15.2412692,3.87167353 C15.1670845,3.87902014 15.0907654,3.88290522 15.012169,3.88290783 C16.4111971,7.35960803 18.259481,10.684147 20.50631,15.6045484 C21.2581832,15.6045484 22.2071313,15.8168943 23.1584143,16.1090595 C23.1504203,16.2398345 23.1455855,16.3707663 23.1439372,16.5017504 C23.1439372,18.7013163 24.021901,20.7057916 25.4628494,22.2148541 C25.5589117,22.3154426 25.6575095,22.4133931 25.7584891,22.509503 C27.3740413,24.0470369 29.6063108,24.998332 32.0712571,24.998332 C32.2253403,24.998332 32.3783796,24.9944364 32.5305399,24.9870898 C33.4435562,24.9430912 34.3203662,24.7689529 35.1408063,24.4831016 C35.4142881,24.3878153 35.6816495,24.2796919 35.941852,24.1603735 C36.3321558,23.9814063 36.7064442,23.7766502 37.0626843,23.5475979 C39.4375267,22.0207571 40.9992363,19.4348012 40.9992363,16.5019073 C40.9981375,14.8093101 40.4264996,13.1363214 39.4706289,11.753014 C37.5293291,8.94378381 35.4368306,8.41618711 33.2935662,6.7233285 C30.0479023,4.15990918 25.8852664,0 21.5836287,0 C19.877588,0 19.0182769,0.606161033 18.3777974,1.23172131 L18.3777369,1.23152 Z M31.9875484,10.3622372 C33.3530073,10.3622372 34.6213297,10.7575164 35.6735676,11.4340586 C35.8489406,11.5468173 36.018325,11.6672051 36.1811164,11.7950884 C36.3439243,11.9229614 36.5003809,12.0580763 36.6495194,12.200015 C37.8425996,13.3354983 38.5805176,14.9041442 38.5805176,16.6370039 C38.5805176,19.9942236 35.810097,22.7354781 32.3265369,22.9035874 C32.2141652,22.9089993 32.1012359,22.9117445 31.9874385,22.9117445 C30.6221445,22.9117445 29.3536022,22.5168313 28.3014193,21.8404461 C28.3012984,21.8403676 28.3008699,21.8405219 28.3008699,21.8404461 C26.5471401,20.7128584 25.3944693,18.8029741 25.3944693,16.6371608 C25.3944693,14.9044318 26.1323874,13.335629 27.3254676,12.2001719 C27.4746005,12.0582358 27.6310517,11.9231182 27.7938705,11.7952453 C27.9566784,11.6673724 28.1255244,11.5469847 28.3008974,11.4342154 C29.3531352,10.7576472 30.6219796,10.3623941 31.987466,10.3623941 L31.9875484,10.3622372 Z",
289
294
  id: "path4329-2",
290
295
  fill: "url(#linearGradient-1)"
291
- }), /*#__PURE__*/React.createElement("path", {
296
+ }), /*#__PURE__*/React$2.createElement("path", {
292
297
  d: "M8.54047741,1.54734597 C8.39980543,1.54470276 8.25835327,1.55206506 8.11660443,1.57083684 C2.93260766,2.25739231 2.02085496,8.456 0.517108554,13.8211199 C0.198338491,14.681615 0.00260971699,15.5821896 0.000961474681,16.5035492 C0.000961474681,21.1959702 3.99794908,25 8.92839124,25 C13.8588334,25 17.855821,21.1959702 17.855821,16.5035492 C17.8521125,16.3743899 17.8453272,16.2453405 17.8354377,16.1164793 C18.7972421,15.8531777 19.4247005,15.6277596 20.4971568,15.6132493 C19.1526306,12.6387856 16.571593,7.26948259 15.0137293,3.88402682 C12.6559736,3.88402708 10.6505572,1.58699416 8.54025765,1.5473329 L8.54047741,1.54734597 Z M8.8795758,10.3640673 C12.5208178,10.3640673 15.472545,13.1732976 15.472545,16.6387556 C15.472545,20.1042137 12.5208178,22.9134439 8.8795758,22.9134439 C5.23833383,22.9134439 2.28660656,20.1042137 2.28660656,16.6387556 C2.28660656,13.1732976 5.23833383,10.3640673 8.8795758,10.3640673 L8.8795758,10.3640673 Z",
293
298
  id: "path4329-7",
294
299
  fill: "url(#linearGradient-2)"
295
300
  })))));
296
301
  };
297
302
  var Add = function Add(props) {
298
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
303
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
299
304
  d: "M13.226 13.225h6.549a1.225 1.225 0 1 0 0-2.45h-6.55v-6.55a1.225 1.225 0 1 0-2.45 0v6.55h-6.55a1.225 1.225 0 1 0 0 2.45h6.55v6.55A1.224 1.224 0 0 0 12 21c.677 0 1.225-.548 1.225-1.225v-6.55z"
300
305
  }));
301
306
  };
302
- var Clock = function Clock(props) {
303
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
307
+ var Clock$1 = function Clock(props) {
308
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
304
309
  d: "M8.485 3.717a9 9 0 1 1 7.033 16.569 9 9 0 0 1-7.033-16.57zm.74 1.744a7.105 7.105 0 1 0 5.552 13.08 7.105 7.105 0 0 0-5.552-13.08zm1.825 1.522h1.894v4.734l3.049 1.76-.947 1.641-2.606-1.504h-1.39V6.983z"
305
310
  }));
306
311
  };
307
312
  var Animation = function Animation(props) {
308
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
313
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", {
309
314
  transform: "translate(3.000000, 4.000000)"
310
- }, /*#__PURE__*/React.createElement("path", {
315
+ }, /*#__PURE__*/React$2.createElement("path", {
311
316
  d: "M18,0 L18,16 L0,16 L0,0 L18,0 Z M2.7,13.4444444 L0.9,13.4444444 L0.9,15 L2.7,15 L2.7,13.4444444 Z M17.1,13.4444444 L15.3,13.4444444 L15.3,15 L17.1,15 L17.1,13.4444444 Z M6.7430548,3 C6.36845508,3 5.96666667,3.31868791 5.96666667,4.01673445 L5.96666667,11.9839323 C5.96666667,12.6819788 6.36905927,13 6.7430548,13 C6.94123014,13 7.14423902,12.9206614 7.34362274,12.7633176 L12.1668963,8.93772918 C12.4641593,8.70304687 12.6333333,8.36169078 12.6333333,7.99966664 C12.6333333,7.63897593 12.4635551,7.29828655 12.1675005,7.06293753 L7.34181016,3.23734916 C7.14423902,3.07933862 6.94123014,3 6.7430548,3 Z M2.7,10.3333333 L0.9,10.3333333 L0.9,11.8888889 L2.7,11.8888889 L2.7,10.3333333 Z M17.1,10.3333333 L15.3,10.3333333 L15.3,11.8888889 L17.1,11.8888889 L17.1,10.3333333 Z M2.7,7.22222222 L0.9,7.22222222 L0.9,8.77777778 L2.7,8.77777778 L2.7,7.22222222 Z M17.1,7.22222222 L15.3,7.22222222 L15.3,8.77777778 L17.1,8.77777778 L17.1,7.22222222 Z M2.7,4.11111111 L0.9,4.11111111 L0.9,5.66666667 L2.7,5.66666667 L2.7,4.11111111 Z M17.1,4.11111111 L15.3,4.11111111 L15.3,5.66666667 L17.1,5.66666667 L17.1,4.11111111 Z M2.7,1 L0.9,1 L0.9,2.55555556 L2.7,2.55555556 L2.7,1 Z M17.1,1 L15.3,1 L15.3,2.55555556 L17.1,2.55555556 L17.1,1 Z",
312
317
  id: "AnimationSvgPath"
313
318
  })));
314
319
  };
315
320
  var Success = function Success(props) {
316
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
321
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
317
322
  d: "m16.51 10.034-5.633 5.633-3.387-3.386a.954.954 0 0 1 0-1.343.975.975 0 0 1 1.342 0l2.045 2.046 4.292-4.291a.972.972 0 0 1 1.342 0c.368.369.368.97 0 1.341M12 4a8 8 0 1 0 0 16.001A8 8 0 0 0 12 4"
318
323
  }));
319
324
  };
320
325
  var Cancel = function Cancel(props) {
321
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
326
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
322
327
  d: "M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 16.105a7.105 7.105 0 0 0 5.681-11.373l-9.949 9.95A7.074 7.074 0 0 0 12 19.104zm0-14.21a7.105 7.105 0 0 0-5.681 11.373l9.949-9.95A7.074 7.074 0 0 0 12 4.896z"
323
328
  }));
324
329
  };
325
330
  var DragHandle = function DragHandle(props) {
326
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
331
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
327
332
  d: dragHandlePath
328
333
  }));
329
334
  };
330
335
  var AutoUpdateActive = function AutoUpdateActive(props) {
331
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
336
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", {
332
337
  transform: "translate(-3 -3)"
333
- }, /*#__PURE__*/React.createElement("path", {
338
+ }, /*#__PURE__*/React$2.createElement("path", {
334
339
  d: "M12.385 3.295l5 3-5 3V7.723l-.085.014c-3.08.548-5.418 3.24-5.418 6.479 0 3.634 2.945 6.58 6.577 6.58 2.914 0 5.385-1.896 6.248-4.523l2.815-1.626c-.225 4.814-4.197 8.648-9.063 8.648-5.012 0-9.074-4.065-9.074-9.08 0-4.65 3.495-8.484 8-9.015V3.295z",
335
340
  transform: "translate(0.2,1.2) rotate(30 13.454 13.295)"
336
- }), /*#__PURE__*/React.createElement("text", {
341
+ }), /*#__PURE__*/React$2.createElement("text", {
337
342
  fontFamily: "Roboto-Black, Roboto",
338
343
  fontWeight: 700,
339
344
  fontSize: 6
340
- }, /*#__PURE__*/React.createElement("tspan", {
345
+ }, /*#__PURE__*/React$2.createElement("tspan", {
341
346
  x: 9.2,
342
347
  y: 17.3
343
348
  }, "AUTO"))));
344
349
  };
345
350
  var AutoUpdateInActive = function AutoUpdateInActive(props) {
346
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
351
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", {
347
352
  transform: "translate(-3 -3)"
348
- }, /*#__PURE__*/React.createElement("path", {
353
+ }, /*#__PURE__*/React$2.createElement("path", {
349
354
  d: "M15.172 3.109l.214 2.455 2.792 1.675-2.514 1.508 1.095 12.499c1.763-.729 3.141-2.202 3.742-4.028l2.815-1.626c-.182 3.872-2.787 7.11-6.332 8.228l.193 2.201-1.992.175-.174-1.988c-.25.02-.503.031-.759.031-5.011 0-9.074-4.065-9.074-9.079 0-4.65 3.495-8.484 8-9.016V4.24l.09.054-.088-1.01 1.992-.174zm-1.995 5.559l.149-.023c-3.193.45-5.65 3.196-5.65 6.515 0 3.634 2.944 6.58 6.576 6.58.182 0 .363-.007.54-.021L13.758 9.89l-.579.348V8.668z",
350
355
  transform: "rotate(30 13.454 13.295)"
351
- }), /*#__PURE__*/React.createElement("text", {
356
+ }), /*#__PURE__*/React$2.createElement("text", {
352
357
  fontFamily: "Roboto-Black, Roboto",
353
358
  fontWeight: 700,
354
359
  fontSize: 6
355
- }, /*#__PURE__*/React.createElement("tspan", {
360
+ }, /*#__PURE__*/React$2.createElement("tspan", {
356
361
  x: 9.2,
357
362
  y: 17.3
358
363
  }, "AUTO"))));
359
364
  };
360
365
  var Now = function Now(props) {
361
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
366
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", {
362
367
  transform: "translate(0 2)"
363
- }, /*#__PURE__*/React.createElement("path", {
368
+ }, /*#__PURE__*/React$2.createElement("path", {
364
369
  d: "M4.85,15.55 L5.89,15.55 L7.39013512,18.2040258 L7.39,15.55 L8.42,15.55 L8.42,19.82 L7.39,19.815 L5.89,17.19 L5.89,19.82 L4.85,19.815 L4.85,15.55 Z M11.275,15.49 C12.55,15.49 13.14,16.4749736 13.14,17.69 C13.14,18.9050264 12.55,19.89 11.275,19.89 C10,19.89 9.4,18.9050264 9.4,17.69 C9.4,16.4749736 10,15.49 11.275,15.49 Z M11.265,16.3 C10.63,16.3 10.46,16.8781414 10.46,17.69 C10.46,18.5018586 10.63,19.08 11.265,19.08 C11.9,19.08 12.09,18.5018586 12.09,17.69 C12.09,16.8781414 11.9,16.3 11.265,16.3 Z M13.85,15.55 L14.88,15.55 L15.37,18.23 L15.96,15.55 L16.83,15.55 L17.42,18.23 L17.91,15.55 L18.93,15.55 L18.03,19.82 L16.96,19.82 L16.39,17.38 L15.83,19.82 L14.76,19.82 L13.85,15.55 Z M12,0 C16.7,0 18.85,4.12 18.85,6.82 C18.85,9.52 17.0960097,13.63 12,13.63 C9.06797949,13.63 7.24456537,12.2694474 6.22334015,10.5996971 C6.10797504,10.4110698 6.00732732,9.72319365 6.59320378,9.33888177 C7.17908025,8.95456988 7.71708662,9.39022217 7.84387287,9.58248667 C8.70143045,10.8829264 10.1633005,11.82 12,11.82 C15,11.82 17,9.32 17,6.82 C17,4.32 15,1.81 12,1.81 C10.5492584,1.81 9.33236686,2.39696387 8.46241089,3.28591644 L9.474995,3.73670576 C9.86718007,3.9113178 9.95685384,4.26087798 9.84288406,4.51685828 C9.78589918,4.64484843 9.68395359,4.74990886 9.54141806,4.83107363 L6.67469458,6.47927087 C6.45916744,6.60267712 6.21814322,6.61960842 6.01095111,6.52736055 C5.80211462,6.43438056 5.65295882,6.24275928 5.60209611,6.00074862 L4.90755008,2.76794268 C4.87285304,2.60689825 4.88471829,2.46076082 4.94098185,2.3343908 C5.05495162,2.0784105 5.37472892,1.91114968 5.7660918,2.08539566 L6.7215416,2.51032096 C7.8443708,1.0870475 9.58579853,0 12,0 Z"
365
370
  })));
366
371
  };
367
372
  var Pause = function Pause(props) {
368
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
373
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
369
374
  d: "M8.579 4c.865 0 1.565.7 1.565 1.564v12.87c0 .866-.7 1.566-1.565 1.566-.863 0-1.565-.7-1.565-1.565v-4.87H7v-3.13h.014V5.564C7.014 4.7 7.716 4 8.579 4zm6.915 0c.865 0 1.565.7 1.565 1.564v12.871c0 .865-.7 1.565-1.565 1.565-.863 0-1.565-.7-1.565-1.565v-4.87h-.014v-3.13h.014v-4.87C13.93 4.7 14.631 4 15.494 4z"
370
375
  }));
371
376
  };
372
377
  var Play = function Play(props) {
373
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
378
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
374
379
  d: "M15.18 12.688l-3.909 2.81c-.161.115-.325.175-.486.175-.303 0-.629-.234-.629-.748v-5.85c0-.514.325-.747.63-.747.16 0 .324.059.485.174l3.91 2.81c.24.172.378.423.378.688 0 .265-.137.517-.379.688M12 4c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8"
375
380
  }));
376
381
  };
377
382
  var StepBackward = function StepBackward(props) {
378
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
383
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
379
384
  d: "M15.5794386,6.68811254 L8.12440829,1.33228882 C7.81918795,1.11107407 7.50556704,1 7.19941329,1 C6.62070805,1 6,1.44616308 6,2.42342823 L6,13.5775052 C6,14.5547703 6.62164144,15 7.19941329,15 C7.50556704,15 7.81918795,14.8889259 8.12720848,14.6686446 L15.5785052,9.31282085 C16.0377358,8.98426562 16.2990866,8.50636709 16.2990866,7.9995333 C16.2990866,7.4945663 16.0368025,7.01760117 15.5794386,6.68811254 M2,0 C3.05,0 3.9177686,0.820041322 3.99448723,1.85130541 L4,2 L4,14 C4,15.1 3.1,16 2,16 C0.9,16 0,15.1 0,14 L0,2 C0,0.9 0.9,0 2,0 Z",
380
385
  transform: "translate(4.000000, 4.000000) translate(8.149543, 8.000000) scale(-1, 1) translate(-8.149543, -8.000000) "
381
386
  }));
382
387
  };
383
388
  var StepForward = function StepForward(props) {
384
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
389
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
385
390
  d: "M15.5794386,6.68811254 L8.12440829,1.33228882 C7.81918795,1.11107407 7.50556704,1 7.19941329,1 C6.62070805,1 6,1.44616308 6,2.42342823 L6,13.5775052 C6,14.5547703 6.62164144,15 7.19941329,15 C7.50556704,15 7.81918795,14.8889259 8.12720848,14.6686446 L15.5785052,9.31282085 C16.0377358,8.98426562 16.2990866,8.50636709 16.2990866,7.9995333 C16.2990866,7.4945663 16.0368025,7.01760117 15.5794386,6.68811254 M2,0 C3.05,0 3.9177686,0.820041322 3.99448723,1.85130541 L4,2 L4,14 C4,15.1 3.1,16 2,16 C0.9,16 0,15.1 0,14 L0,2 C0,0.9 0.9,0 2,0 Z",
386
391
  transform: "translate(4.000000, 4.000000)"
387
392
  }));
388
393
  };
389
394
  var Info = function Info(props) {
390
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
395
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
391
396
  d: "M12.0004012,4 C16.4182338,4 20,7.58096384 20,11.9995988 C20,16.4182338 16.4182338,20 12.0004012,20 C7.58176621,20 4,16.4182338 4,11.9995988 C4,7.58096384 7.58176621,4 12.0004012,4 Z M13.0518404,10 L10,10 L10,11.6134693 L10.9489304,11.6134693 L10.9489304,15.3873607 L10,15.3873607 L10,17 L14,17 L14,15.3873607 L13.0518404,15.3873607 L13.0518404,10 Z M11.9907922,6 C11.1541947,6 10.5,6.65419468 10.5,7.49079217 C10.5,8.32738965 11.1541947,9 11.9907922,9 C12.8273897,9 13.5,8.32738965 13.5,7.49079217 C13.5,6.65419468 12.8273897,6 11.9907922,6 Z"
392
397
  }));
393
398
  };
394
399
  var TextIcon = function TextIcon(_a) {
395
400
  var _a$text = _a.text,
396
- text = _a$text === void 0 ? '0.5x' : _a$text,
397
- props = __rest(_a, ["text"]);
398
-
399
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("text", {
401
+ text = _a$text === void 0 ? '0.5x' : _a$text,
402
+ props = __rest(_a, ["text"]);
403
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("text", {
400
404
  fontFamily: "Roboto-Black, Roboto",
401
405
  fontSize: 12,
402
406
  fontWeight: 400
403
- }, /*#__PURE__*/React.createElement("tspan", {
407
+ }, /*#__PURE__*/React$2.createElement("tspan", {
404
408
  x: text.length > 2 ? 1 : 5,
405
409
  y: 16
406
410
  }, text)));
407
411
  };
408
412
  var FastForward = function FastForward(props) {
409
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
413
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
410
414
  d: "M12.1 5.86c.247 0 .5.089.745.267l6.008 4.316c.368.265.58.65.58 1.057 0 .408-.211.793-.581 1.058l-6.005 4.316c-.248.177-.5.267-.747.267-.466 0-.967-.36-.967-1.147v-3.016l-5.419 3.896c-.207.148-.417.234-.624.26l-.124.007c-.465 0-.966-.36-.966-1.147V7.006c0-.787.5-1.147.966-1.147.247 0 .5.09.746.268l5.421 3.894V7.006c0-.735.436-1.097.873-1.142z"
411
415
  }));
412
416
  };
413
417
  var SliderThumb = function SliderThumb(props) {
414
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("polygon", {
418
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("polygon", {
415
419
  transform: "translate(6.5 5.5)",
416
420
  points: "6,0 11,5 11,12 0,12 0,5"
417
421
  }));
418
422
  };
419
423
  var Options = function Options(props) {
420
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
424
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
421
425
  d: "M12 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0-2c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0-6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
422
426
  }));
423
427
  };
424
428
  var ChevronLeft = function ChevronLeft(props) {
425
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
429
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
426
430
  d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
427
431
  transform: "translate(12.002235, 12.335000) rotate(-90.000000) translate(-12.002235, -12.335000) "
428
432
  }));
429
433
  };
430
434
  var ChevronRight = function ChevronRight(props) {
431
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
435
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
432
436
  d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
433
437
  transform: "translate(12.002235, 12.335000) rotate(90.000000) translate(-12.002235, -12.335000) "
434
438
  }));
435
439
  };
436
440
  var ChevronUp = function ChevronUp(props) {
437
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
441
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
438
442
  d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
439
443
  transform: "translate(12.002235, 12.335000) translate(-12.002235, -12.335000) "
440
444
  }));
441
445
  };
442
446
  var ChevronDown = function ChevronDown(props) {
443
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
447
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
444
448
  d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
445
449
  transform: "translate(12.002235, 12.335000) rotate(180.000000) translate(-12.002235, -12.335000) "
446
450
  }));
447
451
  };
448
452
  var Layers = function Layers(props) {
449
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
453
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
450
454
  d: "M18.0513516,15.3519052 L22,17.2314624 L12,22 L2,17.2314624 L6.03531364,15.3519052 L12,18.18517 L18.0513516,15.3519052 Z M18.0513516,10.2257273 L22,12.1052846 L12,16.8738221 L2,12.1052846 L6.03531364,10.2257273 L12,13.0589921 L18.0513516,10.2257273 Z M12,2 L22,7.00696444 L12,11.775502 L2,7.00696444 L12,2 Z"
451
455
  }));
452
456
  };
453
457
  var Copy = function Copy(props) {
454
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
458
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
455
459
  d: "M8 7v2H6a1 1 0 0 0-.993.883L5 10v9a1 1 0 0 0 .883.993L6 20h6a1 1 0 0 0 .993-.883L13 19h2v1.6a1.4 1.4 0 0 1-1.263 1.394l-.135.006H4.399a1.4 1.4 0 0 1-1.393-1.265L3 20.6V8.4a1.4 1.4 0 0 1 1.264-1.394L4.4 7H8zm7.584-5v2H12a1 1 0 0 0-.993.883L11 5v9a1 1 0 0 0 .883.993L12 15h6a1 1 0 0 0 .993-.883L19 14V7.42h2v8.18a1.4 1.4 0 0 1-1.263 1.394l-.135.006h-9.203a1.4 1.4 0 0 1-1.393-1.265L9 15.6V3.4a1.4 1.4 0 0 1 1.264-1.394L10.4 2h5.185zM17 2l4 4h-2.5c-.777 0-1.42-.598-1.493-1.357L17 4.499V2z"
456
460
  }));
457
461
  };
458
462
  var Filter = function Filter(props) {
459
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
463
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
460
464
  d: "M14.155 12.567c1.362 0 2.523.848 2.992 2.043h1.895a1.173 1.173 0 0 1 0 2.346h-1.895A3.213 3.213 0 0 1 14.155 19a3.213 3.213 0 0 1-2.992-2.044h-5.99a1.172 1.172 0 1 1 0-2.346h5.99a3.214 3.214 0 0 1 2.992-2.043zm0 1.755a1.461 1.461 0 1 0 0 2.922 1.461 1.461 0 0 0 0-2.922zM10.06 5c1.362 0 2.524.848 2.992 2.044h5.99a1.173 1.173 0 1 1 0 2.344h-5.99a3.214 3.214 0 0 1-2.992 2.044 3.216 3.216 0 0 1-2.992-2.044H5.173a1.172 1.172 0 1 1 0-2.344h1.895A3.216 3.216 0 0 1 10.06 5zm0 1.754a1.461 1.461 0 1 0 0 2.922 1.461 1.461 0 0 0 0-2.922z"
461
465
  }));
462
466
  };
463
467
  var Clear = function Clear(props) {
464
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
468
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
465
469
  d: "M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M15.44426,7.26697571 L12.0002861,10.7110482 L8.55573996,7.26697571 C8.19978253,6.9110081 7.62292549,6.9110081 7.26696807,7.26697571 C6.91101064,7.62294331 6.91101064,8.19981687 7.26696807,8.55578447 L10.7115142,11.9998569 L7.26696807,15.4445017 C6.91101064,15.8004693 6.91101064,16.3767705 7.26696807,16.7333104 C7.44494678,16.910722 7.67843653,17 7.91192629,17 C8.14484377,17 8.37776125,16.910722 8.55573996,16.7333104 L12.0002861,13.289238 L15.44426,16.7333104 C15.6222388,16.910722 15.8551562,17 16.088646,17 C16.3221357,17 16.5550532,16.910722 16.7330319,16.7333104 C17.0889894,16.3767705 17.0889894,15.8004693 16.7330319,15.4445017 L13.289058,11.9998569 L16.7330319,8.55578447 C17.0889894,8.19981687 17.0889894,7.62294331 16.7330319,7.26697571 C16.3770745,6.9110081 15.8002175,6.9110081 15.44426,7.26697571 Z"
466
470
  }));
467
471
  };
468
472
  var Search = function Search(props) {
469
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
473
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
470
474
  d: "M7.81701445,12.5845372 L7.81701445,12.5845372 C7.17924024,11.946763 6.82932049,11.100321 6.82932049,10.1993044 C6.82932049,9.29828785 7.17924024,8.45077582 7.81701445,7.8140717 C8.47405029,7.15703585 9.3376137,6.82851792 10.2022472,6.82851792 C11.0658106,6.82851792 11.929374,7.15703585 12.5874799,7.8140717 C13.9026217,9.12921348 13.9026217,11.2693954 12.5874799,12.5845372 C11.9497057,13.2212413 11.1021937,13.5722311 10.2022472,13.5722311 C9.3012306,13.5722311 8.45371857,13.2212413 7.81701445,12.5845372 M19.5858748,17.581862 L15.4681648,13.465222 C16.9513109,11.0735688 16.6613162,7.88683788 14.5874799,5.81300161 C12.1690744,3.39566613 8.23434992,3.39566613 5.81594436,5.81300161 C4.64419476,6.9847512 4,8.54280364 4,10.1993044 C4,11.8558052 4.64419476,13.4138577 5.81594436,14.5845372 C6.98769395,15.7562868 8.5446763,16.4015516 10.2022472,16.4015516 C11.376137,16.4015516 12.4965222,16.0719636 13.4681648,15.4662921 L17.5837346,19.582932 C17.8608882,19.8590155 18.2225789,19.9970572 18.5853398,19.9970572 C18.9470305,19.9970572 19.3087212,19.8590155 19.5858748,19.582932 C20.1380417,19.029695 20.1380417,18.135099 19.5858748,17.581862"
471
475
  }));
472
476
  };
473
477
  var Resize = function Resize(_a) {
474
478
  var _a$isRightAligned = _a.isRightAligned,
475
- isRightAligned = _a$isRightAligned === void 0 ? false : _a$isRightAligned,
476
- sx = _a.sx,
477
- props = __rest(_a, ["isRightAligned", "sx"]);
478
-
479
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
479
+ isRightAligned = _a$isRightAligned === void 0 ? false : _a$isRightAligned,
480
+ sx = _a.sx,
481
+ props = __rest(_a, ["isRightAligned", "sx"]);
482
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({
480
483
  sx: Object.assign(Object.assign(Object.assign({
481
484
  width: 20,
482
485
  height: 20,
@@ -491,73 +494,73 @@ var Resize = function Resize(_a) {
491
494
  zIndex: 1
492
495
  }), sx),
493
496
  "data-testid": "resizeHandle"
494
- }, props), /*#__PURE__*/React.createElement("path", {
497
+ }, props), /*#__PURE__*/React$2.createElement("path", {
495
498
  d: "M19.687 18.037v1h-6v-1h6zm3.5-3.5v1h-13v-1h13z",
496
499
  transform: "rotate(-45 16.687 16.787)"
497
500
  }));
498
501
  };
499
502
  var PresetWorkspace = function PresetWorkspace(props) {
500
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
503
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({
501
504
  viewBox: "0 0 24 24"
502
- }, props), /*#__PURE__*/React.createElement("path", {
505
+ }, props), /*#__PURE__*/React$2.createElement("path", {
503
506
  d: "M22,2 L22,22 L2,22 L2,2 L22,2 Z M9,12 L4.5,12 L4.5,19.5 L9,19.5 L9,12 Z M19.5,12 L11,12 L11,19.5 L19.5,19.5 L19.5,12 Z M19.5,6 L4.5,6 L4.5,10 L19.5,10 L19.5,6 Z"
504
507
  }));
505
508
  };
506
509
  var Preset = function Preset(props) {
507
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
510
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
508
511
  d: "M22,2 L22,22 L2,22 L2,2 L22,2 Z M19.5,6 L4.5,6 L4.5,19.5 L19.5,19.5 L19.5,6 Z"
509
512
  }));
510
513
  };
511
514
  var PresetTiles = function PresetTiles(props) {
512
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
515
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
513
516
  d: "M22,2 L22,22 L2,22 L2,2 L22,2 Z M7.5,13.24 L4.5,13.24 L4.5,19.48 L7.5,19.48 L7.5,13.24 Z M15.5,13.24 L12.5,13.24 L12.5,19.48 L15.5,19.48 L15.5,13.24 Z M11.5,13.24 L8.5,13.24 L8.5,19.48 L11.5,19.48 L11.5,13.24 Z M19.5,13.24 L16.5,13.24 L16.5,19.48 L19.5,19.48 L19.5,13.24 Z M7.5,6 L4.5,6 L4.5,12.24 L7.5,12.24 L7.5,6 Z M15.5,6 L12.5,6 L12.5,12.24 L15.5,12.24 L15.5,6 Z M11.5,6 L8.5,6 L8.5,12.24 L11.5,12.24 L11.5,6 Z M19.5,6 L16.5,6 L16.5,12.24 L19.5,12.24 L19.5,6 Z"
514
517
  }));
515
518
  };
516
519
  var List = function List(props) {
517
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
520
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
518
521
  d: "M4.5,16 C5.88071187,16 7,17.1192881 7,18.5 C7,19.8807119 5.88071187,21 4.5,21 C3.11928813,21 2,19.8807119 2,18.5 C2,17.1192881 3.11928813,16 4.5,16 Z M22,18 L22,20 L9,20 L9,18 L22,18 Z M7,9 L7,14 L2,14 L2,9 L7,9 Z M22,11 L22,13 L9,13 L9,11 L22,11 Z M4.5,2 L7,7 L2,7 L4.5,2 Z M22,4 L22,6 L9,6 L9,4 L22,4 Z"
519
522
  }));
520
523
  };
521
524
  var Home = function Home(props) {
522
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
525
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
523
526
  d: "M14.5857657,15.5482973 L14.5857657,19 L19,19 L19,11.1704471 L12.0003998,5 L5,11.1704471 L5,19 L9.41503399,19 L9.41503399,15.5482973 C9.41503399,14.0740894 10.5785686,12.8676932 12.0003998,12.8676932 C13.4222311,12.8676932 14.5857657,14.0740894 14.5857657,15.5482973 Z"
524
527
  }));
525
528
  };
526
529
  var Minus = function Minus(props) {
527
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
530
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
528
531
  d: "M13,11 L11,11 L8,11 C7.43301962,11 7,11.4597824 7,12.0268006 C7,12.5938188 7.43301962,13 8,13 L11,13 L13,13 L16,13 C16.5669804,13 17,12.5938188 17,12.0268006 C17,11.4597824 16.5669804,11 16,11 L13,11 Z"
529
532
  }));
530
533
  };
531
534
  var Equalizer = function Equalizer(props) {
532
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
535
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
533
536
  d: "M5,2 L5.00043449,14.0500973 C6.14133817,14.2819003 7,15.2906746 7,16.5 C7,17.3174727 6.60764218,18.0433054 6.00097133,18.4994531 L6,22 L3,22 L3.00004507,18.5002169 C2.39279608,18.0441159 2,17.3179292 2,16.5 C2,15.2903182 2.85916789,14.2813059 4.00057405,14.0498926 L4,2 L5,2 Z M12.5,2 L12.5004345,5.05009729 C13.6413382,5.28190033 14.5,6.29067455 14.5,7.5 C14.5,8.31747272 14.1076422,9.04330535 13.5009713,9.49945313 L13.5,22 L10.5,22 L10.5000451,9.50021694 C9.89279608,9.04411586 9.5,8.31792915 9.5,7.5 C9.5,6.29031824 10.3591679,5.2813059 11.500574,5.0498926 L11.5,2 L12.5,2 Z M20,2 L20.0004345,11.0500973 C21.1413382,11.2819003 22,12.2906746 22,13.5 C22,14.3174727 21.6076422,15.0433054 21.0009713,15.4994531 L21,22 L18,22 L18.0000451,15.5002169 C17.3927961,15.0441159 17,14.3179292 17,13.5 C17,12.2903182 17.8591679,11.2813059 19.000574,11.0498926 L19,2 L20,2 Z"
534
537
  }));
535
538
  };
536
539
  var Link = function Link(props) {
537
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
540
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
538
541
  d: "m11 9-4.128-.018a.921.921 0 0 0-.91.82l-.006.108v4.18c0 .476.354.87.81.923l.106.007H11V17H6.872c-1.528 0-2.78-1.212-2.867-2.74L4 14.09V9.91c0-1.55 1.198-2.817 2.704-2.905L6.872 7H11v2zm5 3a1 1 0 0 1-1 1H9a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1zm4 2.09c0 1.607-1.288 2.91-2.872 2.91H13v-1.98h4.128a.924.924 0 0 0 .916-.93V9.91a.923.923 0 0 0-.916-.928L13 9V7h4.128C18.712 7 20 8.303 20 9.91v4.18z"
539
542
  }));
540
543
  };
541
544
  var LinkOff = function LinkOff(props) {
542
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
545
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
543
546
  d: "m20.693 18.631-1.285 1.532L15.638 17H13v-1.98l.277-.001-2.406-2.02L9 13a1 1 0 0 1-.41-1.913L6.314 9.175a.93.93 0 0 0-.35.627l-.007.108v4.18c0 .476.354.87.81.923l.106.007H11V17H6.872c-1.528 0-2.78-1.212-2.867-2.74L4 14.09V9.91c0-.778.302-1.486.795-2.008l-2.24-1.88L3.84 4.49 6.834 7H11v2l-1.794-.008L11.6 11H15a1 1 0 0 1 0 2h-1.018l2.407 2.019h.739a.924.924 0 0 0 .916-.93V9.91a.923.923 0 0 0-.916-.928L13 9V7h4.128C18.712 7 20 8.303 20 9.91v4.18a2.915 2.915 0 0 1-1.606 2.612l2.3 1.93z"
544
547
  }));
545
548
  };
546
549
  var Cached = function Cached(props) {
547
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
550
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
548
551
  d: "m19.691 9.79-1.771 1.225a6 6 0 0 1-6.355 6.969v-3.088l-2.681 1.86c-1.223.86-1.923 1.345-2.1 1.458l-.029.019-.31.215L11.564 22v-2.012A8 8 0 0 0 19.691 9.79zM12.564 2v2.02a8 8 0 0 0-8.237 10.255l1.765-1.223a6 6 0 0 1 6.473-7.026v3.078l2.592-1.798h-.003l2.029-1.4a8.063 8.063 0 0 0-.004-.004l.504-.35L12.564 2z"
549
552
  }));
550
553
  };
551
554
  var CalendarToday = function CalendarToday(props) {
552
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
555
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
553
556
  d: "M7.342 6.437v1.115c0 .673.548 1.22 1.22 1.22h.06c.671 0 1.22-.547 1.22-1.22V6.437h4.313v1.115c0 .673.548 1.22 1.22 1.22h.058c.673 0 1.22-.547 1.22-1.22V6.437h1.058a2.292 2.292 0 0 1 2.286 2.285v7.993A2.292 2.292 0 0 1 17.71 19H6.285A2.292 2.292 0 0 1 4 16.715V8.722a2.292 2.292 0 0 1 2.285-2.285h1.057zm9.444 7.637a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881zm-4.788 0a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88zm-4.787 0a1.44 1.44 0 1 0-.002 2.88 1.44 1.44 0 0 0 .002-2.88zm9.575-3.897a1.44 1.44 0 1 0-.001 2.881 1.44 1.44 0 0 0 0-2.88zm-4.788 0a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88zM8.62 4.73c.264 0 .478.214.478.478v2.344a.477.477 0 0 1-.478.477h-.058a.478.478 0 0 1-.478-.477V5.208c0-.264.214-.478.478-.478zm6.812 0c.264 0 .478.214.478.478v2.344a.478.478 0 0 1-.478.477h-.057a.478.478 0 0 1-.478-.477V5.208c0-.264.214-.478.478-.478z"
554
557
  }));
555
558
  };
556
559
  var WebAssetOff = function WebAssetOff(props) {
557
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
560
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", null, /*#__PURE__*/React$2.createElement("path", {
558
561
  d: "M5.89856955,4.50717511 L9.893,8.5 L6,8.5 L6,17 L18,17 L18,16.606 L19.9956851,18.6017419 C19.956118,18.649691 19.9142229,18.6957771 19.87,18.74 C19.4544824,19.1555176 18.8311491,19.4088509 18,19.5 L6,19.5 C5.1805214,19.4148333 4.56096049,19.1624284 4.1413173,18.7427852 C3.7216741,18.323142 3.50790167,17.7422136 3.5,17 L3.5,7 C3.52565636,6.18855517 3.73942879,5.5818885 4.1413173,5.18 C4.52680219,4.79451511 5.11255294,4.57024015 5.89856955,4.50717511 Z M18,4.5 C18.81657,4.52323671 19.4399034,4.74990338 19.87,5.18 C20.3000966,5.61009662 20.5100966,6.21676329 20.5,7 L20.5,16.278 L18,13.778 L18,8.5 L12.721,8.5 L8.721,4.5 L18,4.5 Z",
559
562
  id: "Combined-Shape"
560
- }), /*#__PURE__*/React.createElement("rect", {
563
+ }), /*#__PURE__*/React$2.createElement("rect", {
561
564
  id: "Rectangle",
562
565
  transform: "translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) ",
563
566
  x: "11",
@@ -567,128 +570,128 @@ var WebAssetOff = function WebAssetOff(props) {
567
570
  })));
568
571
  };
569
572
  var Notifications = function Notifications(props) {
570
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
573
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
571
574
  d: "M13.436 17.083a1.444 1.444 0 1 1-2.871 0zM12 4c3.094 0 5.61 2.48 5.61 5.53v2.98c0 1.569 1.197 2.663 1.208 2.672.169.15.227.388.145.598a.55.55 0 0 1-.514.348H5.551a.552.552 0 0 1-.514-.348.536.536 0 0 1 .146-.598c.01-.01 1.206-1.103 1.206-2.672V9.53C6.39 6.48 8.907 4 12 4z"
572
575
  }));
573
576
  };
574
577
  var Update = function Update(props) {
575
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
578
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
576
579
  d: "m8.73 3.39-.252.098a9.5 9.5 0 1 0 9.4 16.303l-1.391-1.455a7.5 7.5 0 1 1 2.504-8.85l.071.185-3.535 1.427 3.117 2.043v-.005l2.579 1.696.933.612 1.75-7.731-2.99 1.209-.071-.184A9.5 9.5 0 0 0 8.73 3.391zM13.04 7h-2V12l-3.218 1.857 1 1.732 2.749-1.587h1.469V7z"
577
580
  }));
578
581
  };
579
582
  var SubdirectoryArrowRight = function SubdirectoryArrowRight(props) {
580
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
583
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
581
584
  d: "M5.08 2c.595 0 1.078.59 1.078 1.317V14.84h10.469l-3.784-3.578a1.037 1.037 0 0 1 0-1.526 1.19 1.19 0 0 1 1.614 0l6.54 6.183-6.54 6.185c-.223.21-.515.316-.807.316-.292 0-.585-.106-.807-.316a1.038 1.038 0 0 1 0-1.527L16.627 17H5.08a.912.912 0 0 1-.387-.086A1.081 1.081 0 0 1 4 15.92l.006-.1L4 15.684V3.317C4 2.59 4.483 2 5.08 2z"
582
585
  }));
583
586
  };
584
587
  var Speed = function Speed(props) {
585
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
588
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
586
589
  d: "M13.0185689,0.0297138829 C13.2816828,0.125479523 13.375552,0.393860848 13.3173741,0.670655588 C13.2591962,0.947450328 11.1238887,11.0829138 10.7956738,11.9846767 C10.4178888,13.0226325 9.27020413,13.5578066 8.23224832,13.1800216 C7.19429251,12.8022366 6.65911834,11.6545519 7.03690336,10.6165961 C7.19777378,10.1746082 8.45223163,7.753762 9.7051842,5.37094004 L10.0053032,4.80082548 C11.2011782,2.53154866 12.314927,0.44601574 12.3776815,0.328635445 C12.5110348,0.0792023166 12.755455,-0.0660517572 13.0185689,0.0297138829 Z M19.4360969,8.53332236 C19.7202953,9.34072717 20.0334312,10.6740767 20.0334312,12.9435947 L15.8134312,12.9409726 C15.9147467,12.4409651 16.0334312,11.9234904 16.0334312,11.3935947 C16.0334312,10.7848462 15.9747709,10.1930974 15.860471,9.62582623 L19.4360969,8.53332236 Z M0.24,9.02480771 L1.14284266,9.30137886 C0.796626585,10.38249 0.683431191,11.5887966 0.683431191,12.8935947 L0.193431191,12.8935947 C-0.149932748,11.3243559 0.0281771199,9.95042242 0.233431191,9.05635532 L0.24,9.02480771 Z M7.97460351,10.9640905 C7.785711,11.4830684 8.05329808,12.0569108 8.57227599,12.2458033 C9.09125389,12.4346958 9.66509624,12.1671087 9.85398875,11.6481308 C10.0428813,11.1291529 9.77529418,10.5553105 9.25631627,10.366418 C8.73733837,10.1775255 8.16349602,10.4451126 7.97460351,10.9640905 Z M15.66294,3.32668699 C17.1046645,4.36667952 18.3549992,5.93102775 19.0441285,7.59528372 L19.048,7.60580771 L15.6041584,8.65930693 C15.2288334,7.53006422 14.6145128,6.52875923 13.7894188,5.72525838 L15.66294,3.32668699 Z M3.151,3.91680771 L4.07227289,5.23343855 C3.04988317,6.02547664 2.14199378,7.08924721 1.51712115,8.36942033 L0.504,8.05980771 L0.66653777,7.65768052 C0.946845496,6.97287844 1.22267153,6.3505113 1.58343119,5.78752126 C2.04185637,5.07211751 2.62700543,4.45259196 3.14662121,3.92267024 Z M13.5370427,2.15601523 C13.9045004,2.32031554 14.3000944,2.51472051 14.7316953,2.74422981 L14.813,2.78880771 L13.0229815,5.08063176 L12.9211263,5.01013613 C13.1339222,4.03128992 13.3442549,3.05520552 13.5370427,2.15601523 Z M8.64330378,1.36555752 L8.60273799,3.67605906 C8.53008184,3.67441939 8.45697828,3.67359473 8.38343119,3.67359473 C7.29621364,3.67359473 5.99983997,4.00544303 4.89787799,4.66702681 L3.90244703,3.24533554 C5.38148072,2.08015309 7.15804171,1.51034477 8.64330378,1.36555752 Z M9.64483088,1.31952159 C10.1808707,1.31407534 10.6831894,1.3389592 11.2036076,1.42293267 L11.1277192,1.56621248 C10.7501769,2.27968921 10.3484138,3.04068828 9.94570637,3.80634031 C9.83236728,3.78598023 9.71777754,3.76829082 9.60184741,3.75281542 L9.64483088,1.31952159 Z",
587
590
  transform: "translate(2 6)"
588
591
  }));
589
592
  };
590
593
  var DimensionsElevation = function DimensionsElevation(props) {
591
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
594
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
592
595
  d: "M4,16 L4,19 L0,19 L0,16 L4,16 Z M7,11 L7,14 L0,14 L0,11 L7,11 Z M9,6 L9,9 L0,9 L0,6 L9,6 Z M12,1 L12,4 L0,4 L0,1 L12,1 Z M16,0 L13,4 L15,4 L15,16 L13,16 L16,20 L19,16 L17,16 L17,4 L19,4 L16,0 Z",
593
596
  transform: "translate(2 2)"
594
597
  }));
595
598
  };
596
599
  var DimensionsTime = function DimensionsTime(props) {
597
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
600
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
598
601
  d: "M12.13,5 C16.0677903,5 19.26,8.19220973 19.26,12.13 C19.26,16.0677903 16.0677903,19.26 12.13,19.26 C8.19220973,19.26 5,16.0677903 5,12.13 C5,8.19220973 8.19220973,5 12.13,5 Z M5.1376547,18.0009318 L0,18 L0,15 L3.46039175,15.000536 C3.82762817,16.1102542 4.40198,17.1256503 5.1376547,18.0009318 Z M12.13,7 C9.29677923,7 7,9.29677923 7,12.13 C7,14.9632208 9.29677923,17.26 12.13,17.26 C14.9632208,17.26 17.26,14.9632208 17.26,12.13 C17.26,9.29677923 14.9632208,7 12.13,7 Z M12.547494,8.35 L12.547,11.769 L14.7493339,13.0406354 L14.0651234,14.2257228 L12.183,13.139 L11.179073,13.1394737 L11.179073,8.35 L12.547494,8.35 Z M3,12.13 C3,12.4237363 3.0138714,12.7142328 3.04099487,13.0008701 L0,13 L0,10 L3.24967033,10.0005024 C3.08643451,10.6837249 3,11.3967685 3,12.13 Z M3.98526578,8.00011679 L0,8 L0,5 L6.42694067,4.99991383 C5.41424324,5.81098129 4.57807756,6.83332299 3.98526578,8.00011679 Z M18,0 L18,3 L0,3 L0,0 L18,0 Z",
599
602
  transform: "translate(2 2)"
600
603
  }));
601
604
  };
602
605
  var DimensionsRefTime = function DimensionsRefTime(props) {
603
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
606
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
604
607
  d: "M14.41,3.78240772 L14.41,5.15240772 L12.66,5.15240772 L12.6594767,6.01936211 C13.545349,6.08439076 14.3862477,6.31127801 15.1527207,6.67057174 L15.7989136,5.55168032 L16.9160864,6.19668032 L16.2670916,7.32230296 C18.0787957,8.61518068 19.26,10.7346478 19.26,13.13 C19.26,17.0677903 16.0677903,20.26 12.13,20.26 C8.19220973,20.26 5,17.0677903 5,13.13 C5,9.4490968 7.78929885,6.41966926 11.3695371,6.04007678 L11.37,5.15240772 L9.62,5.15240772 L9.62,3.78240772 L14.41,3.78240772 Z M12.13,8 C9.29677923,8 7,10.2967792 7,13.13 C7,15.9632208 9.29677923,18.26 12.13,18.26 C14.9632208,18.26 17.26,15.9632208 17.26,13.13 C17.26,10.2967792 14.9632208,8 12.13,8 Z M3.19183937,15.0007752 C3.41732809,16.0836244 3.83463472,17.0961214 4.40661658,18.0011235 L0,18 L0,15 Z M14.3819805,9.95760756 L15.3496003,10.9252274 L12.1676198,14.1072079 L11.2,13.1395881 L14.3819805,9.95760756 Z M3.55058156,10.0001683 C3.19435424,10.9763976 3,12.0305019 3,13.13 L3.002,13 L0,13 L0,10 Z M7.97195056,4.9996378 C6.60386085,5.70071412 5.43590345,6.73695253 4.57644304,7.99998836 L0,8 L0,5 Z M18,0 L18,3 L16,3 L16,2.5 L8,2.5 L8,3 L0,3 L0,0 L18,0 Z",
605
608
  transform: "translate(2 2)"
606
609
  }));
607
610
  };
608
611
  var DimensionsOther = function DimensionsOther(props) {
609
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
612
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
610
613
  d: "M5.1376547,18.0009318 L0,18 L0,15 L3.46039175,15.000536 C3.82762817,16.1102542 4.40198,17.1256503 5.1376547,18.0009318 Z M12.5,7 L12.5,11 L16.5,11 L16.5,12.5 L12.5,12.5 L12.5,16.5 L11,16.5 L11,12.5 L7,12.5 L7,11 L11,11 L11,7 L12.5,7 Z M3,12.13 C3,12.4237363 3.0138714,12.7142328 3.04099487,13.0008701 L0,13 L0,10 L3.24967033,10.0005024 C3.08643451,10.6837249 3,11.3967685 3,12.13 Z M3.98526578,8.00011679 L0,8 L0,5 L6.42694067,4.99991383 C5.41424324,5.81098129 4.57807756,6.83332299 3.98526578,8.00011679 Z M18,0 L18,3 L0,3 L0,0 L18,0 Z",
611
614
  transform: "translate(3 3)"
612
615
  }));
613
616
  };
614
617
  var Picture = function Picture(props) {
615
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
618
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
616
619
  d: "M19.9986404,0 C21,0 22,1 22,2 L22,17.9956787 C22,19 21,20 20,20 L2,20 C0.8954305,20 1.3527075e-16,19.1045695 0,18 L0,2 C0,0.996459653 1,0 2,0 L19.9986404,0 Z M19.5,2.5 L2.5,2.5 L2.5,17.5 L19.5,17.5 L19.5,2.5 Z M12.8300654,7 L18,15.5204398 L4,15.5204398 L8.02614379,9 L9.81960446,11.7515969 L12.8300654,7 Z M6,4.35 C7.1045695,4.35 8,5.2454305 8,6.35 C8,7.4545695 7.1045695,8.35 6,8.35 C4.8954305,8.35 4,7.4545695 4,6.35 C4,5.2454305 4.8954305,4.35 6,4.35 Z",
617
620
  transform: "translate(1 2)"
618
621
  }));
619
622
  };
620
623
  var CollapseWindow = function CollapseWindow(props) {
621
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
624
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
622
625
  d: "M5,17 C4.43301962,17 4,17.4597824 4,18.0268006 C4,18.5938188 4.43301962,19 5,19 L19,19 C19.5669804,19 20,18.5938188 20,18.0268006 C20,17.4597824 19.5669804,17 19,17 L5,17 Z"
623
626
  }));
624
627
  };
625
628
  var ExpandWindow = function ExpandWindow(props) {
626
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
629
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
627
630
  d: "M18,4.5 C18.81657,4.52323671 19.4399034,4.74990338 19.87,5.18 C20.3000966,5.61009662 20.5100966,6.21676329 20.5,7 L20.5,17 C20.4955176,17.7444824 20.2855176,18.3244824 19.87,18.74 C19.4544824,19.1555176 18.8311491,19.4088509 18,19.5 L6,19.5 C5.1805214,19.4148333 4.56096049,19.1624284 4.1413173,18.7427852 C3.7216741,18.323142 3.50790167,17.7422136 3.5,17 L3.5,7 C3.52565636,6.18855517 3.73942879,5.5818885 4.1413173,5.18 C4.5432058,4.7781115 5.1627667,4.55144483 6,4.5 L18,4.5 Z M17.6875,6.75 L6.3125,6.75 C5.85182844,6.75 5.5,7.20978239 5.5,7.77680061 C5.5,8.34381884 5.85182844,8.75 6.3125,8.75 L17.6875,8.75 C18.1481716,8.75 18.5,8.34381884 18.5,7.77680061 C18.5,7.20978239 18.1481716,6.75 17.6875,6.75 Z"
628
631
  }));
629
632
  };
630
633
  var CollapseLarge = function CollapseLarge(props) {
631
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
634
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", {
632
635
  id: "Icons-/-Collapse-L",
633
636
  stroke: "none",
634
637
  strokeWidth: "1",
635
638
  fill: "none",
636
639
  fillRule: "evenodd"
637
- }, /*#__PURE__*/React.createElement("path", {
640
+ }, /*#__PURE__*/React$2.createElement("path", {
638
641
  d: "M18.0000715,4.5 C18.8166416,4.52323671 19.4399749,4.74990338 19.8700715,5.18 C20.3001681,5.61009662 20.5101681,6.21676329 20.5000715,7 L20.5000715,17 C20.4955891,17.7444824 20.2855891,18.3244824 19.8700715,18.74 C19.4545539,19.1555176 18.8312206,19.4088509 18.0000715,19.5 L6.00007152,19.5 C5.18059291,19.4148333 4.56103201,19.1624284 4.14138882,18.7427852 C3.72174562,18.323142 3.50797319,17.7422136 3.50007152,17 L3.50007152,7 C3.52572788,6.18855517 3.73950031,5.5818885 4.14138882,5.18 C4.54327732,4.7781115 5.16283822,4.55144483 6.00007152,4.5 L18.0000715,4.5 Z M17.5015692,6.5 L6.49857385,6.5 C5.94711624,6.5 5.50007152,6.94483697 5.50007152,7.4955775 L5.50007152,16.5044225 C5.50007152,17.0542648 5.94756094,17.5 6.49857385,17.5 L17.5015692,17.5 C18.0530268,17.5 18.5000715,17.055163 18.5000715,16.5044225 L18.5000715,7.4955775 C18.5000715,6.94573523 18.0525821,6.5 17.5015692,6.5 Z M11.51,8.14 L11.51,13.93 L14.4857761,13.93 L14.4857761,15.2471595 L9.79,15.2471595 L9.79,8.14 L11.51,8.14 Z",
639
642
  id: "Icons-/-expand-L",
640
643
  fill: "currentColor"
641
644
  })));
642
645
  };
643
646
  var CollapseMedium = function CollapseMedium(props) {
644
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
647
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", {
645
648
  id: "Icons-/-Collapse-M",
646
649
  stroke: "none",
647
650
  strokeWidth: "1",
648
651
  fill: "none",
649
652
  fillRule: "evenodd"
650
- }, /*#__PURE__*/React.createElement("path", {
653
+ }, /*#__PURE__*/React$2.createElement("path", {
651
654
  d: "M18.0000715,4.5 C18.8166416,4.52323671 19.4399749,4.74990338 19.8700715,5.18 C20.3001681,5.61009662 20.5101681,6.21676329 20.5000715,7 L20.5000715,17 C20.4955891,17.7444824 20.2855891,18.3244824 19.8700715,18.74 C19.4545539,19.1555176 18.8312206,19.4088509 18.0000715,19.5 L6.00007152,19.5 C5.18059291,19.4148333 4.56103201,19.1624284 4.14138882,18.7427852 C3.72174562,18.323142 3.50797319,17.7422136 3.50007152,17 L3.50007152,7 C3.52572788,6.18855517 3.73950031,5.5818885 4.14138882,5.18 C4.54327732,4.7781115 5.16283822,4.55144483 6.00007152,4.5 L18.0000715,4.5 Z M17.5015692,6.5 L6.49857385,6.5 C5.94711624,6.5 5.50007152,6.94483697 5.50007152,7.4955775 L5.50007152,16.5044225 C5.50007152,17.0542648 5.94756094,17.5 6.49857385,17.5 L17.5015692,17.5 C18.0530268,17.5 18.5000715,17.055163 18.5000715,16.5044225 L18.5000715,7.4955775 C18.5000715,6.94573523 18.0525821,6.5 17.5015692,6.5 Z M10.3720217,8.13793154 L11.9560108,13.0709727 L13.54,8.13793154 L15.79,8.13793154 L15.79,15.25 L14.0828502,15.25 L14.0828502,13.5960917 L14.24,10.1828615 L12.52,15.25 L11.3929679,15.25 L9.66668436,10.1828615 L9.83,13.5960917 L9.83,15.25 L8.12,15.25 L8.12,8.13793154 L10.3720217,8.13793154 Z",
652
655
  id: "Icons-/-expand-M",
653
656
  fill: "currentColor"
654
657
  })));
655
658
  };
656
659
  var CollapseSmall = function CollapseSmall(props) {
657
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
660
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", {
658
661
  id: "Icons-/-Collapse-S",
659
662
  stroke: "none",
660
663
  strokeWidth: "1",
661
664
  fill: "none",
662
665
  fillRule: "evenodd"
663
- }, /*#__PURE__*/React.createElement("path", {
666
+ }, /*#__PURE__*/React$2.createElement("path", {
664
667
  d: "M18.0000715,4.5 C18.8166416,4.52323671 19.4399749,4.74990338 19.8700715,5.18 C20.3001681,5.61009662 20.5101681,6.21676329 20.5000715,7 L20.5000715,17 C20.4955891,17.7444824 20.2855891,18.3244824 19.8700715,18.74 C19.4545539,19.1555176 18.8312206,19.4088509 18.0000715,19.5 L6.00007152,19.5 C5.18059291,19.4148333 4.56103201,19.1624284 4.14138882,18.7427852 C3.72174562,18.323142 3.50797319,17.7422136 3.50007152,17 L3.50007152,7 C3.52572788,6.18855517 3.73950031,5.5818885 4.14138882,5.18 C4.54327732,4.7781115 5.16283822,4.55144483 6.00007152,4.5 L18.0000715,4.5 Z M17.5015692,6.5 L6.49857385,6.5 C5.94711624,6.5 5.50007152,6.94483697 5.50007152,7.4955775 L5.50007152,16.5044225 C5.50007152,17.0542648 5.94756094,17.5 6.49857385,17.5 L17.5015692,17.5 C18.0530268,17.5 18.5000715,17.055163 18.5000715,16.5044225 L18.5000715,7.4955775 C18.5000715,6.94573523 18.0525821,6.5 17.5015692,6.5 Z M12,8.04223293 C12.3816424,8.04223293 12.7614621,8.07548514 13.1091818,8.18 C13.5650277,8.31701461 13.9657061,8.56252016 14.2430015,8.87556815 C14.5528447,9.22536046 14.7487564,9.63866568 14.7487564,10.2519529 L13.0420578,10.2519529 C13.0420578,10.1288369 13.0272095,9.87711169 12.8626035,9.66926494 C12.7706891,9.55320533 12.6320802,9.43866588 12.4232884,9.38 C12.3058648,9.34700656 12.1662431,9.34 12.0002452,9.34 C11.7669952,9.34 11.5569756,9.40134185 11.3953298,9.49974489 C11.191832,9.62362564 11.065,9.80624313 11.065,9.99915266 C11.065,10.4659624 11.5303207,10.7054039 12.0069825,10.88 C12.251836,10.9696872 12.4996821,11.0509766 12.6889856,11.1190164 C13.2468104,11.3195109 14.7487564,11.8079437 14.7487564,13.3345338 C14.7487564,14.1523847 14.3639594,14.7065019 13.71,15.0235466 C13.2549114,15.2441772 12.7956716,15.35 12,15.35 C11.5837341,15.35 11.0482218,15.2531638 10.57,15.0437157 C10.1291519,14.8506364 9.73916298,14.5618589 9.48671724,14.1650248 C9.25557241,13.8016749 9.14333333,13.3931427 9.15,12.939428 L10.8662463,12.939428 C10.8586095,13.2482201 10.923194,13.4935781 11.06,13.6755022 C11.265209,13.9483883 11.6785712,14.059404 12.0002452,14.059404 C12.416347,14.059404 13.0420578,13.9897611 13.0420578,13.3345338 C13.0420578,13.0169697 12.9081037,12.8095581 12.4695878,12.5923469 C12.3796921,12.5478187 12.2231629,12.4829201 12,12.3976512 C11.2094155,12.128282 10.6637991,11.8940163 10.3631508,11.6948541 C10.1074343,11.5254567 9.88191516,11.3372466 9.73293087,11.1353958 C9.51970344,10.8465054 9.36,10.5472019 9.36,9.99915266 C9.36,9.53454971 9.57462649,9.02233509 10.0735216,8.63036466 C10.4735262,8.31609021 11.2198472,8.04223293 12,8.04223293 Z",
665
668
  id: "Icons-/-expand-S",
666
669
  fill: "currentColor"
667
670
  })));
668
671
  };
669
672
  var ExitDomain = function ExitDomain(props) {
670
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
673
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
671
674
  d: "M4.25627097,1.47584811 C4.94860734,1.47584811 5.50886723,2.03717314 5.50886723,2.72737924 C5.50886723,3.41865048 4.94860734,3.9799755 4.25627097,3.9799755 L2.50412739,3.9799755 L2.50412739,13.4958726 L12.0200245,13.4958726 L12.0200245,11.7426639 C12.0200245,11.0513927 12.5802844,10.4911328 13.2715556,10.4911328 C13.9628269,10.4911328 14.5241519,11.0513927 14.5241519,11.7426639 L14.5241519,14.7474037 C14.5241519,15.4397401 13.9628269,16 13.2715556,16 L1.25153113,16 C0.560259892,16 0,15.4397401 0,14.7474037 L0,2.72737924 C0,2.036108 0.560259892,1.47584811 1.25153113,1.47584811 Z M16,0 L16,7.8340523 C16,8.52638867 15.4408052,9.08664856 14.7484689,9.08664856 C14.7367524,9.08664856 14.7261011,9.08345316 14.7143846,9.08345316 C14.0390904,9.0653459 13.4958726,8.51467221 13.4958726,7.8340523 L13.4958726,4.27437823 L7.25525909,10.5149917 C7.02945092,10.7429302 6.71523673,10.8845929 6.36800341,10.8845929 C5.67673217,10.8845929 5.11647228,10.3232678 5.11647228,9.63199659 C5.11647228,9.28582841 5.25706982,8.97267934 5.48287799,8.74687117 L11.7256218,2.50412739 L8.0977792,2.50412739 C7.40650796,2.50412739 6.84518294,1.94280236 6.84518294,1.25153113 C6.84518294,0.560259892 7.40650796,0 8.0977792,0 L16,0 Z",
672
675
  transform: "translate(4 4)"
673
676
  }));
674
677
  };
675
678
  var Menu = function Menu(props) {
676
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
679
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("path", {
677
680
  transform: "translate(6 6)",
678
681
  d: "M0,9.27 L2.73,9.27 L2.73,12 L0,12 Z M0,4.64 L2.73,4.64 L2.73,7.37 L0,7.37 Z M0,0 L2.73,0 L2.73,2.73 L0,2.73 Z M5,9.27 L12,9.27 L12,12 L5,12 Z M5,4.64 L12,4.64 L12,7.37 L5,7.37 Z M5,0 L12,0 L12,2.73 L5,2.73 Z"
679
682
  }));
680
683
  };
681
684
  var None = function None(props) {
682
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
685
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", {
683
686
  transform: "translate(3 3)"
684
- }, /*#__PURE__*/React.createElement("path", {
687
+ }, /*#__PURE__*/React$2.createElement("path", {
685
688
  d: "M16.0000589,0 C17.1046284,-2.02906125e-16 18.0000589,0.8954305 18.0000589,2 L18.0010775,6.26818814 C17.7066608,6.0976323 17.364732,6 17,6 L16.285,6 L16.2857676,2.71429132 C16.2857676,2.16200657 15.8380523,1.71429132 15.2857676,1.71429132 L2.71429132,1.71429132 C2.16200657,1.71429132 1.71429132,2.16200657 1.71429132,2.71429132 L1.71429132,15.2857676 C1.71429132,15.8380523 2.16200657,16.2857676 2.71429132,16.2857676 L6,16.285 L6,17 C6,17.364732 6.0976323,17.7066608 6.26818814,18.0010775 L2,18.0000589 C0.8954305,18.0000589 1.3527075e-16,17.1046284 0,16.0000589 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 L16.0000589,0 Z M16.0000589,7.71431095 C17.1046284,7.71431095 18.0000589,8.60974145 18.0000589,9.71431095 L18.0000589,16.0000589 C18.0000589,17.1046284 17.1046284,18.0000589 16.0000589,18.0000589 L9.71431095,18.0000589 C8.60974145,18.0000589 7.71431095,17.1046284 7.71431095,16.0000589 L7.71431095,9.71431095 C7.71431095,8.60974145 8.60974145,7.71431095 9.71431095,7.71431095 L16.0000589,7.71431095 Z M15.2857676,9.42860228 L10.4286023,9.42860228 C9.87631753,9.42860228 9.42860228,9.87631753 9.42860228,10.4286023 L9.42860228,15.2857676 C9.42860228,15.8380523 9.87631753,16.2857676 10.4286023,16.2857676 L15.2857676,16.2857676 C15.8380523,16.2857676 16.2857676,15.8380523 16.2857676,15.2857676 L16.2857676,10.4286023 C16.2857676,9.87631753 15.8380523,9.42860228 15.2857676,9.42860228 Z M14.5347673,10.2701019 L15.4312535,11.2107189 L13.8227128,12.8181019 L15.4312535,14.4261565 L14.5127019,15.344708 L12.9047128,13.7361019 L11.2972643,15.344708 L10.3787128,14.4261565 L11.9867128,12.8181019 L10.3787128,11.2107189 L11.2751989,10.2701019 L12.9047128,11.9001019 L14.5347673,10.2701019 Z"
686
689
  })));
687
690
  };
688
691
  var Both = function Both(props) {
689
- return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
692
+ return /*#__PURE__*/React$2.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React$2.createElement("g", {
690
693
  transform: "translate(3 3)"
691
- }, /*#__PURE__*/React.createElement("path", {
694
+ }, /*#__PURE__*/React$2.createElement("path", {
692
695
  d: "M6.12154852,-4.08562073e-14 L11.5665318,2.08618237 L7.16343758,5.90884652 L6.89046265,4.36072873 L6.80957756,4.39003855 C3.87189613,5.46406081 2.0365417,8.52135417 2.59891997,11.7107598 C2.74916282,12.5628294 3.05699221,13.3475078 3.48712515,14.0400746 L3.654,14.294 L4.03341039,13.916165 C4.300998,13.6487868 4.57483053,13.3752128 4.84929787,13.1010377 L5.49808471,12.4529989 L5.81818597,12.133305 L6.43943768,11.5129063 C6.54018288,11.4123056 6.63929935,11.3133343 6.73644152,11.2163368 L7.29283868,10.6607958 C7.46856431,10.4853491 7.63362837,10.3205548 7.78526647,10.1691699 L8.06982232,9.88509612 C8.15816112,9.79690915 8.23971374,9.71549875 8.3136611,9.64168177 L8.51186835,9.44382795 L8.55371431,9.40205768 L17.4815559,0.474640695 C18.0545559,-0.0983593047 18.9845559,-0.0983593047 19.5575559,0.474640695 C20.1305559,1.0476407 20.1305559,1.9776407 19.5575559,2.5506407 L14.831,7.276 L19.4288065,10.9204157 C19.784072,11.2028346 19.9878059,11.6116618 19.9878059,12.0444907 C19.9878059,12.4789196 19.784797,12.8885469 19.4280814,13.1701657 L13.6401532,17.7608718 C13.4008927,17.9496843 13.1572821,18.0448907 12.9194717,18.0448907 C12.470677,18.0448907 11.9878059,17.6632653 11.9878059,16.8256094 L11.987,10.12 L8.78355591,13.3246407 C8.78355591,13.3246407 8.77632036,13.3318973 8.76236846,13.3458891 L8.70088296,13.4075489 C8.68745028,13.4210194 8.67246832,13.4360433 8.65600198,13.4525555 L8.30579109,13.8037142 C8.12024363,13.9897508 7.88938874,14.2211951 7.62907158,14.482136 L7.3035632,14.8084053 C6.96594112,15.1467963 6.5950202,15.5184978 6.21818091,15.8960157 L5.46472391,16.6506601 C5.40263036,16.7128356 5.34087945,16.7746636 5.27959794,16.8360167 L3.83147258,18.2843629 L3.76884939,18.3468742 L3.40610402,18.7083747 C3.32314137,18.7908588 3.25923448,18.8541764 3.21780591,18.8948907 C2.63780591,19.4648907 1.70780591,19.4648907 1.13780591,18.8948907 C0.567805911,18.3248907 0.567805911,17.3948907 1.13780591,16.8148907 L1.30316348,16.6480048 L1.34269001,16.6082679 L1.58700213,16.3630806 C1.67091753,16.2789466 1.76427895,16.1854034 1.86593963,16.0835947 C1.00935344,14.9643562 0.401202684,13.6284705 0.139524125,12.1444177 C-0.668062091,7.56436865 2.10797283,3.18177303 6.45256841,1.87618962 L6.12154852,-4.08562073e-14 Z"
693
696
  })));
694
697
  };
@@ -729,8 +732,8 @@ var index = /*#__PURE__*/Object.freeze({
729
732
  Close: Close,
730
733
  KeyOption: KeyOption,
731
734
  KeyCommand: KeyCommand,
732
- ArrowLeft: ArrowLeft,
733
- ArrowRight: ArrowRight,
735
+ ArrowLeft: ArrowLeft$1,
736
+ ArrowRight: ArrowRight$1,
734
737
  ArrowDown: ArrowDown,
735
738
  ArrowUp: ArrowUp,
736
739
  Exclamation: Exclamation,
@@ -739,7 +742,7 @@ var index = /*#__PURE__*/Object.freeze({
739
742
  HamburgerMenu: HamburgerMenu,
740
743
  GeoWebLogo: GeoWebLogo,
741
744
  Add: Add,
742
- Clock: Clock,
745
+ Clock: Clock$1,
743
746
  Animation: Animation,
744
747
  Success: Success,
745
748
  Cancel: Cancel,
@@ -798,77 +801,3250 @@ var index = /*#__PURE__*/Object.freeze({
798
801
  Both: Both
799
802
  });
800
803
 
801
- function _defineProperty(obj, key, value) {
802
- if (key in obj) {
803
- Object.defineProperty(obj, key, {
804
- value: value,
805
- enumerable: true,
806
- configurable: true,
807
- writable: true
808
- });
809
- } else {
810
- obj[key] = value;
804
+ function _iterableToArrayLimit(arr, i) {
805
+ var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
806
+ if (null != _i) {
807
+ var _s,
808
+ _e,
809
+ _x,
810
+ _r,
811
+ _arr = [],
812
+ _n = !0,
813
+ _d = !1;
814
+ try {
815
+ if (_x = (_i = _i.call(arr)).next, 0 === i) {
816
+ if (Object(_i) !== _i) return;
817
+ _n = !1;
818
+ } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
819
+ } catch (err) {
820
+ _d = !0, _e = err;
821
+ } finally {
822
+ try {
823
+ if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
824
+ } finally {
825
+ if (_d) throw _e;
826
+ }
827
+ }
828
+ return _arr;
829
+ }
830
+ }
831
+ function _defineProperty(obj, key, value) {
832
+ key = _toPropertyKey(key);
833
+ if (key in obj) {
834
+ Object.defineProperty(obj, key, {
835
+ value: value,
836
+ enumerable: true,
837
+ configurable: true,
838
+ writable: true
839
+ });
840
+ } else {
841
+ obj[key] = value;
842
+ }
843
+ return obj;
844
+ }
845
+ function _slicedToArray(arr, i) {
846
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
847
+ }
848
+ function _arrayWithHoles(arr) {
849
+ if (Array.isArray(arr)) return arr;
850
+ }
851
+ function _unsupportedIterableToArray(o, minLen) {
852
+ if (!o) return;
853
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
854
+ var n = Object.prototype.toString.call(o).slice(8, -1);
855
+ if (n === "Object" && o.constructor) n = o.constructor.name;
856
+ if (n === "Map" || n === "Set") return Array.from(o);
857
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
858
+ }
859
+ function _arrayLikeToArray(arr, len) {
860
+ if (len == null || len > arr.length) len = arr.length;
861
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
862
+ return arr2;
863
+ }
864
+ function _nonIterableRest() {
865
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
866
+ }
867
+ function _toPrimitive(input, hint) {
868
+ if (typeof input !== "object" || input === null) return input;
869
+ var prim = input[Symbol.toPrimitive];
870
+ if (prim !== undefined) {
871
+ var res = prim.call(input, hint || "default");
872
+ if (typeof res !== "object") return res;
873
+ throw new TypeError("@@toPrimitive must return a primitive value.");
874
+ }
875
+ return (hint === "string" ? String : Number)(input);
876
+ }
877
+ function _toPropertyKey(arg) {
878
+ var key = _toPrimitive(arg, "string");
879
+ return typeof key === "symbol" ? key : String(key);
880
+ }
881
+
882
+ function _extends() {
883
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
884
+ for (var i = 1; i < arguments.length; i++) {
885
+ var source = arguments[i];
886
+ for (var key in source) {
887
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
888
+ target[key] = source[key];
889
+ }
890
+ }
891
+ }
892
+ return target;
893
+ };
894
+ return _extends.apply(this, arguments);
895
+ }
896
+
897
+ function _objectWithoutPropertiesLoose(source, excluded) {
898
+ if (source == null) return {};
899
+ var target = {};
900
+ var sourceKeys = Object.keys(source);
901
+ var key, i;
902
+ for (i = 0; i < sourceKeys.length; i++) {
903
+ key = sourceKeys[i];
904
+ if (excluded.indexOf(key) >= 0) continue;
905
+ target[key] = source[key];
906
+ }
907
+ return target;
908
+ }
909
+
910
+ function r$1(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$1(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}
911
+
912
+ var propTypes = {exports: {}};
913
+
914
+ var reactIs = {exports: {}};
915
+
916
+ var reactIs_production_min = {};
917
+
918
+ /** @license React v16.13.1
919
+ * react-is.production.min.js
920
+ *
921
+ * Copyright (c) Facebook, Inc. and its affiliates.
922
+ *
923
+ * This source code is licensed under the MIT license found in the
924
+ * LICENSE file in the root directory of this source tree.
925
+ */
926
+ var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
927
+ Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
928
+ function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
929
+ reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
930
+ reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
931
+ reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
932
+
933
+ var reactIs_development = {};
934
+
935
+ /** @license React v16.13.1
936
+ * react-is.development.js
937
+ *
938
+ * Copyright (c) Facebook, Inc. and its affiliates.
939
+ *
940
+ * This source code is licensed under the MIT license found in the
941
+ * LICENSE file in the root directory of this source tree.
942
+ */
943
+
944
+
945
+
946
+ if (process.env.NODE_ENV !== "production") {
947
+ (function() {
948
+
949
+ // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
950
+ // nor polyfill, then a plain number is used for performance.
951
+ var hasSymbol = typeof Symbol === 'function' && Symbol.for;
952
+ var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
953
+ var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
954
+ var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
955
+ var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
956
+ var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
957
+ var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
958
+ var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
959
+ // (unstable) APIs that have been removed. Can we remove the symbols?
960
+
961
+ var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
962
+ var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
963
+ var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
964
+ var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
965
+ var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
966
+ var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
967
+ var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
968
+ var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
969
+ var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
970
+ var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
971
+ var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
972
+
973
+ function isValidElementType(type) {
974
+ return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
975
+ type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
976
+ }
977
+
978
+ function typeOf(object) {
979
+ if (typeof object === 'object' && object !== null) {
980
+ var $$typeof = object.$$typeof;
981
+
982
+ switch ($$typeof) {
983
+ case REACT_ELEMENT_TYPE:
984
+ var type = object.type;
985
+
986
+ switch (type) {
987
+ case REACT_ASYNC_MODE_TYPE:
988
+ case REACT_CONCURRENT_MODE_TYPE:
989
+ case REACT_FRAGMENT_TYPE:
990
+ case REACT_PROFILER_TYPE:
991
+ case REACT_STRICT_MODE_TYPE:
992
+ case REACT_SUSPENSE_TYPE:
993
+ return type;
994
+
995
+ default:
996
+ var $$typeofType = type && type.$$typeof;
997
+
998
+ switch ($$typeofType) {
999
+ case REACT_CONTEXT_TYPE:
1000
+ case REACT_FORWARD_REF_TYPE:
1001
+ case REACT_LAZY_TYPE:
1002
+ case REACT_MEMO_TYPE:
1003
+ case REACT_PROVIDER_TYPE:
1004
+ return $$typeofType;
1005
+
1006
+ default:
1007
+ return $$typeof;
1008
+ }
1009
+
1010
+ }
1011
+
1012
+ case REACT_PORTAL_TYPE:
1013
+ return $$typeof;
1014
+ }
1015
+ }
1016
+
1017
+ return undefined;
1018
+ } // AsyncMode is deprecated along with isAsyncMode
1019
+
1020
+ var AsyncMode = REACT_ASYNC_MODE_TYPE;
1021
+ var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
1022
+ var ContextConsumer = REACT_CONTEXT_TYPE;
1023
+ var ContextProvider = REACT_PROVIDER_TYPE;
1024
+ var Element = REACT_ELEMENT_TYPE;
1025
+ var ForwardRef = REACT_FORWARD_REF_TYPE;
1026
+ var Fragment = REACT_FRAGMENT_TYPE;
1027
+ var Lazy = REACT_LAZY_TYPE;
1028
+ var Memo = REACT_MEMO_TYPE;
1029
+ var Portal = REACT_PORTAL_TYPE;
1030
+ var Profiler = REACT_PROFILER_TYPE;
1031
+ var StrictMode = REACT_STRICT_MODE_TYPE;
1032
+ var Suspense = REACT_SUSPENSE_TYPE;
1033
+ var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
1034
+
1035
+ function isAsyncMode(object) {
1036
+ {
1037
+ if (!hasWarnedAboutDeprecatedIsAsyncMode) {
1038
+ hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
1039
+
1040
+ console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
1041
+ }
1042
+ }
1043
+
1044
+ return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
1045
+ }
1046
+ function isConcurrentMode(object) {
1047
+ return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
1048
+ }
1049
+ function isContextConsumer(object) {
1050
+ return typeOf(object) === REACT_CONTEXT_TYPE;
1051
+ }
1052
+ function isContextProvider(object) {
1053
+ return typeOf(object) === REACT_PROVIDER_TYPE;
1054
+ }
1055
+ function isElement(object) {
1056
+ return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
1057
+ }
1058
+ function isForwardRef(object) {
1059
+ return typeOf(object) === REACT_FORWARD_REF_TYPE;
1060
+ }
1061
+ function isFragment(object) {
1062
+ return typeOf(object) === REACT_FRAGMENT_TYPE;
1063
+ }
1064
+ function isLazy(object) {
1065
+ return typeOf(object) === REACT_LAZY_TYPE;
1066
+ }
1067
+ function isMemo(object) {
1068
+ return typeOf(object) === REACT_MEMO_TYPE;
1069
+ }
1070
+ function isPortal(object) {
1071
+ return typeOf(object) === REACT_PORTAL_TYPE;
1072
+ }
1073
+ function isProfiler(object) {
1074
+ return typeOf(object) === REACT_PROFILER_TYPE;
1075
+ }
1076
+ function isStrictMode(object) {
1077
+ return typeOf(object) === REACT_STRICT_MODE_TYPE;
1078
+ }
1079
+ function isSuspense(object) {
1080
+ return typeOf(object) === REACT_SUSPENSE_TYPE;
1081
+ }
1082
+
1083
+ reactIs_development.AsyncMode = AsyncMode;
1084
+ reactIs_development.ConcurrentMode = ConcurrentMode;
1085
+ reactIs_development.ContextConsumer = ContextConsumer;
1086
+ reactIs_development.ContextProvider = ContextProvider;
1087
+ reactIs_development.Element = Element;
1088
+ reactIs_development.ForwardRef = ForwardRef;
1089
+ reactIs_development.Fragment = Fragment;
1090
+ reactIs_development.Lazy = Lazy;
1091
+ reactIs_development.Memo = Memo;
1092
+ reactIs_development.Portal = Portal;
1093
+ reactIs_development.Profiler = Profiler;
1094
+ reactIs_development.StrictMode = StrictMode;
1095
+ reactIs_development.Suspense = Suspense;
1096
+ reactIs_development.isAsyncMode = isAsyncMode;
1097
+ reactIs_development.isConcurrentMode = isConcurrentMode;
1098
+ reactIs_development.isContextConsumer = isContextConsumer;
1099
+ reactIs_development.isContextProvider = isContextProvider;
1100
+ reactIs_development.isElement = isElement;
1101
+ reactIs_development.isForwardRef = isForwardRef;
1102
+ reactIs_development.isFragment = isFragment;
1103
+ reactIs_development.isLazy = isLazy;
1104
+ reactIs_development.isMemo = isMemo;
1105
+ reactIs_development.isPortal = isPortal;
1106
+ reactIs_development.isProfiler = isProfiler;
1107
+ reactIs_development.isStrictMode = isStrictMode;
1108
+ reactIs_development.isSuspense = isSuspense;
1109
+ reactIs_development.isValidElementType = isValidElementType;
1110
+ reactIs_development.typeOf = typeOf;
1111
+ })();
1112
+ }
1113
+
1114
+ if (process.env.NODE_ENV === 'production') {
1115
+ reactIs.exports = reactIs_production_min;
1116
+ } else {
1117
+ reactIs.exports = reactIs_development;
1118
+ }
1119
+
1120
+ /*
1121
+ object-assign
1122
+ (c) Sindre Sorhus
1123
+ @license MIT
1124
+ */
1125
+ /* eslint-disable no-unused-vars */
1126
+ var getOwnPropertySymbols = Object.getOwnPropertySymbols;
1127
+ var hasOwnProperty = Object.prototype.hasOwnProperty;
1128
+ var propIsEnumerable = Object.prototype.propertyIsEnumerable;
1129
+
1130
+ function toObject(val) {
1131
+ if (val === null || val === undefined) {
1132
+ throw new TypeError('Object.assign cannot be called with null or undefined');
1133
+ }
1134
+
1135
+ return Object(val);
1136
+ }
1137
+
1138
+ function shouldUseNative() {
1139
+ try {
1140
+ if (!Object.assign) {
1141
+ return false;
1142
+ }
1143
+
1144
+ // Detect buggy property enumeration order in older V8 versions.
1145
+
1146
+ // https://bugs.chromium.org/p/v8/issues/detail?id=4118
1147
+ var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
1148
+ test1[5] = 'de';
1149
+ if (Object.getOwnPropertyNames(test1)[0] === '5') {
1150
+ return false;
1151
+ }
1152
+
1153
+ // https://bugs.chromium.org/p/v8/issues/detail?id=3056
1154
+ var test2 = {};
1155
+ for (var i = 0; i < 10; i++) {
1156
+ test2['_' + String.fromCharCode(i)] = i;
1157
+ }
1158
+ var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
1159
+ return test2[n];
1160
+ });
1161
+ if (order2.join('') !== '0123456789') {
1162
+ return false;
1163
+ }
1164
+
1165
+ // https://bugs.chromium.org/p/v8/issues/detail?id=3056
1166
+ var test3 = {};
1167
+ 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
1168
+ test3[letter] = letter;
1169
+ });
1170
+ if (Object.keys(Object.assign({}, test3)).join('') !==
1171
+ 'abcdefghijklmnopqrst') {
1172
+ return false;
1173
+ }
1174
+
1175
+ return true;
1176
+ } catch (err) {
1177
+ // We don't expect any of the above to throw, but better to be safe.
1178
+ return false;
1179
+ }
1180
+ }
1181
+
1182
+ var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
1183
+ var from;
1184
+ var to = toObject(target);
1185
+ var symbols;
1186
+
1187
+ for (var s = 1; s < arguments.length; s++) {
1188
+ from = Object(arguments[s]);
1189
+
1190
+ for (var key in from) {
1191
+ if (hasOwnProperty.call(from, key)) {
1192
+ to[key] = from[key];
1193
+ }
1194
+ }
1195
+
1196
+ if (getOwnPropertySymbols) {
1197
+ symbols = getOwnPropertySymbols(from);
1198
+ for (var i = 0; i < symbols.length; i++) {
1199
+ if (propIsEnumerable.call(from, symbols[i])) {
1200
+ to[symbols[i]] = from[symbols[i]];
1201
+ }
1202
+ }
1203
+ }
1204
+ }
1205
+
1206
+ return to;
1207
+ };
1208
+
1209
+ /**
1210
+ * Copyright (c) 2013-present, Facebook, Inc.
1211
+ *
1212
+ * This source code is licensed under the MIT license found in the
1213
+ * LICENSE file in the root directory of this source tree.
1214
+ */
1215
+
1216
+ var ReactPropTypesSecret$3 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
1217
+
1218
+ var ReactPropTypesSecret_1 = ReactPropTypesSecret$3;
1219
+
1220
+ var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
1221
+
1222
+ /**
1223
+ * Copyright (c) 2013-present, Facebook, Inc.
1224
+ *
1225
+ * This source code is licensed under the MIT license found in the
1226
+ * LICENSE file in the root directory of this source tree.
1227
+ */
1228
+
1229
+ var printWarning$1 = function() {};
1230
+
1231
+ if (process.env.NODE_ENV !== 'production') {
1232
+ var ReactPropTypesSecret$2 = ReactPropTypesSecret_1;
1233
+ var loggedTypeFailures = {};
1234
+ var has$1 = has$2;
1235
+
1236
+ printWarning$1 = function(text) {
1237
+ var message = 'Warning: ' + text;
1238
+ if (typeof console !== 'undefined') {
1239
+ console.error(message);
1240
+ }
1241
+ try {
1242
+ // --- Welcome to debugging React ---
1243
+ // This error was thrown as a convenience so that you can use this stack
1244
+ // to find the callsite that caused this warning to fire.
1245
+ throw new Error(message);
1246
+ } catch (x) { /**/ }
1247
+ };
1248
+ }
1249
+
1250
+ /**
1251
+ * Assert that the values match with the type specs.
1252
+ * Error messages are memorized and will only be shown once.
1253
+ *
1254
+ * @param {object} typeSpecs Map of name to a ReactPropType
1255
+ * @param {object} values Runtime values that need to be type-checked
1256
+ * @param {string} location e.g. "prop", "context", "child context"
1257
+ * @param {string} componentName Name of the component for error messages.
1258
+ * @param {?Function} getStack Returns the component stack.
1259
+ * @private
1260
+ */
1261
+ function checkPropTypes$1(typeSpecs, values, location, componentName, getStack) {
1262
+ if (process.env.NODE_ENV !== 'production') {
1263
+ for (var typeSpecName in typeSpecs) {
1264
+ if (has$1(typeSpecs, typeSpecName)) {
1265
+ var error;
1266
+ // Prop type validation may throw. In case they do, we don't want to
1267
+ // fail the render phase where it didn't fail before. So we log it.
1268
+ // After these have been cleaned up, we'll let them throw.
1269
+ try {
1270
+ // This is intentionally an invariant that gets caught. It's the same
1271
+ // behavior as without this statement except with a better message.
1272
+ if (typeof typeSpecs[typeSpecName] !== 'function') {
1273
+ var err = Error(
1274
+ (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
1275
+ 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
1276
+ 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
1277
+ );
1278
+ err.name = 'Invariant Violation';
1279
+ throw err;
1280
+ }
1281
+ error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$2);
1282
+ } catch (ex) {
1283
+ error = ex;
1284
+ }
1285
+ if (error && !(error instanceof Error)) {
1286
+ printWarning$1(
1287
+ (componentName || 'React class') + ': type specification of ' +
1288
+ location + ' `' + typeSpecName + '` is invalid; the type checker ' +
1289
+ 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
1290
+ 'You may have forgotten to pass an argument to the type checker ' +
1291
+ 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
1292
+ 'shape all require an argument).'
1293
+ );
1294
+ }
1295
+ if (error instanceof Error && !(error.message in loggedTypeFailures)) {
1296
+ // Only monitor this failure once because there tends to be a lot of the
1297
+ // same error.
1298
+ loggedTypeFailures[error.message] = true;
1299
+
1300
+ var stack = getStack ? getStack() : '';
1301
+
1302
+ printWarning$1(
1303
+ 'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
1304
+ );
1305
+ }
1306
+ }
1307
+ }
1308
+ }
1309
+ }
1310
+
1311
+ /**
1312
+ * Resets warning cache when testing.
1313
+ *
1314
+ * @private
1315
+ */
1316
+ checkPropTypes$1.resetWarningCache = function() {
1317
+ if (process.env.NODE_ENV !== 'production') {
1318
+ loggedTypeFailures = {};
1319
+ }
1320
+ };
1321
+
1322
+ var checkPropTypes_1 = checkPropTypes$1;
1323
+
1324
+ /**
1325
+ * Copyright (c) 2013-present, Facebook, Inc.
1326
+ *
1327
+ * This source code is licensed under the MIT license found in the
1328
+ * LICENSE file in the root directory of this source tree.
1329
+ */
1330
+
1331
+ var ReactIs$1 = reactIs.exports;
1332
+ var assign = objectAssign;
1333
+
1334
+ var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
1335
+ var has = has$2;
1336
+ var checkPropTypes = checkPropTypes_1;
1337
+
1338
+ var printWarning = function() {};
1339
+
1340
+ if (process.env.NODE_ENV !== 'production') {
1341
+ printWarning = function(text) {
1342
+ var message = 'Warning: ' + text;
1343
+ if (typeof console !== 'undefined') {
1344
+ console.error(message);
1345
+ }
1346
+ try {
1347
+ // --- Welcome to debugging React ---
1348
+ // This error was thrown as a convenience so that you can use this stack
1349
+ // to find the callsite that caused this warning to fire.
1350
+ throw new Error(message);
1351
+ } catch (x) {}
1352
+ };
1353
+ }
1354
+
1355
+ function emptyFunctionThatReturnsNull() {
1356
+ return null;
1357
+ }
1358
+
1359
+ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
1360
+ /* global Symbol */
1361
+ var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
1362
+ var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
1363
+
1364
+ /**
1365
+ * Returns the iterator method function contained on the iterable object.
1366
+ *
1367
+ * Be sure to invoke the function with the iterable as context:
1368
+ *
1369
+ * var iteratorFn = getIteratorFn(myIterable);
1370
+ * if (iteratorFn) {
1371
+ * var iterator = iteratorFn.call(myIterable);
1372
+ * ...
1373
+ * }
1374
+ *
1375
+ * @param {?object} maybeIterable
1376
+ * @return {?function}
1377
+ */
1378
+ function getIteratorFn(maybeIterable) {
1379
+ var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
1380
+ if (typeof iteratorFn === 'function') {
1381
+ return iteratorFn;
1382
+ }
1383
+ }
1384
+
1385
+ /**
1386
+ * Collection of methods that allow declaration and validation of props that are
1387
+ * supplied to React components. Example usage:
1388
+ *
1389
+ * var Props = require('ReactPropTypes');
1390
+ * var MyArticle = React.createClass({
1391
+ * propTypes: {
1392
+ * // An optional string prop named "description".
1393
+ * description: Props.string,
1394
+ *
1395
+ * // A required enum prop named "category".
1396
+ * category: Props.oneOf(['News','Photos']).isRequired,
1397
+ *
1398
+ * // A prop named "dialog" that requires an instance of Dialog.
1399
+ * dialog: Props.instanceOf(Dialog).isRequired
1400
+ * },
1401
+ * render: function() { ... }
1402
+ * });
1403
+ *
1404
+ * A more formal specification of how these methods are used:
1405
+ *
1406
+ * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
1407
+ * decl := ReactPropTypes.{type}(.isRequired)?
1408
+ *
1409
+ * Each and every declaration produces a function with the same signature. This
1410
+ * allows the creation of custom validation functions. For example:
1411
+ *
1412
+ * var MyLink = React.createClass({
1413
+ * propTypes: {
1414
+ * // An optional string or URI prop named "href".
1415
+ * href: function(props, propName, componentName) {
1416
+ * var propValue = props[propName];
1417
+ * if (propValue != null && typeof propValue !== 'string' &&
1418
+ * !(propValue instanceof URI)) {
1419
+ * return new Error(
1420
+ * 'Expected a string or an URI for ' + propName + ' in ' +
1421
+ * componentName
1422
+ * );
1423
+ * }
1424
+ * }
1425
+ * },
1426
+ * render: function() {...}
1427
+ * });
1428
+ *
1429
+ * @internal
1430
+ */
1431
+
1432
+ var ANONYMOUS = '<<anonymous>>';
1433
+
1434
+ // Important!
1435
+ // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
1436
+ var ReactPropTypes = {
1437
+ array: createPrimitiveTypeChecker('array'),
1438
+ bigint: createPrimitiveTypeChecker('bigint'),
1439
+ bool: createPrimitiveTypeChecker('boolean'),
1440
+ func: createPrimitiveTypeChecker('function'),
1441
+ number: createPrimitiveTypeChecker('number'),
1442
+ object: createPrimitiveTypeChecker('object'),
1443
+ string: createPrimitiveTypeChecker('string'),
1444
+ symbol: createPrimitiveTypeChecker('symbol'),
1445
+
1446
+ any: createAnyTypeChecker(),
1447
+ arrayOf: createArrayOfTypeChecker,
1448
+ element: createElementTypeChecker(),
1449
+ elementType: createElementTypeTypeChecker(),
1450
+ instanceOf: createInstanceTypeChecker,
1451
+ node: createNodeChecker(),
1452
+ objectOf: createObjectOfTypeChecker,
1453
+ oneOf: createEnumTypeChecker,
1454
+ oneOfType: createUnionTypeChecker,
1455
+ shape: createShapeTypeChecker,
1456
+ exact: createStrictShapeTypeChecker,
1457
+ };
1458
+
1459
+ /**
1460
+ * inlined Object.is polyfill to avoid requiring consumers ship their own
1461
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
1462
+ */
1463
+ /*eslint-disable no-self-compare*/
1464
+ function is(x, y) {
1465
+ // SameValue algorithm
1466
+ if (x === y) {
1467
+ // Steps 1-5, 7-10
1468
+ // Steps 6.b-6.e: +0 != -0
1469
+ return x !== 0 || 1 / x === 1 / y;
1470
+ } else {
1471
+ // Step 6.a: NaN == NaN
1472
+ return x !== x && y !== y;
1473
+ }
1474
+ }
1475
+ /*eslint-enable no-self-compare*/
1476
+
1477
+ /**
1478
+ * We use an Error-like object for backward compatibility as people may call
1479
+ * PropTypes directly and inspect their output. However, we don't use real
1480
+ * Errors anymore. We don't inspect their stack anyway, and creating them
1481
+ * is prohibitively expensive if they are created too often, such as what
1482
+ * happens in oneOfType() for any type before the one that matched.
1483
+ */
1484
+ function PropTypeError(message, data) {
1485
+ this.message = message;
1486
+ this.data = data && typeof data === 'object' ? data: {};
1487
+ this.stack = '';
1488
+ }
1489
+ // Make `instanceof Error` still work for returned errors.
1490
+ PropTypeError.prototype = Error.prototype;
1491
+
1492
+ function createChainableTypeChecker(validate) {
1493
+ if (process.env.NODE_ENV !== 'production') {
1494
+ var manualPropTypeCallCache = {};
1495
+ var manualPropTypeWarningCount = 0;
1496
+ }
1497
+ function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
1498
+ componentName = componentName || ANONYMOUS;
1499
+ propFullName = propFullName || propName;
1500
+
1501
+ if (secret !== ReactPropTypesSecret$1) {
1502
+ if (throwOnDirectAccess) {
1503
+ // New behavior only for users of `prop-types` package
1504
+ var err = new Error(
1505
+ 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
1506
+ 'Use `PropTypes.checkPropTypes()` to call them. ' +
1507
+ 'Read more at http://fb.me/use-check-prop-types'
1508
+ );
1509
+ err.name = 'Invariant Violation';
1510
+ throw err;
1511
+ } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
1512
+ // Old behavior for people using React.PropTypes
1513
+ var cacheKey = componentName + ':' + propName;
1514
+ if (
1515
+ !manualPropTypeCallCache[cacheKey] &&
1516
+ // Avoid spamming the console because they are often not actionable except for lib authors
1517
+ manualPropTypeWarningCount < 3
1518
+ ) {
1519
+ printWarning(
1520
+ 'You are manually calling a React.PropTypes validation ' +
1521
+ 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
1522
+ 'and will throw in the standalone `prop-types` package. ' +
1523
+ 'You may be seeing this warning due to a third-party PropTypes ' +
1524
+ 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
1525
+ );
1526
+ manualPropTypeCallCache[cacheKey] = true;
1527
+ manualPropTypeWarningCount++;
1528
+ }
1529
+ }
1530
+ }
1531
+ if (props[propName] == null) {
1532
+ if (isRequired) {
1533
+ if (props[propName] === null) {
1534
+ return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
1535
+ }
1536
+ return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
1537
+ }
1538
+ return null;
1539
+ } else {
1540
+ return validate(props, propName, componentName, location, propFullName);
1541
+ }
1542
+ }
1543
+
1544
+ var chainedCheckType = checkType.bind(null, false);
1545
+ chainedCheckType.isRequired = checkType.bind(null, true);
1546
+
1547
+ return chainedCheckType;
1548
+ }
1549
+
1550
+ function createPrimitiveTypeChecker(expectedType) {
1551
+ function validate(props, propName, componentName, location, propFullName, secret) {
1552
+ var propValue = props[propName];
1553
+ var propType = getPropType(propValue);
1554
+ if (propType !== expectedType) {
1555
+ // `propValue` being instance of, say, date/regexp, pass the 'object'
1556
+ // check, but we can offer a more precise error message here rather than
1557
+ // 'of type `object`'.
1558
+ var preciseType = getPreciseType(propValue);
1559
+
1560
+ return new PropTypeError(
1561
+ 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
1562
+ {expectedType: expectedType}
1563
+ );
1564
+ }
1565
+ return null;
1566
+ }
1567
+ return createChainableTypeChecker(validate);
1568
+ }
1569
+
1570
+ function createAnyTypeChecker() {
1571
+ return createChainableTypeChecker(emptyFunctionThatReturnsNull);
1572
+ }
1573
+
1574
+ function createArrayOfTypeChecker(typeChecker) {
1575
+ function validate(props, propName, componentName, location, propFullName) {
1576
+ if (typeof typeChecker !== 'function') {
1577
+ return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
1578
+ }
1579
+ var propValue = props[propName];
1580
+ if (!Array.isArray(propValue)) {
1581
+ var propType = getPropType(propValue);
1582
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
1583
+ }
1584
+ for (var i = 0; i < propValue.length; i++) {
1585
+ var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$1);
1586
+ if (error instanceof Error) {
1587
+ return error;
1588
+ }
1589
+ }
1590
+ return null;
1591
+ }
1592
+ return createChainableTypeChecker(validate);
1593
+ }
1594
+
1595
+ function createElementTypeChecker() {
1596
+ function validate(props, propName, componentName, location, propFullName) {
1597
+ var propValue = props[propName];
1598
+ if (!isValidElement(propValue)) {
1599
+ var propType = getPropType(propValue);
1600
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
1601
+ }
1602
+ return null;
1603
+ }
1604
+ return createChainableTypeChecker(validate);
1605
+ }
1606
+
1607
+ function createElementTypeTypeChecker() {
1608
+ function validate(props, propName, componentName, location, propFullName) {
1609
+ var propValue = props[propName];
1610
+ if (!ReactIs$1.isValidElementType(propValue)) {
1611
+ var propType = getPropType(propValue);
1612
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
1613
+ }
1614
+ return null;
1615
+ }
1616
+ return createChainableTypeChecker(validate);
1617
+ }
1618
+
1619
+ function createInstanceTypeChecker(expectedClass) {
1620
+ function validate(props, propName, componentName, location, propFullName) {
1621
+ if (!(props[propName] instanceof expectedClass)) {
1622
+ var expectedClassName = expectedClass.name || ANONYMOUS;
1623
+ var actualClassName = getClassName(props[propName]);
1624
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
1625
+ }
1626
+ return null;
1627
+ }
1628
+ return createChainableTypeChecker(validate);
1629
+ }
1630
+
1631
+ function createEnumTypeChecker(expectedValues) {
1632
+ if (!Array.isArray(expectedValues)) {
1633
+ if (process.env.NODE_ENV !== 'production') {
1634
+ if (arguments.length > 1) {
1635
+ printWarning(
1636
+ 'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
1637
+ 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
1638
+ );
1639
+ } else {
1640
+ printWarning('Invalid argument supplied to oneOf, expected an array.');
1641
+ }
1642
+ }
1643
+ return emptyFunctionThatReturnsNull;
1644
+ }
1645
+
1646
+ function validate(props, propName, componentName, location, propFullName) {
1647
+ var propValue = props[propName];
1648
+ for (var i = 0; i < expectedValues.length; i++) {
1649
+ if (is(propValue, expectedValues[i])) {
1650
+ return null;
1651
+ }
1652
+ }
1653
+
1654
+ var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
1655
+ var type = getPreciseType(value);
1656
+ if (type === 'symbol') {
1657
+ return String(value);
1658
+ }
1659
+ return value;
1660
+ });
1661
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
1662
+ }
1663
+ return createChainableTypeChecker(validate);
1664
+ }
1665
+
1666
+ function createObjectOfTypeChecker(typeChecker) {
1667
+ function validate(props, propName, componentName, location, propFullName) {
1668
+ if (typeof typeChecker !== 'function') {
1669
+ return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
1670
+ }
1671
+ var propValue = props[propName];
1672
+ var propType = getPropType(propValue);
1673
+ if (propType !== 'object') {
1674
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
1675
+ }
1676
+ for (var key in propValue) {
1677
+ if (has(propValue, key)) {
1678
+ var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
1679
+ if (error instanceof Error) {
1680
+ return error;
1681
+ }
1682
+ }
1683
+ }
1684
+ return null;
1685
+ }
1686
+ return createChainableTypeChecker(validate);
1687
+ }
1688
+
1689
+ function createUnionTypeChecker(arrayOfTypeCheckers) {
1690
+ if (!Array.isArray(arrayOfTypeCheckers)) {
1691
+ process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
1692
+ return emptyFunctionThatReturnsNull;
1693
+ }
1694
+
1695
+ for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
1696
+ var checker = arrayOfTypeCheckers[i];
1697
+ if (typeof checker !== 'function') {
1698
+ printWarning(
1699
+ 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
1700
+ 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
1701
+ );
1702
+ return emptyFunctionThatReturnsNull;
1703
+ }
1704
+ }
1705
+
1706
+ function validate(props, propName, componentName, location, propFullName) {
1707
+ var expectedTypes = [];
1708
+ for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
1709
+ var checker = arrayOfTypeCheckers[i];
1710
+ var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$1);
1711
+ if (checkerResult == null) {
1712
+ return null;
1713
+ }
1714
+ if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
1715
+ expectedTypes.push(checkerResult.data.expectedType);
1716
+ }
1717
+ }
1718
+ var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
1719
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
1720
+ }
1721
+ return createChainableTypeChecker(validate);
1722
+ }
1723
+
1724
+ function createNodeChecker() {
1725
+ function validate(props, propName, componentName, location, propFullName) {
1726
+ if (!isNode(props[propName])) {
1727
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
1728
+ }
1729
+ return null;
1730
+ }
1731
+ return createChainableTypeChecker(validate);
1732
+ }
1733
+
1734
+ function invalidValidatorError(componentName, location, propFullName, key, type) {
1735
+ return new PropTypeError(
1736
+ (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
1737
+ 'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
1738
+ );
1739
+ }
1740
+
1741
+ function createShapeTypeChecker(shapeTypes) {
1742
+ function validate(props, propName, componentName, location, propFullName) {
1743
+ var propValue = props[propName];
1744
+ var propType = getPropType(propValue);
1745
+ if (propType !== 'object') {
1746
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
1747
+ }
1748
+ for (var key in shapeTypes) {
1749
+ var checker = shapeTypes[key];
1750
+ if (typeof checker !== 'function') {
1751
+ return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
1752
+ }
1753
+ var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
1754
+ if (error) {
1755
+ return error;
1756
+ }
1757
+ }
1758
+ return null;
1759
+ }
1760
+ return createChainableTypeChecker(validate);
1761
+ }
1762
+
1763
+ function createStrictShapeTypeChecker(shapeTypes) {
1764
+ function validate(props, propName, componentName, location, propFullName) {
1765
+ var propValue = props[propName];
1766
+ var propType = getPropType(propValue);
1767
+ if (propType !== 'object') {
1768
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
1769
+ }
1770
+ // We need to check all keys in case some are required but missing from props.
1771
+ var allKeys = assign({}, props[propName], shapeTypes);
1772
+ for (var key in allKeys) {
1773
+ var checker = shapeTypes[key];
1774
+ if (has(shapeTypes, key) && typeof checker !== 'function') {
1775
+ return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
1776
+ }
1777
+ if (!checker) {
1778
+ return new PropTypeError(
1779
+ 'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
1780
+ '\nBad object: ' + JSON.stringify(props[propName], null, ' ') +
1781
+ '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')
1782
+ );
1783
+ }
1784
+ var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
1785
+ if (error) {
1786
+ return error;
1787
+ }
1788
+ }
1789
+ return null;
1790
+ }
1791
+
1792
+ return createChainableTypeChecker(validate);
1793
+ }
1794
+
1795
+ function isNode(propValue) {
1796
+ switch (typeof propValue) {
1797
+ case 'number':
1798
+ case 'string':
1799
+ case 'undefined':
1800
+ return true;
1801
+ case 'boolean':
1802
+ return !propValue;
1803
+ case 'object':
1804
+ if (Array.isArray(propValue)) {
1805
+ return propValue.every(isNode);
1806
+ }
1807
+ if (propValue === null || isValidElement(propValue)) {
1808
+ return true;
1809
+ }
1810
+
1811
+ var iteratorFn = getIteratorFn(propValue);
1812
+ if (iteratorFn) {
1813
+ var iterator = iteratorFn.call(propValue);
1814
+ var step;
1815
+ if (iteratorFn !== propValue.entries) {
1816
+ while (!(step = iterator.next()).done) {
1817
+ if (!isNode(step.value)) {
1818
+ return false;
1819
+ }
1820
+ }
1821
+ } else {
1822
+ // Iterator will provide entry [k,v] tuples rather than values.
1823
+ while (!(step = iterator.next()).done) {
1824
+ var entry = step.value;
1825
+ if (entry) {
1826
+ if (!isNode(entry[1])) {
1827
+ return false;
1828
+ }
1829
+ }
1830
+ }
1831
+ }
1832
+ } else {
1833
+ return false;
1834
+ }
1835
+
1836
+ return true;
1837
+ default:
1838
+ return false;
1839
+ }
1840
+ }
1841
+
1842
+ function isSymbol(propType, propValue) {
1843
+ // Native Symbol.
1844
+ if (propType === 'symbol') {
1845
+ return true;
1846
+ }
1847
+
1848
+ // falsy value can't be a Symbol
1849
+ if (!propValue) {
1850
+ return false;
1851
+ }
1852
+
1853
+ // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
1854
+ if (propValue['@@toStringTag'] === 'Symbol') {
1855
+ return true;
1856
+ }
1857
+
1858
+ // Fallback for non-spec compliant Symbols which are polyfilled.
1859
+ if (typeof Symbol === 'function' && propValue instanceof Symbol) {
1860
+ return true;
1861
+ }
1862
+
1863
+ return false;
1864
+ }
1865
+
1866
+ // Equivalent of `typeof` but with special handling for array and regexp.
1867
+ function getPropType(propValue) {
1868
+ var propType = typeof propValue;
1869
+ if (Array.isArray(propValue)) {
1870
+ return 'array';
1871
+ }
1872
+ if (propValue instanceof RegExp) {
1873
+ // Old webkits (at least until Android 4.0) return 'function' rather than
1874
+ // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
1875
+ // passes PropTypes.object.
1876
+ return 'object';
1877
+ }
1878
+ if (isSymbol(propType, propValue)) {
1879
+ return 'symbol';
1880
+ }
1881
+ return propType;
1882
+ }
1883
+
1884
+ // This handles more types than `getPropType`. Only used for error messages.
1885
+ // See `createPrimitiveTypeChecker`.
1886
+ function getPreciseType(propValue) {
1887
+ if (typeof propValue === 'undefined' || propValue === null) {
1888
+ return '' + propValue;
1889
+ }
1890
+ var propType = getPropType(propValue);
1891
+ if (propType === 'object') {
1892
+ if (propValue instanceof Date) {
1893
+ return 'date';
1894
+ } else if (propValue instanceof RegExp) {
1895
+ return 'regexp';
1896
+ }
1897
+ }
1898
+ return propType;
1899
+ }
1900
+
1901
+ // Returns a string that is postfixed to a warning about an invalid type.
1902
+ // For example, "undefined" or "of type array"
1903
+ function getPostfixForTypeWarning(value) {
1904
+ var type = getPreciseType(value);
1905
+ switch (type) {
1906
+ case 'array':
1907
+ case 'object':
1908
+ return 'an ' + type;
1909
+ case 'boolean':
1910
+ case 'date':
1911
+ case 'regexp':
1912
+ return 'a ' + type;
1913
+ default:
1914
+ return type;
1915
+ }
1916
+ }
1917
+
1918
+ // Returns class name of the object, if any.
1919
+ function getClassName(propValue) {
1920
+ if (!propValue.constructor || !propValue.constructor.name) {
1921
+ return ANONYMOUS;
1922
+ }
1923
+ return propValue.constructor.name;
1924
+ }
1925
+
1926
+ ReactPropTypes.checkPropTypes = checkPropTypes;
1927
+ ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
1928
+ ReactPropTypes.PropTypes = ReactPropTypes;
1929
+
1930
+ return ReactPropTypes;
1931
+ };
1932
+
1933
+ /**
1934
+ * Copyright (c) 2013-present, Facebook, Inc.
1935
+ *
1936
+ * This source code is licensed under the MIT license found in the
1937
+ * LICENSE file in the root directory of this source tree.
1938
+ */
1939
+
1940
+ var ReactPropTypesSecret = ReactPropTypesSecret_1;
1941
+
1942
+ function emptyFunction() {}
1943
+ function emptyFunctionWithReset() {}
1944
+ emptyFunctionWithReset.resetWarningCache = emptyFunction;
1945
+
1946
+ var factoryWithThrowingShims = function() {
1947
+ function shim(props, propName, componentName, location, propFullName, secret) {
1948
+ if (secret === ReactPropTypesSecret) {
1949
+ // It is still safe when called from React.
1950
+ return;
1951
+ }
1952
+ var err = new Error(
1953
+ 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
1954
+ 'Use PropTypes.checkPropTypes() to call them. ' +
1955
+ 'Read more at http://fb.me/use-check-prop-types'
1956
+ );
1957
+ err.name = 'Invariant Violation';
1958
+ throw err;
1959
+ } shim.isRequired = shim;
1960
+ function getShim() {
1961
+ return shim;
1962
+ } // Important!
1963
+ // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
1964
+ var ReactPropTypes = {
1965
+ array: shim,
1966
+ bigint: shim,
1967
+ bool: shim,
1968
+ func: shim,
1969
+ number: shim,
1970
+ object: shim,
1971
+ string: shim,
1972
+ symbol: shim,
1973
+
1974
+ any: shim,
1975
+ arrayOf: getShim,
1976
+ element: shim,
1977
+ elementType: shim,
1978
+ instanceOf: getShim,
1979
+ node: shim,
1980
+ objectOf: getShim,
1981
+ oneOf: getShim,
1982
+ oneOfType: getShim,
1983
+ shape: getShim,
1984
+ exact: getShim,
1985
+
1986
+ checkPropTypes: emptyFunctionWithReset,
1987
+ resetWarningCache: emptyFunction
1988
+ };
1989
+
1990
+ ReactPropTypes.PropTypes = ReactPropTypes;
1991
+
1992
+ return ReactPropTypes;
1993
+ };
1994
+
1995
+ /**
1996
+ * Copyright (c) 2013-present, Facebook, Inc.
1997
+ *
1998
+ * This source code is licensed under the MIT license found in the
1999
+ * LICENSE file in the root directory of this source tree.
2000
+ */
2001
+
2002
+ if (process.env.NODE_ENV !== 'production') {
2003
+ var ReactIs = reactIs.exports;
2004
+
2005
+ // By explicitly using `prop-types` you are opting into new development behavior.
2006
+ // http://fb.me/prop-types-in-prod
2007
+ var throwOnDirectAccess = true;
2008
+ propTypes.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
2009
+ } else {
2010
+ // By explicitly using `prop-types` you are opting into new production behavior.
2011
+ // http://fb.me/prop-types-in-prod
2012
+ propTypes.exports = factoryWithThrowingShims();
2013
+ }
2014
+
2015
+ var PropTypes = propTypes.exports;
2016
+
2017
+ /**
2018
+ * TODO v5: consider making it private
2019
+ *
2020
+ * passes {value} to {ref}
2021
+ *
2022
+ * WARNING: Be sure to only call this inside a callback that is passed as a ref.
2023
+ * Otherwise, make sure to cleanup the previous {ref} if it changes. See
2024
+ * https://github.com/mui/material-ui/issues/13539
2025
+ *
2026
+ * Useful if you want to expose the ref of an inner component to the public API
2027
+ * while still using it inside the component.
2028
+ * @param ref A ref callback or ref object. If anything falsy, this is a no-op.
2029
+ */
2030
+ function setRef(ref, value) {
2031
+ if (typeof ref === 'function') {
2032
+ ref(value);
2033
+ } else if (ref) {
2034
+ ref.current = value;
2035
+ }
2036
+ }
2037
+
2038
+ const useEnhancedEffect$2 = typeof window !== 'undefined' ? React$2.useLayoutEffect : React$2.useEffect;
2039
+ var useEnhancedEffect$3 = useEnhancedEffect$2;
2040
+
2041
+ let globalId = 0;
2042
+ function useGlobalId(idOverride) {
2043
+ const [defaultId, setDefaultId] = React$2.useState(idOverride);
2044
+ const id = idOverride || defaultId;
2045
+ React$2.useEffect(() => {
2046
+ if (defaultId == null) {
2047
+ // Fallback to this default id when possible.
2048
+ // Use the incrementing value for client-side rendering only.
2049
+ // We can't use it server-side.
2050
+ // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
2051
+ globalId += 1;
2052
+ setDefaultId(`mui-${globalId}`);
2053
+ }
2054
+ }, [defaultId]);
2055
+ return id;
2056
+ }
2057
+
2058
+ // eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
2059
+ const maybeReactUseId = React$2['useId' + ''];
2060
+ /**
2061
+ *
2062
+ * @example <div id={useId()} />
2063
+ * @param idOverride
2064
+ * @returns {string}
2065
+ */
2066
+ function useId(idOverride) {
2067
+ if (maybeReactUseId !== undefined) {
2068
+ const reactId = maybeReactUseId();
2069
+ return idOverride != null ? idOverride : reactId;
2070
+ }
2071
+ // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
2072
+ return useGlobalId(idOverride);
2073
+ }
2074
+
2075
+ /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
2076
+ function useControlled({
2077
+ controlled,
2078
+ default: defaultProp,
2079
+ name,
2080
+ state = 'value'
2081
+ }) {
2082
+ // isControlled is ignored in the hook dependency lists as it should never change.
2083
+ const {
2084
+ current: isControlled
2085
+ } = React$2.useRef(controlled !== undefined);
2086
+ const [valueState, setValue] = React$2.useState(defaultProp);
2087
+ const value = isControlled ? controlled : valueState;
2088
+ if (process.env.NODE_ENV !== 'production') {
2089
+ React$2.useEffect(() => {
2090
+ if (isControlled !== (controlled !== undefined)) {
2091
+ console.error([`MUI: A component is changing the ${isControlled ? '' : 'un'}controlled ${state} state of ${name} to be ${isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${name} ` + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
2092
+ }
2093
+ }, [state, name, controlled]);
2094
+ const {
2095
+ current: defaultValue
2096
+ } = React$2.useRef(defaultProp);
2097
+ React$2.useEffect(() => {
2098
+ if (!isControlled && defaultValue !== defaultProp) {
2099
+ console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` + `To suppress this warning opt to use a controlled ${name}.`].join('\n'));
2100
+ }
2101
+ }, [JSON.stringify(defaultProp)]);
2102
+ }
2103
+ const setValueIfUncontrolled = React$2.useCallback(newValue => {
2104
+ if (!isControlled) {
2105
+ setValue(newValue);
2106
+ }
2107
+ }, []);
2108
+ return [value, setValueIfUncontrolled];
2109
+ }
2110
+
2111
+ function useForkRef(...refs) {
2112
+ /**
2113
+ * This will create a new function if the refs passed to this hook change and are all defined.
2114
+ * This means react will call the old forkRef with `null` and the new forkRef
2115
+ * with the ref. Cleanup naturally emerges from this behavior.
2116
+ */
2117
+ return React$2.useMemo(() => {
2118
+ if (refs.every(ref => ref == null)) {
2119
+ return null;
2120
+ }
2121
+ return instance => {
2122
+ refs.forEach(ref => {
2123
+ setRef(ref, instance);
2124
+ });
2125
+ };
2126
+ // eslint-disable-next-line react-hooks/exhaustive-deps
2127
+ }, refs);
2128
+ }
2129
+
2130
+ function composeClasses(slots, getUtilityClass, classes = undefined) {
2131
+ const output = {};
2132
+ Object.keys(slots).forEach(
2133
+ // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
2134
+ // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
2135
+ slot => {
2136
+ output[slot] = slots[slot].reduce((acc, key) => {
2137
+ if (key) {
2138
+ const utilityClass = getUtilityClass(key);
2139
+ if (utilityClass !== '') {
2140
+ acc.push(utilityClass);
2141
+ }
2142
+ if (classes && classes[key]) {
2143
+ acc.push(classes[key]);
2144
+ }
2145
+ }
2146
+ return acc;
2147
+ }, []).join(' ');
2148
+ });
2149
+ return output;
2150
+ }
2151
+
2152
+ const defaultGenerator = componentName => componentName;
2153
+ const createClassNameGenerator = () => {
2154
+ let generate = defaultGenerator;
2155
+ return {
2156
+ configure(generator) {
2157
+ generate = generator;
2158
+ },
2159
+ generate(componentName) {
2160
+ return generate(componentName);
2161
+ },
2162
+ reset() {
2163
+ generate = defaultGenerator;
2164
+ }
2165
+ };
2166
+ };
2167
+ const ClassNameGenerator = createClassNameGenerator();
2168
+ var ClassNameGenerator$1 = ClassNameGenerator;
2169
+
2170
+ const globalStateClassesMapping = {
2171
+ active: 'active',
2172
+ checked: 'checked',
2173
+ completed: 'completed',
2174
+ disabled: 'disabled',
2175
+ readOnly: 'readOnly',
2176
+ error: 'error',
2177
+ expanded: 'expanded',
2178
+ focused: 'focused',
2179
+ focusVisible: 'focusVisible',
2180
+ required: 'required',
2181
+ selected: 'selected'
2182
+ };
2183
+ function generateUtilityClass(componentName, slot, globalStatePrefix = 'Mui') {
2184
+ const globalStateClass = globalStateClassesMapping[slot];
2185
+ return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator$1.generate(componentName)}-${slot}`;
2186
+ }
2187
+
2188
+ function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {
2189
+ const result = {};
2190
+ slots.forEach(slot => {
2191
+ result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
2192
+ });
2193
+ return result;
2194
+ }
2195
+
2196
+ var useEventCallback$1 = {};
2197
+
2198
+ var interopRequireDefault = {exports: {}};
2199
+
2200
+ (function (module) {
2201
+ function _interopRequireDefault(obj) {
2202
+ return obj && obj.__esModule ? obj : {
2203
+ "default": obj
2204
+ };
2205
+ }
2206
+ module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
2207
+ }(interopRequireDefault));
2208
+
2209
+ var useEnhancedEffect$1 = {};
2210
+
2211
+ Object.defineProperty(useEnhancedEffect$1, "__esModule", {
2212
+ value: true
2213
+ });
2214
+ useEnhancedEffect$1.default = void 0;
2215
+ var React$1 = _interopRequireWildcard$1(React__default);
2216
+ function _getRequireWildcardCache$1(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache$1 = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
2217
+ function _interopRequireWildcard$1(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$1(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; }
2218
+ const useEnhancedEffect = typeof window !== 'undefined' ? React$1.useLayoutEffect : React$1.useEffect;
2219
+ var _default$1 = useEnhancedEffect;
2220
+ useEnhancedEffect$1.default = _default$1;
2221
+
2222
+ var _interopRequireDefault = interopRequireDefault.exports;
2223
+ Object.defineProperty(useEventCallback$1, "__esModule", {
2224
+ value: true
2225
+ });
2226
+ var _default = useEventCallback$1.default = useEventCallback;
2227
+ var React = _interopRequireWildcard(React__default);
2228
+ var _useEnhancedEffect = _interopRequireDefault(useEnhancedEffect$1);
2229
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
2230
+ 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; }
2231
+ /**
2232
+ * https://github.com/facebook/react/issues/14099#issuecomment-440013892
2233
+ */
2234
+ function useEventCallback(fn) {
2235
+ const ref = React.useRef(fn);
2236
+ (0, _useEnhancedEffect.default)(() => {
2237
+ ref.current = fn;
2238
+ });
2239
+ return React.useCallback((...args) =>
2240
+ // @ts-expect-error hide `this`
2241
+ // tslint:disable-next-line:ban-comma-operator
2242
+ (0, ref.current)(...args), []);
2243
+ }
2244
+
2245
+ const MuiPickersAdapterContext = /*#__PURE__*/React$2.createContext(null);
2246
+ if (process.env.NODE_ENV !== 'production') {
2247
+ MuiPickersAdapterContext.displayName = 'MuiPickersAdapterContext';
2248
+ }
2249
+ process.env.NODE_ENV !== "production" ? {
2250
+ // ----------------------------- Warning --------------------------------
2251
+ // | These PropTypes are generated from the TypeScript type definitions |
2252
+ // | To update them edit the TypeScript types and run "yarn proptypes" |
2253
+ // ----------------------------------------------------------------------
2254
+ /**
2255
+ * Locale for the date library you are using
2256
+ */
2257
+ adapterLocale: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
2258
+ children: PropTypes.node,
2259
+ /**
2260
+ * Date library adapter class function.
2261
+ * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#setup-your-date-library-adapter date adapter setup section} for more details.
2262
+ */
2263
+ dateAdapter: PropTypes.func,
2264
+ /**
2265
+ * Formats that are used for any child pickers
2266
+ */
2267
+ dateFormats: PropTypes.shape({
2268
+ dayOfMonth: PropTypes.string,
2269
+ fullDate: PropTypes.string,
2270
+ fullDateTime: PropTypes.string,
2271
+ fullDateTime12h: PropTypes.string,
2272
+ fullDateTime24h: PropTypes.string,
2273
+ fullDateWithWeekday: PropTypes.string,
2274
+ fullTime: PropTypes.string,
2275
+ fullTime12h: PropTypes.string,
2276
+ fullTime24h: PropTypes.string,
2277
+ hours12h: PropTypes.string,
2278
+ hours24h: PropTypes.string,
2279
+ keyboardDate: PropTypes.string,
2280
+ keyboardDateTime: PropTypes.string,
2281
+ keyboardDateTime12h: PropTypes.string,
2282
+ keyboardDateTime24h: PropTypes.string,
2283
+ minutes: PropTypes.string,
2284
+ month: PropTypes.string,
2285
+ monthAndDate: PropTypes.string,
2286
+ monthAndYear: PropTypes.string,
2287
+ monthShort: PropTypes.string,
2288
+ normalDate: PropTypes.string,
2289
+ normalDateWithWeekday: PropTypes.string,
2290
+ seconds: PropTypes.string,
2291
+ shortDate: PropTypes.string,
2292
+ weekday: PropTypes.string,
2293
+ weekdayShort: PropTypes.string,
2294
+ year: PropTypes.string
2295
+ }),
2296
+ /**
2297
+ * Date library instance you are using, if it has some global overrides
2298
+ * ```jsx
2299
+ * dateLibInstance={momentTimeZone}
2300
+ * ```
2301
+ */
2302
+ dateLibInstance: PropTypes.any,
2303
+ /**
2304
+ * Locale for components texts
2305
+ */
2306
+ localeText: PropTypes.object
2307
+ } : void 0;
2308
+
2309
+ const getPickersLocalization = pickersTranslations => {
2310
+ return {
2311
+ components: {
2312
+ MuiLocalizationProvider: {
2313
+ defaultProps: {
2314
+ localeText: _extends({}, pickersTranslations)
2315
+ }
2316
+ }
2317
+ }
2318
+ };
2319
+ };
2320
+
2321
+ // This object is not Partial<PickersLocaleText> because it is the default values
2322
+
2323
+ const enUSPickers = {
2324
+ // Calendar navigation
2325
+ previousMonth: 'Previous month',
2326
+ nextMonth: 'Next month',
2327
+ // View navigation
2328
+ openPreviousView: 'open previous view',
2329
+ openNextView: 'open next view',
2330
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
2331
+ // DateRange placeholders
2332
+ start: 'Start',
2333
+ end: 'End',
2334
+ // Action bar
2335
+ cancelButtonLabel: 'Cancel',
2336
+ clearButtonLabel: 'Clear',
2337
+ okButtonLabel: 'OK',
2338
+ todayButtonLabel: 'Today',
2339
+ // Toolbar titles
2340
+ datePickerToolbarTitle: 'Select date',
2341
+ dateTimePickerToolbarTitle: 'Select date & time',
2342
+ timePickerToolbarTitle: 'Select time',
2343
+ dateRangePickerToolbarTitle: 'Select date range',
2344
+ // Clock labels
2345
+ clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
2346
+ hoursClockNumberText: hours => `${hours} hours`,
2347
+ minutesClockNumberText: minutes => `${minutes} minutes`,
2348
+ secondsClockNumberText: seconds => `${seconds} seconds`,
2349
+ // Calendar labels
2350
+ calendarWeekNumberHeaderLabel: 'Week number',
2351
+ calendarWeekNumberHeaderText: '#',
2352
+ calendarWeekNumberAriaLabelText: weekNumber => `Week ${weekNumber}`,
2353
+ calendarWeekNumberText: weekNumber => `${weekNumber}`,
2354
+ // Open picker labels
2355
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Choose date, selected date is ${utils.format(value, 'fullDate')}` : 'Choose date',
2356
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Choose time, selected time is ${utils.format(value, 'fullTime')}` : 'Choose time',
2357
+ // Table labels
2358
+ timeTableLabel: 'pick time',
2359
+ dateTableLabel: 'pick date',
2360
+ // Field section placeholders
2361
+ fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
2362
+ fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
2363
+ fieldDayPlaceholder: () => 'DD',
2364
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
2365
+ fieldHoursPlaceholder: () => 'hh',
2366
+ fieldMinutesPlaceholder: () => 'mm',
2367
+ fieldSecondsPlaceholder: () => 'ss',
2368
+ fieldMeridiemPlaceholder: () => 'aa'
2369
+ };
2370
+ const DEFAULT_LOCALE = enUSPickers;
2371
+ getPickersLocalization(enUSPickers);
2372
+
2373
+ const useLocalizationContext = () => {
2374
+ const localization = React$2.useContext(MuiPickersAdapterContext);
2375
+ if (localization === null) {
2376
+ throw new Error(['MUI: Can not find the date and time pickers localization context.', 'It looks like you forgot to wrap your component in LocalizationProvider.', 'This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package'].join('\n'));
2377
+ }
2378
+ if (localization.utils === null) {
2379
+ throw new Error(['MUI: Can not find the date and time pickers adapter from its localization context.', 'It looks like you forgot to pass a `dateAdapter` to your LocalizationProvider.'].join('\n'));
2380
+ }
2381
+ const localeText = React$2.useMemo(() => _extends({}, DEFAULT_LOCALE, localization.localeText), [localization.localeText]);
2382
+ return React$2.useMemo(() => _extends({}, localization, {
2383
+ localeText
2384
+ }), [localization, localeText]);
2385
+ };
2386
+ const useUtils = () => useLocalizationContext().utils;
2387
+ const useLocaleText = () => useLocalizationContext().localeText;
2388
+ const useNow = () => {
2389
+ const utils = useUtils();
2390
+ const now = React$2.useRef(utils.date());
2391
+ return now.current;
2392
+ };
2393
+
2394
+ /**
2395
+ * Determines if a given element is a DOM element name (i.e. not a React component).
2396
+ */
2397
+ function isHostComponent(element) {
2398
+ return typeof element === 'string';
2399
+ }
2400
+
2401
+ /**
2402
+ * Type of the ownerState based on the type of an element it applies to.
2403
+ * This resolves to the provided OwnerState for React components and `undefined` for host components.
2404
+ * Falls back to `OwnerState | undefined` when the exact type can't be determined in development time.
2405
+ */
2406
+
2407
+ /**
2408
+ * Appends the ownerState object to the props, merging with the existing one if necessary.
2409
+ *
2410
+ * @param elementType Type of the element that owns the `existingProps`. If the element is a DOM node or undefined, `ownerState` is not applied.
2411
+ * @param otherProps Props of the element.
2412
+ * @param ownerState
2413
+ */
2414
+ function appendOwnerState(elementType, otherProps, ownerState) {
2415
+ if (elementType === undefined || isHostComponent(elementType)) {
2416
+ return otherProps;
2417
+ }
2418
+ return _extends({}, otherProps, {
2419
+ ownerState: _extends({}, otherProps.ownerState, ownerState)
2420
+ });
2421
+ }
2422
+
2423
+ /**
2424
+ * Extracts event handlers from a given object.
2425
+ * A prop is considered an event handler if it is a function and its name starts with `on`.
2426
+ *
2427
+ * @param object An object to extract event handlers from.
2428
+ * @param excludeKeys An array of keys to exclude from the returned object.
2429
+ */
2430
+ function extractEventHandlers(object, excludeKeys = []) {
2431
+ if (object === undefined) {
2432
+ return {};
2433
+ }
2434
+ const result = {};
2435
+ Object.keys(object).filter(prop => prop.match(/^on[A-Z]/) && typeof object[prop] === 'function' && !excludeKeys.includes(prop)).forEach(prop => {
2436
+ result[prop] = object[prop];
2437
+ });
2438
+ return result;
2439
+ }
2440
+
2441
+ /**
2442
+ * If `componentProps` is a function, calls it with the provided `ownerState`.
2443
+ * Otherwise, just returns `componentProps`.
2444
+ */
2445
+ function resolveComponentProps(componentProps, ownerState) {
2446
+ if (typeof componentProps === 'function') {
2447
+ return componentProps(ownerState);
2448
+ }
2449
+ return componentProps;
2450
+ }
2451
+
2452
+ /**
2453
+ * Removes event handlers from the given object.
2454
+ * A field is considered an event handler if it is a function with a name beginning with `on`.
2455
+ *
2456
+ * @param object Object to remove event handlers from.
2457
+ * @returns Object with event handlers removed.
2458
+ */
2459
+ function omitEventHandlers(object) {
2460
+ if (object === undefined) {
2461
+ return {};
2462
+ }
2463
+ const result = {};
2464
+ Object.keys(object).filter(prop => !(prop.match(/^on[A-Z]/) && typeof object[prop] === 'function')).forEach(prop => {
2465
+ result[prop] = object[prop];
2466
+ });
2467
+ return result;
2468
+ }
2469
+
2470
+ /**
2471
+ * Merges the slot component internal props (usually coming from a hook)
2472
+ * with the externally provided ones.
2473
+ *
2474
+ * The merge order is (the latter overrides the former):
2475
+ * 1. The internal props (specified as a getter function to work with get*Props hook result)
2476
+ * 2. Additional props (specified internally on an unstyled component)
2477
+ * 3. External props specified on the owner component. These should only be used on a root slot.
2478
+ * 4. External props specified in the `slotProps.*` prop.
2479
+ * 5. The `className` prop - combined from all the above.
2480
+ * @param parameters
2481
+ * @returns
2482
+ */
2483
+ function mergeSlotProps(parameters) {
2484
+ const {
2485
+ getSlotProps,
2486
+ additionalProps,
2487
+ externalSlotProps,
2488
+ externalForwardedProps,
2489
+ className
2490
+ } = parameters;
2491
+ if (!getSlotProps) {
2492
+ // The simpler case - getSlotProps is not defined, so no internal event handlers are defined,
2493
+ // so we can simply merge all the props without having to worry about extracting event handlers.
2494
+ const joinedClasses = clsx(externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className, className, additionalProps == null ? void 0 : additionalProps.className);
2495
+ const mergedStyle = _extends({}, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);
2496
+ const props = _extends({}, additionalProps, externalForwardedProps, externalSlotProps);
2497
+ if (joinedClasses.length > 0) {
2498
+ props.className = joinedClasses;
2499
+ }
2500
+ if (Object.keys(mergedStyle).length > 0) {
2501
+ props.style = mergedStyle;
2502
+ }
2503
+ return {
2504
+ props,
2505
+ internalRef: undefined
2506
+ };
2507
+ }
2508
+
2509
+ // In this case, getSlotProps is responsible for calling the external event handlers.
2510
+ // We don't need to include them in the merged props because of this.
2511
+
2512
+ const eventHandlers = extractEventHandlers(_extends({}, externalForwardedProps, externalSlotProps));
2513
+ const componentsPropsWithoutEventHandlers = omitEventHandlers(externalSlotProps);
2514
+ const otherPropsWithoutEventHandlers = omitEventHandlers(externalForwardedProps);
2515
+ const internalSlotProps = getSlotProps(eventHandlers);
2516
+
2517
+ // The order of classes is important here.
2518
+ // Emotion (that we use in libraries consuming Base UI) depends on this order
2519
+ // to properly override style. It requires the most important classes to be last
2520
+ // (see https://github.com/mui/material-ui/pull/33205) for the related discussion.
2521
+ const joinedClasses = clsx(internalSlotProps == null ? void 0 : internalSlotProps.className, additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
2522
+ const mergedStyle = _extends({}, internalSlotProps == null ? void 0 : internalSlotProps.style, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);
2523
+ const props = _extends({}, internalSlotProps, additionalProps, otherPropsWithoutEventHandlers, componentsPropsWithoutEventHandlers);
2524
+ if (joinedClasses.length > 0) {
2525
+ props.className = joinedClasses;
2526
+ }
2527
+ if (Object.keys(mergedStyle).length > 0) {
2528
+ props.style = mergedStyle;
2529
+ }
2530
+ return {
2531
+ props,
2532
+ internalRef: internalSlotProps.ref
2533
+ };
2534
+ }
2535
+
2536
+ const _excluded$4 = ["elementType", "externalSlotProps", "ownerState"];
2537
+ /**
2538
+ * @ignore - do not document.
2539
+ * Builds the props to be passed into the slot of an unstyled component.
2540
+ * It merges the internal props of the component with the ones supplied by the user, allowing to customize the behavior.
2541
+ * If the slot component is not a host component, it also merges in the `ownerState`.
2542
+ *
2543
+ * @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.
2544
+ */
2545
+ function useSlotProps(parameters) {
2546
+ var _parameters$additiona;
2547
+ const {
2548
+ elementType,
2549
+ externalSlotProps,
2550
+ ownerState
2551
+ } = parameters,
2552
+ rest = _objectWithoutPropertiesLoose(parameters, _excluded$4);
2553
+ const resolvedComponentsProps = resolveComponentProps(externalSlotProps, ownerState);
2554
+ const {
2555
+ props: mergedProps,
2556
+ internalRef
2557
+ } = mergeSlotProps(_extends({}, rest, {
2558
+ externalSlotProps: resolvedComponentsProps
2559
+ }));
2560
+ const ref = useForkRef(internalRef, resolvedComponentsProps == null ? void 0 : resolvedComponentsProps.ref, (_parameters$additiona = parameters.additionalProps) == null ? void 0 : _parameters$additiona.ref);
2561
+ const props = appendOwnerState(elementType, _extends({}, mergedProps, {
2562
+ ref
2563
+ }), ownerState);
2564
+ return props;
2565
+ }
2566
+
2567
+ createSvgIcon( /*#__PURE__*/jsx("path", {
2568
+ d: "M7 10l5 5 5-5z"
2569
+ }), 'ArrowDropDown');
2570
+
2571
+ /**
2572
+ * @ignore - internal component.
2573
+ */
2574
+ const ArrowLeft = createSvgIcon( /*#__PURE__*/jsx("path", {
2575
+ d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
2576
+ }), 'ArrowLeft');
2577
+
2578
+ /**
2579
+ * @ignore - internal component.
2580
+ */
2581
+ const ArrowRight = createSvgIcon( /*#__PURE__*/jsx("path", {
2582
+ d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
2583
+ }), 'ArrowRight');
2584
+
2585
+ /**
2586
+ * @ignore - internal component.
2587
+ */
2588
+ createSvgIcon( /*#__PURE__*/jsx("path", {
2589
+ d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
2590
+ }), 'Calendar');
2591
+
2592
+ /**
2593
+ * @ignore - internal component.
2594
+ */
2595
+ createSvgIcon( /*#__PURE__*/jsxs(React$2.Fragment, {
2596
+ children: [/*#__PURE__*/jsx("path", {
2597
+ d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
2598
+ }), /*#__PURE__*/jsx("path", {
2599
+ d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
2600
+ })]
2601
+ }), 'Clock');
2602
+
2603
+ /**
2604
+ * @ignore - internal component.
2605
+ */
2606
+ createSvgIcon( /*#__PURE__*/jsx("path", {
2607
+ d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
2608
+ }), 'DateRange');
2609
+
2610
+ /**
2611
+ * @ignore - internal component.
2612
+ */
2613
+ createSvgIcon( /*#__PURE__*/jsxs(React$2.Fragment, {
2614
+ children: [/*#__PURE__*/jsx("path", {
2615
+ d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
2616
+ }), /*#__PURE__*/jsx("path", {
2617
+ d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
2618
+ })]
2619
+ }), 'Time');
2620
+
2621
+ function getPickersArrowSwitcherUtilityClass(slot) {
2622
+ return generateUtilityClass('MuiPickersArrowSwitcher', slot);
2623
+ }
2624
+ generateUtilityClasses('MuiPickersArrowSwitcher', ['root', 'spacer', 'button']);
2625
+
2626
+ const _excluded$3 = ["children", "className", "slots", "slotProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel"],
2627
+ _excluded2 = ["ownerState"],
2628
+ _excluded3 = ["ownerState"];
2629
+ const PickersArrowSwitcherRoot = styled('div', {
2630
+ name: 'MuiPickersArrowSwitcher',
2631
+ slot: 'Root',
2632
+ overridesResolver: (props, styles) => styles.root
2633
+ })({
2634
+ display: 'flex'
2635
+ });
2636
+ const PickersArrowSwitcherSpacer = styled('div', {
2637
+ name: 'MuiPickersArrowSwitcher',
2638
+ slot: 'Spacer',
2639
+ overridesResolver: (props, styles) => styles.spacer
2640
+ })(({
2641
+ theme
2642
+ }) => ({
2643
+ width: theme.spacing(3)
2644
+ }));
2645
+ const PickersArrowSwitcherButton = styled(IconButton, {
2646
+ name: 'MuiPickersArrowSwitcher',
2647
+ slot: 'Button',
2648
+ overridesResolver: (props, styles) => styles.button
2649
+ })(({
2650
+ ownerState
2651
+ }) => _extends({}, ownerState.hidden && {
2652
+ visibility: 'hidden'
2653
+ }));
2654
+ const useUtilityClasses$4 = ownerState => {
2655
+ const {
2656
+ classes
2657
+ } = ownerState;
2658
+ const slots = {
2659
+ root: ['root'],
2660
+ spacer: ['spacer'],
2661
+ button: ['button']
2662
+ };
2663
+ return composeClasses(slots, getPickersArrowSwitcherUtilityClass, classes);
2664
+ };
2665
+ const PickersArrowSwitcher = /*#__PURE__*/React$2.forwardRef(function PickersArrowSwitcher(inProps, ref) {
2666
+ var _slots$previousIconBu, _slots$nextIconButton, _slots$leftArrowIcon, _slots$rightArrowIcon;
2667
+ const theme = useTheme();
2668
+ const isRTL = theme.direction === 'rtl';
2669
+ const props = useThemeProps({
2670
+ props: inProps,
2671
+ name: 'MuiPickersArrowSwitcher'
2672
+ });
2673
+ const {
2674
+ children,
2675
+ className,
2676
+ slots,
2677
+ slotProps,
2678
+ isNextDisabled,
2679
+ isNextHidden,
2680
+ onGoToNext,
2681
+ nextLabel,
2682
+ isPreviousDisabled,
2683
+ isPreviousHidden,
2684
+ onGoToPrevious,
2685
+ previousLabel
2686
+ } = props,
2687
+ other = _objectWithoutPropertiesLoose(props, _excluded$3);
2688
+ const ownerState = props;
2689
+ const classes = useUtilityClasses$4(ownerState);
2690
+ const nextProps = {
2691
+ isDisabled: isNextDisabled,
2692
+ isHidden: isNextHidden,
2693
+ goTo: onGoToNext,
2694
+ label: nextLabel
2695
+ };
2696
+ const previousProps = {
2697
+ isDisabled: isPreviousDisabled,
2698
+ isHidden: isPreviousHidden,
2699
+ goTo: onGoToPrevious,
2700
+ label: previousLabel
2701
+ };
2702
+ const [leftProps, rightProps] = isRTL ? [nextProps, previousProps] : [previousProps, nextProps];
2703
+ const PreviousIconButton = (_slots$previousIconBu = slots == null ? void 0 : slots.previousIconButton) != null ? _slots$previousIconBu : PickersArrowSwitcherButton;
2704
+ const previousIconButtonProps = useSlotProps({
2705
+ elementType: PreviousIconButton,
2706
+ externalSlotProps: slotProps == null ? void 0 : slotProps.previousIconButton,
2707
+ additionalProps: {
2708
+ size: 'medium',
2709
+ title: leftProps.label,
2710
+ 'aria-label': leftProps.label,
2711
+ disabled: leftProps.isDisabled,
2712
+ edge: 'end',
2713
+ onClick: leftProps.goTo
2714
+ },
2715
+ ownerState: _extends({}, ownerState, {
2716
+ hidden: leftProps.isHidden
2717
+ }),
2718
+ className: classes.button
2719
+ });
2720
+ const NextIconButton = (_slots$nextIconButton = slots == null ? void 0 : slots.nextIconButton) != null ? _slots$nextIconButton : PickersArrowSwitcherButton;
2721
+ const nextIconButtonProps = useSlotProps({
2722
+ elementType: NextIconButton,
2723
+ externalSlotProps: slotProps == null ? void 0 : slotProps.nextIconButton,
2724
+ additionalProps: {
2725
+ size: 'medium',
2726
+ title: rightProps.label,
2727
+ 'aria-label': rightProps.label,
2728
+ disabled: rightProps.isDisabled,
2729
+ edge: 'start',
2730
+ onClick: rightProps.goTo
2731
+ },
2732
+ ownerState: _extends({}, ownerState, {
2733
+ hidden: rightProps.isHidden
2734
+ }),
2735
+ className: classes.button
2736
+ });
2737
+ const LeftArrowIcon = (_slots$leftArrowIcon = slots == null ? void 0 : slots.leftArrowIcon) != null ? _slots$leftArrowIcon : ArrowLeft;
2738
+ // The spread is here to avoid this bug mui/material-ui#34056
2739
+ const _useSlotProps = useSlotProps({
2740
+ elementType: LeftArrowIcon,
2741
+ externalSlotProps: slotProps == null ? void 0 : slotProps.leftArrowIcon,
2742
+ additionalProps: {
2743
+ fontSize: 'inherit'
2744
+ },
2745
+ ownerState: undefined
2746
+ }),
2747
+ leftArrowIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
2748
+ const RightArrowIcon = (_slots$rightArrowIcon = slots == null ? void 0 : slots.rightArrowIcon) != null ? _slots$rightArrowIcon : ArrowRight;
2749
+ // The spread is here to avoid this bug mui/material-ui#34056
2750
+ const _useSlotProps2 = useSlotProps({
2751
+ elementType: RightArrowIcon,
2752
+ externalSlotProps: slotProps == null ? void 0 : slotProps.rightArrowIcon,
2753
+ additionalProps: {
2754
+ fontSize: 'inherit'
2755
+ },
2756
+ ownerState: undefined
2757
+ }),
2758
+ rightArrowIconProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded3);
2759
+ return /*#__PURE__*/jsxs(PickersArrowSwitcherRoot, _extends({
2760
+ ref: ref,
2761
+ className: clsx(classes.root, className),
2762
+ ownerState: ownerState
2763
+ }, other, {
2764
+ children: [/*#__PURE__*/jsx(PreviousIconButton, _extends({}, previousIconButtonProps, {
2765
+ children: isRTL ? /*#__PURE__*/jsx(RightArrowIcon, _extends({}, rightArrowIconProps)) : /*#__PURE__*/jsx(LeftArrowIcon, _extends({}, leftArrowIconProps))
2766
+ })), children ? /*#__PURE__*/jsx(Typography, {
2767
+ variant: "subtitle1",
2768
+ component: "span",
2769
+ children: children
2770
+ }) : /*#__PURE__*/jsx(PickersArrowSwitcherSpacer, {
2771
+ className: classes.spacer,
2772
+ ownerState: ownerState
2773
+ }), /*#__PURE__*/jsx(NextIconButton, _extends({}, nextIconButtonProps, {
2774
+ children: isRTL ? /*#__PURE__*/jsx(LeftArrowIcon, _extends({}, leftArrowIconProps)) : /*#__PURE__*/jsx(RightArrowIcon, _extends({}, rightArrowIconProps))
2775
+ }))]
2776
+ }));
2777
+ });
2778
+
2779
+ const getMeridiem = (date, utils) => {
2780
+ if (!date) {
2781
+ return null;
811
2782
  }
2783
+ return utils.getHours(date) >= 12 ? 'pm' : 'am';
2784
+ };
2785
+ const convertValueToMeridiem = (value, meridiem, ampm) => {
2786
+ if (ampm) {
2787
+ const currentMeridiem = value >= 12 ? 'pm' : 'am';
2788
+ if (currentMeridiem !== meridiem) {
2789
+ return meridiem === 'am' ? value - 12 : value + 12;
2790
+ }
2791
+ }
2792
+ return value;
2793
+ };
2794
+ const convertToMeridiem = (time, meridiem, ampm, utils) => {
2795
+ const newHoursAmount = convertValueToMeridiem(utils.getHours(time), meridiem, ampm);
2796
+ return utils.setHours(time, newHoursAmount);
2797
+ };
2798
+ const getSecondsInDay = (date, utils) => {
2799
+ return utils.getHours(date) * 3600 + utils.getMinutes(date) * 60 + utils.getSeconds(date);
2800
+ };
2801
+ const createIsAfterIgnoreDatePart = (disableIgnoringDatePartForTimeValidation, utils) => (dateLeft, dateRight) => {
2802
+ if (disableIgnoringDatePartForTimeValidation) {
2803
+ return utils.isAfter(dateLeft, dateRight);
2804
+ }
2805
+ return getSecondsInDay(dateLeft, utils) > getSecondsInDay(dateRight, utils);
2806
+ };
812
2807
 
813
- return obj;
2808
+ let warnedOnceNotValidView = false;
2809
+ function useViews({
2810
+ onChange,
2811
+ onViewChange,
2812
+ openTo,
2813
+ view: inView,
2814
+ views,
2815
+ autoFocus,
2816
+ focusedView: inFocusedView,
2817
+ onFocusedViewChange
2818
+ }) {
2819
+ var _views, _views2;
2820
+ if (process.env.NODE_ENV !== 'production') {
2821
+ if (!warnedOnceNotValidView) {
2822
+ if (inView != null && !views.includes(inView)) {
2823
+ console.warn(`MUI: \`view="${inView}"\` is not a valid prop.`, `It must be an element of \`views=["${views.join('", "')}"]\`.`);
2824
+ warnedOnceNotValidView = true;
2825
+ }
2826
+ if (inView == null && openTo != null && !views.includes(openTo)) {
2827
+ console.warn(`MUI: \`openTo="${openTo}"\` is not a valid prop.`, `It must be an element of \`views=["${views.join('", "')}"]\`.`);
2828
+ warnedOnceNotValidView = true;
2829
+ }
2830
+ }
2831
+ }
2832
+ const previousOpenTo = React$2.useRef(openTo);
2833
+ const previousViews = React$2.useRef(views);
2834
+ const defaultView = React$2.useRef(views.includes(openTo) ? openTo : views[0]);
2835
+ const [view, setView] = useControlled({
2836
+ name: 'useViews',
2837
+ state: 'view',
2838
+ controlled: inView,
2839
+ default: defaultView.current
2840
+ });
2841
+ const defaultFocusedView = React$2.useRef(autoFocus ? view : null);
2842
+ const [focusedView, setFocusedView] = useControlled({
2843
+ name: 'useViews',
2844
+ state: 'focusedView',
2845
+ controlled: inFocusedView,
2846
+ default: defaultFocusedView.current
2847
+ });
2848
+ React$2.useEffect(() => {
2849
+ // Update the current view when `openTo` or `views` props change
2850
+ if (previousOpenTo.current && previousOpenTo.current !== openTo || previousViews.current && previousViews.current.some(previousView => !views.includes(previousView))) {
2851
+ setView(views.includes(openTo) ? openTo : views[0]);
2852
+ }
2853
+ }, [openTo, setView, view, views]);
2854
+ const viewIndex = views.indexOf(view);
2855
+ const previousView = (_views = views[viewIndex - 1]) != null ? _views : null;
2856
+ const nextView = (_views2 = views[viewIndex + 1]) != null ? _views2 : null;
2857
+ const handleChangeView = _default(newView => {
2858
+ setView(newView);
2859
+ if (onViewChange) {
2860
+ onViewChange(newView);
2861
+ }
2862
+ });
2863
+ const goToNextView = _default(() => {
2864
+ if (nextView) {
2865
+ handleChangeView(nextView);
2866
+ }
2867
+ });
2868
+ const setValueAndGoToNextView = _default((value, currentViewSelectionState) => {
2869
+ const isSelectionFinishedOnCurrentView = currentViewSelectionState === 'finish';
2870
+ const globalSelectionState = isSelectionFinishedOnCurrentView && Boolean(nextView) ? 'partial' : currentViewSelectionState;
2871
+ onChange(value, globalSelectionState);
2872
+ if (isSelectionFinishedOnCurrentView) {
2873
+ goToNextView();
2874
+ }
2875
+ });
2876
+ const handleFocusedViewChange = _default((viewToFocus, hasFocus) => {
2877
+ if (hasFocus) {
2878
+ // Focus event
2879
+ setFocusedView(viewToFocus);
2880
+ } else {
2881
+ // Blur event
2882
+ setFocusedView(prevFocusedView => viewToFocus === prevFocusedView ? null : prevFocusedView // If false the blur is due to view switching
2883
+ );
2884
+ }
2885
+
2886
+ onFocusedViewChange == null ? void 0 : onFocusedViewChange(viewToFocus, hasFocus);
2887
+ });
2888
+ return {
2889
+ view,
2890
+ setView: handleChangeView,
2891
+ focusedView,
2892
+ setFocusedView: handleFocusedViewChange,
2893
+ nextView,
2894
+ previousView,
2895
+ defaultView: defaultView.current,
2896
+ goToNextView,
2897
+ setValueAndGoToNextView
2898
+ };
814
2899
  }
815
2900
 
816
- function _slicedToArray(arr, i) {
817
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
2901
+ function useMeridiemMode(date, ampm, onChange) {
2902
+ const utils = useUtils();
2903
+ const meridiemMode = getMeridiem(date, utils);
2904
+ const handleMeridiemChange = React$2.useCallback(mode => {
2905
+ const timeWithMeridiem = date == null ? null : convertToMeridiem(date, mode, Boolean(ampm), utils);
2906
+ onChange(timeWithMeridiem, 'partial');
2907
+ }, [ampm, date, onChange, utils]);
2908
+ return {
2909
+ meridiemMode,
2910
+ handleMeridiemChange
2911
+ };
818
2912
  }
819
2913
 
820
- function _arrayWithHoles(arr) {
821
- if (Array.isArray(arr)) return arr;
2914
+ const DIALOG_WIDTH = 320;
2915
+ const VIEW_HEIGHT = 358;
2916
+
2917
+ const PickerViewRoot = styled('div')({
2918
+ overflow: 'hidden',
2919
+ width: DIALOG_WIDTH,
2920
+ maxHeight: VIEW_HEIGHT,
2921
+ display: 'flex',
2922
+ flexDirection: 'column',
2923
+ margin: '0 auto'
2924
+ });
2925
+
2926
+ function getTimeClockUtilityClass(slot) {
2927
+ return generateUtilityClass('MuiTimeClock', slot);
822
2928
  }
2929
+ generateUtilityClasses('MuiTimeClock', ['root', 'arrowSwitcher']);
823
2930
 
824
- function _iterableToArrayLimit(arr, i) {
825
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
826
- var _arr = [];
827
- var _n = true;
828
- var _d = false;
829
- var _e = undefined;
830
-
831
- try {
832
- for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
833
- _arr.push(_s.value);
834
-
835
- if (i && _arr.length === i) break;
836
- }
837
- } catch (err) {
838
- _d = true;
839
- _e = err;
840
- } finally {
841
- try {
842
- if (!_n && _i["return"] != null) _i["return"]();
843
- } finally {
844
- if (_d) throw _e;
2931
+ const CLOCK_WIDTH = 220;
2932
+ const CLOCK_HOUR_WIDTH = 36;
2933
+ const clockCenter = {
2934
+ x: CLOCK_WIDTH / 2,
2935
+ y: CLOCK_WIDTH / 2
2936
+ };
2937
+ const baseClockPoint = {
2938
+ x: clockCenter.x,
2939
+ y: 0
2940
+ };
2941
+ const cx = baseClockPoint.x - clockCenter.x;
2942
+ const cy = baseClockPoint.y - clockCenter.y;
2943
+ const rad2deg = rad => rad * (180 / Math.PI);
2944
+ const getAngleValue = (step, offsetX, offsetY) => {
2945
+ const x = offsetX - clockCenter.x;
2946
+ const y = offsetY - clockCenter.y;
2947
+ const atan = Math.atan2(cx, cy) - Math.atan2(x, y);
2948
+ let deg = rad2deg(atan);
2949
+ deg = Math.round(deg / step) * step;
2950
+ deg %= 360;
2951
+ const value = Math.floor(deg / step) || 0;
2952
+ const delta = x ** 2 + y ** 2;
2953
+ const distance = Math.sqrt(delta);
2954
+ return {
2955
+ value,
2956
+ distance
2957
+ };
2958
+ };
2959
+ const getMinutes = (offsetX, offsetY, step = 1) => {
2960
+ const angleStep = step * 6;
2961
+ let {
2962
+ value
2963
+ } = getAngleValue(angleStep, offsetX, offsetY);
2964
+ value = value * step % 60;
2965
+ return value;
2966
+ };
2967
+ const getHours = (offsetX, offsetY, ampm) => {
2968
+ const {
2969
+ value,
2970
+ distance
2971
+ } = getAngleValue(30, offsetX, offsetY);
2972
+ let hour = value || 12;
2973
+ if (!ampm) {
2974
+ if (distance < CLOCK_WIDTH / 2 - CLOCK_HOUR_WIDTH) {
2975
+ hour += 12;
2976
+ hour %= 24;
845
2977
  }
2978
+ } else {
2979
+ hour %= 12;
846
2980
  }
2981
+ return hour;
2982
+ };
847
2983
 
848
- return _arr;
2984
+ function getClockPointerUtilityClass(slot) {
2985
+ return generateUtilityClass('MuiClockPointer', slot);
849
2986
  }
2987
+ generateUtilityClasses('MuiClockPointer', ['root', 'thumb']);
850
2988
 
851
- function _unsupportedIterableToArray(o, minLen) {
852
- if (!o) return;
853
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
854
- var n = Object.prototype.toString.call(o).slice(8, -1);
855
- if (n === "Object" && o.constructor) n = o.constructor.name;
856
- if (n === "Map" || n === "Set") return Array.from(o);
857
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
2989
+ const _excluded$2 = ["className", "hasSelected", "isInner", "type", "viewValue"];
2990
+ const useUtilityClasses$3 = ownerState => {
2991
+ const {
2992
+ classes
2993
+ } = ownerState;
2994
+ const slots = {
2995
+ root: ['root'],
2996
+ thumb: ['thumb']
2997
+ };
2998
+ return composeClasses(slots, getClockPointerUtilityClass, classes);
2999
+ };
3000
+ const ClockPointerRoot = styled('div', {
3001
+ name: 'MuiClockPointer',
3002
+ slot: 'Root',
3003
+ overridesResolver: (_, styles) => styles.root
3004
+ })(({
3005
+ theme,
3006
+ ownerState
3007
+ }) => _extends({
3008
+ width: 2,
3009
+ backgroundColor: (theme.vars || theme).palette.primary.main,
3010
+ position: 'absolute',
3011
+ left: 'calc(50% - 1px)',
3012
+ bottom: '50%',
3013
+ transformOrigin: 'center bottom 0px'
3014
+ }, ownerState.shouldAnimate && {
3015
+ transition: theme.transitions.create(['transform', 'height'])
3016
+ }));
3017
+ const ClockPointerThumb = styled('div', {
3018
+ name: 'MuiClockPointer',
3019
+ slot: 'Thumb',
3020
+ overridesResolver: (_, styles) => styles.thumb
3021
+ })(({
3022
+ theme,
3023
+ ownerState
3024
+ }) => _extends({
3025
+ width: 4,
3026
+ height: 4,
3027
+ backgroundColor: (theme.vars || theme).palette.primary.contrastText,
3028
+ borderRadius: '50%',
3029
+ position: 'absolute',
3030
+ top: -21,
3031
+ left: `calc(50% - ${CLOCK_HOUR_WIDTH / 2}px)`,
3032
+ border: `${(CLOCK_HOUR_WIDTH - 4) / 2}px solid ${(theme.vars || theme).palette.primary.main}`,
3033
+ boxSizing: 'content-box'
3034
+ }, ownerState.hasSelected && {
3035
+ backgroundColor: (theme.vars || theme).palette.primary.main
3036
+ }));
3037
+
3038
+ /**
3039
+ * @ignore - internal component.
3040
+ */
3041
+ function ClockPointer(inProps) {
3042
+ const props = useThemeProps({
3043
+ props: inProps,
3044
+ name: 'MuiClockPointer'
3045
+ });
3046
+ const {
3047
+ className,
3048
+ isInner,
3049
+ type,
3050
+ viewValue
3051
+ } = props,
3052
+ other = _objectWithoutPropertiesLoose(props, _excluded$2);
3053
+ const previousType = React$2.useRef(type);
3054
+ React$2.useEffect(() => {
3055
+ previousType.current = type;
3056
+ }, [type]);
3057
+ const ownerState = _extends({}, props, {
3058
+ shouldAnimate: previousType.current !== type
3059
+ });
3060
+ const classes = useUtilityClasses$3(ownerState);
3061
+ const getAngleStyle = () => {
3062
+ const max = type === 'hours' ? 12 : 60;
3063
+ let angle = 360 / max * viewValue;
3064
+ if (type === 'hours' && viewValue > 12) {
3065
+ angle -= 360; // round up angle to max 360 degrees
3066
+ }
3067
+
3068
+ return {
3069
+ height: Math.round((isInner ? 0.26 : 0.4) * CLOCK_WIDTH),
3070
+ transform: `rotateZ(${angle}deg)`
3071
+ };
3072
+ };
3073
+ return /*#__PURE__*/jsx(ClockPointerRoot, _extends({
3074
+ style: getAngleStyle(),
3075
+ className: clsx(className, classes.root),
3076
+ ownerState: ownerState
3077
+ }, other, {
3078
+ children: /*#__PURE__*/jsx(ClockPointerThumb, {
3079
+ ownerState: ownerState,
3080
+ className: classes.thumb
3081
+ })
3082
+ }));
858
3083
  }
859
3084
 
860
- function _arrayLikeToArray(arr, len) {
861
- if (len == null || len > arr.length) len = arr.length;
3085
+ function getClockUtilityClass(slot) {
3086
+ return generateUtilityClass('MuiClock', slot);
3087
+ }
3088
+ generateUtilityClasses('MuiClock', ['root', 'clock', 'wrapper', 'squareMask', 'pin', 'amButton', 'pmButton']);
862
3089
 
863
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
3090
+ const useUtilityClasses$2 = ownerState => {
3091
+ const {
3092
+ classes
3093
+ } = ownerState;
3094
+ const slots = {
3095
+ root: ['root'],
3096
+ clock: ['clock'],
3097
+ wrapper: ['wrapper'],
3098
+ squareMask: ['squareMask'],
3099
+ pin: ['pin'],
3100
+ amButton: ['amButton'],
3101
+ pmButton: ['pmButton']
3102
+ };
3103
+ return composeClasses(slots, getClockUtilityClass, classes);
3104
+ };
3105
+ const ClockRoot = styled('div', {
3106
+ name: 'MuiClock',
3107
+ slot: 'Root',
3108
+ overridesResolver: (_, styles) => styles.root
3109
+ })(({
3110
+ theme
3111
+ }) => ({
3112
+ display: 'flex',
3113
+ justifyContent: 'center',
3114
+ alignItems: 'center',
3115
+ margin: theme.spacing(2)
3116
+ }));
3117
+ const ClockClock = styled('div', {
3118
+ name: 'MuiClock',
3119
+ slot: 'Clock',
3120
+ overridesResolver: (_, styles) => styles.clock
3121
+ })({
3122
+ backgroundColor: 'rgba(0,0,0,.07)',
3123
+ borderRadius: '50%',
3124
+ height: 220,
3125
+ width: 220,
3126
+ flexShrink: 0,
3127
+ position: 'relative',
3128
+ pointerEvents: 'none'
3129
+ });
3130
+ const ClockWrapper = styled('div', {
3131
+ name: 'MuiClock',
3132
+ slot: 'Wrapper',
3133
+ overridesResolver: (_, styles) => styles.wrapper
3134
+ })({
3135
+ '&:focus': {
3136
+ outline: 'none'
3137
+ }
3138
+ });
3139
+ const ClockSquareMask = styled('div', {
3140
+ name: 'MuiClock',
3141
+ slot: 'SquareMask',
3142
+ overridesResolver: (_, styles) => styles.squareMask
3143
+ })(({
3144
+ ownerState
3145
+ }) => _extends({
3146
+ width: '100%',
3147
+ height: '100%',
3148
+ position: 'absolute',
3149
+ pointerEvents: 'auto',
3150
+ outline: 0,
3151
+ // Disable scroll capabilities.
3152
+ touchAction: 'none',
3153
+ userSelect: 'none'
3154
+ }, ownerState.disabled ? {} : {
3155
+ '@media (pointer: fine)': {
3156
+ cursor: 'pointer',
3157
+ borderRadius: '50%'
3158
+ },
3159
+ '&:active': {
3160
+ cursor: 'move'
3161
+ }
3162
+ }));
3163
+ const ClockPin = styled('div', {
3164
+ name: 'MuiClock',
3165
+ slot: 'Pin',
3166
+ overridesResolver: (_, styles) => styles.pin
3167
+ })(({
3168
+ theme
3169
+ }) => ({
3170
+ width: 6,
3171
+ height: 6,
3172
+ borderRadius: '50%',
3173
+ backgroundColor: (theme.vars || theme).palette.primary.main,
3174
+ position: 'absolute',
3175
+ top: '50%',
3176
+ left: '50%',
3177
+ transform: 'translate(-50%, -50%)'
3178
+ }));
3179
+ const ClockAmButton = styled(IconButton, {
3180
+ name: 'MuiClock',
3181
+ slot: 'AmButton',
3182
+ overridesResolver: (_, styles) => styles.amButton
3183
+ })(({
3184
+ theme,
3185
+ ownerState
3186
+ }) => _extends({
3187
+ zIndex: 1,
3188
+ position: 'absolute',
3189
+ bottom: 8,
3190
+ left: 8
3191
+ }, ownerState.meridiemMode === 'am' && {
3192
+ backgroundColor: (theme.vars || theme).palette.primary.main,
3193
+ color: (theme.vars || theme).palette.primary.contrastText,
3194
+ '&:hover': {
3195
+ backgroundColor: (theme.vars || theme).palette.primary.light
3196
+ }
3197
+ }));
3198
+ const ClockPmButton = styled(IconButton, {
3199
+ name: 'MuiClock',
3200
+ slot: 'PmButton',
3201
+ overridesResolver: (_, styles) => styles.pmButton
3202
+ })(({
3203
+ theme,
3204
+ ownerState
3205
+ }) => _extends({
3206
+ zIndex: 1,
3207
+ position: 'absolute',
3208
+ bottom: 8,
3209
+ right: 8
3210
+ }, ownerState.meridiemMode === 'pm' && {
3211
+ backgroundColor: (theme.vars || theme).palette.primary.main,
3212
+ color: (theme.vars || theme).palette.primary.contrastText,
3213
+ '&:hover': {
3214
+ backgroundColor: (theme.vars || theme).palette.primary.light
3215
+ }
3216
+ }));
864
3217
 
865
- return arr2;
3218
+ /**
3219
+ * @ignore - internal component.
3220
+ */
3221
+ function Clock(inProps) {
3222
+ const props = useThemeProps({
3223
+ props: inProps,
3224
+ name: 'MuiClock'
3225
+ });
3226
+ const {
3227
+ ampm,
3228
+ ampmInClock,
3229
+ autoFocus,
3230
+ children,
3231
+ value,
3232
+ handleMeridiemChange,
3233
+ isTimeDisabled,
3234
+ meridiemMode,
3235
+ minutesStep = 1,
3236
+ onChange,
3237
+ selectedId,
3238
+ type,
3239
+ viewValue,
3240
+ disabled,
3241
+ readOnly,
3242
+ className
3243
+ } = props;
3244
+ const ownerState = props;
3245
+ const utils = useUtils();
3246
+ const localeText = useLocaleText();
3247
+ const isMoving = React$2.useRef(false);
3248
+ const classes = useUtilityClasses$2(ownerState);
3249
+ const isSelectedTimeDisabled = isTimeDisabled(viewValue, type);
3250
+ const isPointerInner = !ampm && type === 'hours' && (viewValue < 1 || viewValue > 12);
3251
+ const handleValueChange = (newValue, isFinish) => {
3252
+ if (disabled || readOnly) {
3253
+ return;
3254
+ }
3255
+ if (isTimeDisabled(newValue, type)) {
3256
+ return;
3257
+ }
3258
+ onChange(newValue, isFinish);
3259
+ };
3260
+ const setTime = (event, isFinish) => {
3261
+ let {
3262
+ offsetX,
3263
+ offsetY
3264
+ } = event;
3265
+ if (offsetX === undefined) {
3266
+ const rect = event.target.getBoundingClientRect();
3267
+ offsetX = event.changedTouches[0].clientX - rect.left;
3268
+ offsetY = event.changedTouches[0].clientY - rect.top;
3269
+ }
3270
+ const newSelectedValue = type === 'seconds' || type === 'minutes' ? getMinutes(offsetX, offsetY, minutesStep) : getHours(offsetX, offsetY, Boolean(ampm));
3271
+ handleValueChange(newSelectedValue, isFinish);
3272
+ };
3273
+ const handleTouchMove = event => {
3274
+ isMoving.current = true;
3275
+ setTime(event, 'shallow');
3276
+ };
3277
+ const handleTouchEnd = event => {
3278
+ if (isMoving.current) {
3279
+ setTime(event, 'finish');
3280
+ isMoving.current = false;
3281
+ }
3282
+ };
3283
+ const handleMouseMove = event => {
3284
+ // event.buttons & PRIMARY_MOUSE_BUTTON
3285
+ if (event.buttons > 0) {
3286
+ setTime(event.nativeEvent, 'shallow');
3287
+ }
3288
+ };
3289
+ const handleMouseUp = event => {
3290
+ if (isMoving.current) {
3291
+ isMoving.current = false;
3292
+ }
3293
+ setTime(event.nativeEvent, 'finish');
3294
+ };
3295
+ const hasSelected = React$2.useMemo(() => {
3296
+ if (type === 'hours') {
3297
+ return true;
3298
+ }
3299
+ return viewValue % 5 === 0;
3300
+ }, [type, viewValue]);
3301
+ const keyboardControlStep = type === 'minutes' ? minutesStep : 1;
3302
+ const listboxRef = React$2.useRef(null);
3303
+ // Since this is rendered when a Popper is opened we can't use passive effects.
3304
+ // Focusing in passive effects in Popper causes scroll jump.
3305
+ useEnhancedEffect$3(() => {
3306
+ if (autoFocus) {
3307
+ // The ref not being resolved would be a bug in MUI.
3308
+ listboxRef.current.focus();
3309
+ }
3310
+ }, [autoFocus]);
3311
+ const handleKeyDown = event => {
3312
+ // TODO: Why this early exit?
3313
+ if (isMoving.current) {
3314
+ return;
3315
+ }
3316
+ switch (event.key) {
3317
+ case 'Home':
3318
+ // annulate both hours and minutes
3319
+ handleValueChange(0, 'partial');
3320
+ event.preventDefault();
3321
+ break;
3322
+ case 'End':
3323
+ handleValueChange(type === 'minutes' ? 59 : 23, 'partial');
3324
+ event.preventDefault();
3325
+ break;
3326
+ case 'ArrowUp':
3327
+ handleValueChange(viewValue + keyboardControlStep, 'partial');
3328
+ event.preventDefault();
3329
+ break;
3330
+ case 'ArrowDown':
3331
+ handleValueChange(viewValue - keyboardControlStep, 'partial');
3332
+ event.preventDefault();
3333
+ break;
3334
+ // do nothing
3335
+ }
3336
+ };
3337
+
3338
+ return /*#__PURE__*/jsxs(ClockRoot, {
3339
+ className: clsx(className, classes.root),
3340
+ children: [/*#__PURE__*/jsxs(ClockClock, {
3341
+ className: classes.clock,
3342
+ children: [/*#__PURE__*/jsx(ClockSquareMask, {
3343
+ onTouchMove: handleTouchMove,
3344
+ onTouchEnd: handleTouchEnd,
3345
+ onMouseUp: handleMouseUp,
3346
+ onMouseMove: handleMouseMove,
3347
+ ownerState: {
3348
+ disabled
3349
+ },
3350
+ className: classes.squareMask
3351
+ }), !isSelectedTimeDisabled && /*#__PURE__*/jsxs(React$2.Fragment, {
3352
+ children: [/*#__PURE__*/jsx(ClockPin, {
3353
+ className: classes.pin
3354
+ }), value != null && /*#__PURE__*/jsx(ClockPointer, {
3355
+ type: type,
3356
+ viewValue: viewValue,
3357
+ isInner: isPointerInner,
3358
+ hasSelected: hasSelected
3359
+ })]
3360
+ }), /*#__PURE__*/jsx(ClockWrapper, {
3361
+ "aria-activedescendant": selectedId,
3362
+ "aria-label": localeText.clockLabelText(type, value, utils),
3363
+ ref: listboxRef,
3364
+ role: "listbox",
3365
+ onKeyDown: handleKeyDown,
3366
+ tabIndex: 0,
3367
+ className: classes.wrapper,
3368
+ children: children
3369
+ })]
3370
+ }), ampm && ampmInClock && /*#__PURE__*/jsxs(React$2.Fragment, {
3371
+ children: [/*#__PURE__*/jsx(ClockAmButton, {
3372
+ onClick: readOnly ? undefined : () => handleMeridiemChange('am'),
3373
+ disabled: disabled || meridiemMode === null,
3374
+ ownerState: ownerState,
3375
+ className: classes.amButton,
3376
+ children: /*#__PURE__*/jsx(Typography, {
3377
+ variant: "caption",
3378
+ children: "AM"
3379
+ })
3380
+ }), /*#__PURE__*/jsx(ClockPmButton, {
3381
+ disabled: disabled || meridiemMode === null,
3382
+ onClick: readOnly ? undefined : () => handleMeridiemChange('pm'),
3383
+ ownerState: ownerState,
3384
+ className: classes.pmButton,
3385
+ children: /*#__PURE__*/jsx(Typography, {
3386
+ variant: "caption",
3387
+ children: "PM"
3388
+ })
3389
+ })]
3390
+ })]
3391
+ });
866
3392
  }
867
3393
 
868
- function _nonIterableRest() {
869
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
3394
+ function getClockNumberUtilityClass(slot) {
3395
+ return generateUtilityClass('MuiClockNumber', slot);
3396
+ }
3397
+ const clockNumberClasses = generateUtilityClasses('MuiClockNumber', ['root', 'selected', 'disabled']);
3398
+
3399
+ const _excluded$1 = ["className", "disabled", "index", "inner", "label", "selected"];
3400
+ const useUtilityClasses$1 = ownerState => {
3401
+ const {
3402
+ classes,
3403
+ selected,
3404
+ disabled
3405
+ } = ownerState;
3406
+ const slots = {
3407
+ root: ['root', selected && 'selected', disabled && 'disabled']
3408
+ };
3409
+ return composeClasses(slots, getClockNumberUtilityClass, classes);
3410
+ };
3411
+ const ClockNumberRoot = styled('span', {
3412
+ name: 'MuiClockNumber',
3413
+ slot: 'Root',
3414
+ overridesResolver: (_, styles) => [styles.root, {
3415
+ [`&.${clockNumberClasses.disabled}`]: styles.disabled
3416
+ }, {
3417
+ [`&.${clockNumberClasses.selected}`]: styles.selected
3418
+ }]
3419
+ })(({
3420
+ theme,
3421
+ ownerState
3422
+ }) => _extends({
3423
+ height: CLOCK_HOUR_WIDTH,
3424
+ width: CLOCK_HOUR_WIDTH,
3425
+ position: 'absolute',
3426
+ left: `calc((100% - ${CLOCK_HOUR_WIDTH}px) / 2)`,
3427
+ display: 'inline-flex',
3428
+ justifyContent: 'center',
3429
+ alignItems: 'center',
3430
+ borderRadius: '50%',
3431
+ color: (theme.vars || theme).palette.text.primary,
3432
+ fontFamily: theme.typography.fontFamily,
3433
+ '&:focused': {
3434
+ backgroundColor: (theme.vars || theme).palette.background.paper
3435
+ },
3436
+ [`&.${clockNumberClasses.selected}`]: {
3437
+ color: (theme.vars || theme).palette.primary.contrastText
3438
+ },
3439
+ [`&.${clockNumberClasses.disabled}`]: {
3440
+ pointerEvents: 'none',
3441
+ color: (theme.vars || theme).palette.text.disabled
3442
+ }
3443
+ }, ownerState.inner && _extends({}, theme.typography.body2, {
3444
+ color: (theme.vars || theme).palette.text.secondary
3445
+ })));
3446
+
3447
+ /**
3448
+ * @ignore - internal component.
3449
+ */
3450
+ function ClockNumber(inProps) {
3451
+ const props = useThemeProps({
3452
+ props: inProps,
3453
+ name: 'MuiClockNumber'
3454
+ });
3455
+ const {
3456
+ className,
3457
+ disabled,
3458
+ index,
3459
+ inner,
3460
+ label,
3461
+ selected
3462
+ } = props,
3463
+ other = _objectWithoutPropertiesLoose(props, _excluded$1);
3464
+ const ownerState = props;
3465
+ const classes = useUtilityClasses$1(ownerState);
3466
+ const angle = index % 12 / 12 * Math.PI * 2 - Math.PI / 2;
3467
+ const length = (CLOCK_WIDTH - CLOCK_HOUR_WIDTH - 2) / 2 * (inner ? 0.65 : 1);
3468
+ const x = Math.round(Math.cos(angle) * length);
3469
+ const y = Math.round(Math.sin(angle) * length);
3470
+ return /*#__PURE__*/jsx(ClockNumberRoot, _extends({
3471
+ className: clsx(className, classes.root),
3472
+ "aria-disabled": disabled ? true : undefined,
3473
+ "aria-selected": selected ? true : undefined,
3474
+ role: "option",
3475
+ style: {
3476
+ transform: `translate(${x}px, ${y + (CLOCK_WIDTH - CLOCK_HOUR_WIDTH) / 2}px`
3477
+ },
3478
+ ownerState: ownerState
3479
+ }, other, {
3480
+ children: label
3481
+ }));
870
3482
  }
871
3483
 
3484
+ /**
3485
+ * @ignore - internal component.
3486
+ */
3487
+ const getHourNumbers = ({
3488
+ ampm,
3489
+ value,
3490
+ getClockNumberText,
3491
+ isDisabled,
3492
+ selectedId,
3493
+ utils
3494
+ }) => {
3495
+ const currentHours = value ? utils.getHours(value) : null;
3496
+ const hourNumbers = [];
3497
+ const startHour = ampm ? 1 : 0;
3498
+ const endHour = ampm ? 12 : 23;
3499
+ const isSelected = hour => {
3500
+ if (currentHours === null) {
3501
+ return false;
3502
+ }
3503
+ if (ampm) {
3504
+ if (hour === 12) {
3505
+ return currentHours === 12 || currentHours === 0;
3506
+ }
3507
+ return currentHours === hour || currentHours - 12 === hour;
3508
+ }
3509
+ return currentHours === hour;
3510
+ };
3511
+ for (let hour = startHour; hour <= endHour; hour += 1) {
3512
+ let label = hour.toString();
3513
+ if (hour === 0) {
3514
+ label = '00';
3515
+ }
3516
+ const inner = !ampm && (hour === 0 || hour > 12);
3517
+ label = utils.formatNumber(label);
3518
+ const selected = isSelected(hour);
3519
+ hourNumbers.push( /*#__PURE__*/jsx(ClockNumber, {
3520
+ id: selected ? selectedId : undefined,
3521
+ index: hour,
3522
+ inner: inner,
3523
+ selected: selected,
3524
+ disabled: isDisabled(hour),
3525
+ label: label,
3526
+ "aria-label": getClockNumberText(label)
3527
+ }, hour));
3528
+ }
3529
+ return hourNumbers;
3530
+ };
3531
+ const getMinutesNumbers = ({
3532
+ utils,
3533
+ value,
3534
+ isDisabled,
3535
+ getClockNumberText,
3536
+ selectedId
3537
+ }) => {
3538
+ const f = utils.formatNumber;
3539
+ return [[5, f('05')], [10, f('10')], [15, f('15')], [20, f('20')], [25, f('25')], [30, f('30')], [35, f('35')], [40, f('40')], [45, f('45')], [50, f('50')], [55, f('55')], [0, f('00')]].map(([numberValue, label], index) => {
3540
+ const selected = numberValue === value;
3541
+ return /*#__PURE__*/jsx(ClockNumber, {
3542
+ label: label,
3543
+ id: selected ? selectedId : undefined,
3544
+ index: index + 1,
3545
+ inner: false,
3546
+ disabled: isDisabled(numberValue),
3547
+ selected: selected,
3548
+ "aria-label": getClockNumberText(label)
3549
+ }, numberValue);
3550
+ });
3551
+ };
3552
+
3553
+ // TODO v7: This file exist only to simplify typing between
3554
+ // components/componentsProps and slots/slotProps
3555
+ // Should be deleted when components/componentsProps are removed
3556
+
3557
+ const uncapitalizeObjectKeys = capitalizedObject => {
3558
+ if (capitalizedObject === undefined) {
3559
+ return undefined;
3560
+ }
3561
+ return Object.keys(capitalizedObject).reduce((acc, key) => _extends({}, acc, {
3562
+ [`${key.slice(0, 1).toLowerCase()}${key.slice(1)}`]: capitalizedObject[key]
3563
+ }), {});
3564
+ };
3565
+
3566
+ const _excluded = ["ampm", "ampmInClock", "autoFocus", "components", "componentsProps", "slots", "slotProps", "value", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "showViewSwitcher", "onChange", "defaultValue", "view", "views", "openTo", "onViewChange", "className", "disabled", "readOnly"];
3567
+ const useUtilityClasses = ownerState => {
3568
+ const {
3569
+ classes
3570
+ } = ownerState;
3571
+ const slots = {
3572
+ root: ['root'],
3573
+ arrowSwitcher: ['arrowSwitcher']
3574
+ };
3575
+ return composeClasses(slots, getTimeClockUtilityClass, classes);
3576
+ };
3577
+ const TimeClockRoot = styled(PickerViewRoot, {
3578
+ name: 'MuiTimeClock',
3579
+ slot: 'Root',
3580
+ overridesResolver: (props, styles) => styles.root
3581
+ })({
3582
+ display: 'flex',
3583
+ flexDirection: 'column',
3584
+ position: 'relative'
3585
+ });
3586
+ const TimeClockArrowSwitcher = styled(PickersArrowSwitcher, {
3587
+ name: 'MuiTimeClock',
3588
+ slot: 'ArrowSwitcher',
3589
+ overridesResolver: (props, styles) => styles.arrowSwitcher
3590
+ })({
3591
+ position: 'absolute',
3592
+ right: 12,
3593
+ top: 15
3594
+ });
3595
+ /**
3596
+ *
3597
+ * API:
3598
+ *
3599
+ * - [TimeClock API](https://mui.com/x/api/date-pickers/time-clock/)
3600
+ */
3601
+ const TimeClock = /*#__PURE__*/React$2.forwardRef(function TimeClock(inProps, ref) {
3602
+ const localeText = useLocaleText();
3603
+ const now = useNow();
3604
+ const utils = useUtils();
3605
+ const props = useThemeProps({
3606
+ props: inProps,
3607
+ name: 'MuiTimeClock'
3608
+ });
3609
+ const {
3610
+ ampm = utils.is12HourCycleInCurrentLocale(),
3611
+ ampmInClock = false,
3612
+ autoFocus,
3613
+ components,
3614
+ componentsProps,
3615
+ slots: innerSlots,
3616
+ slotProps: innerSlotProps,
3617
+ value: valueProp,
3618
+ disableIgnoringDatePartForTimeValidation = false,
3619
+ maxTime,
3620
+ minTime,
3621
+ disableFuture,
3622
+ disablePast,
3623
+ minutesStep = 1,
3624
+ shouldDisableClock,
3625
+ shouldDisableTime,
3626
+ showViewSwitcher,
3627
+ onChange,
3628
+ defaultValue,
3629
+ view: inView,
3630
+ views = ['hours', 'minutes'],
3631
+ openTo,
3632
+ onViewChange,
3633
+ className,
3634
+ disabled,
3635
+ readOnly
3636
+ } = props,
3637
+ other = _objectWithoutPropertiesLoose(props, _excluded);
3638
+ const slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
3639
+ const slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
3640
+ const [value, setValue] = useControlled({
3641
+ name: 'DateCalendar',
3642
+ state: 'value',
3643
+ controlled: valueProp,
3644
+ default: defaultValue != null ? defaultValue : null
3645
+ });
3646
+ const handleValueChange = _default((newValue, selectionState) => {
3647
+ setValue(newValue);
3648
+ onChange == null ? void 0 : onChange(newValue, selectionState);
3649
+ });
3650
+ const {
3651
+ view,
3652
+ setView,
3653
+ previousView,
3654
+ nextView,
3655
+ setValueAndGoToNextView
3656
+ } = useViews({
3657
+ view: inView,
3658
+ views,
3659
+ openTo,
3660
+ onViewChange,
3661
+ onChange: handleValueChange
3662
+ });
3663
+ const selectedTimeOrMidnight = React$2.useMemo(() => value || utils.setSeconds(utils.setMinutes(utils.setHours(now, 0), 0), 0), [value, now, utils]);
3664
+ const {
3665
+ meridiemMode,
3666
+ handleMeridiemChange
3667
+ } = useMeridiemMode(selectedTimeOrMidnight, ampm, setValueAndGoToNextView);
3668
+ const isTimeDisabled = React$2.useCallback((rawValue, viewType) => {
3669
+ const isAfter = createIsAfterIgnoreDatePart(disableIgnoringDatePartForTimeValidation, utils);
3670
+ const shouldCheckPastEnd = viewType === 'hours' || viewType === 'minutes' && views.includes('seconds');
3671
+ const containsValidTime = ({
3672
+ start,
3673
+ end
3674
+ }) => {
3675
+ if (minTime && isAfter(minTime, end)) {
3676
+ return false;
3677
+ }
3678
+ if (maxTime && isAfter(start, maxTime)) {
3679
+ return false;
3680
+ }
3681
+ if (disableFuture && isAfter(start, now)) {
3682
+ return false;
3683
+ }
3684
+ if (disablePast && isAfter(now, shouldCheckPastEnd ? end : start)) {
3685
+ return false;
3686
+ }
3687
+ return true;
3688
+ };
3689
+ const isValidValue = (timeValue, step = 1) => {
3690
+ if (timeValue % step !== 0) {
3691
+ return false;
3692
+ }
3693
+ if (shouldDisableClock != null && shouldDisableClock(timeValue, viewType)) {
3694
+ return false;
3695
+ }
3696
+ if (shouldDisableTime) {
3697
+ switch (viewType) {
3698
+ case 'hours':
3699
+ return !shouldDisableTime(utils.setHours(selectedTimeOrMidnight, timeValue), 'hours');
3700
+ case 'minutes':
3701
+ return !shouldDisableTime(utils.setMinutes(selectedTimeOrMidnight, timeValue), 'minutes');
3702
+ case 'seconds':
3703
+ return !shouldDisableTime(utils.setSeconds(selectedTimeOrMidnight, timeValue), 'seconds');
3704
+ default:
3705
+ return false;
3706
+ }
3707
+ }
3708
+ return true;
3709
+ };
3710
+ switch (viewType) {
3711
+ case 'hours':
3712
+ {
3713
+ const valueWithMeridiem = convertValueToMeridiem(rawValue, meridiemMode, ampm);
3714
+ const dateWithNewHours = utils.setHours(selectedTimeOrMidnight, valueWithMeridiem);
3715
+ const start = utils.setSeconds(utils.setMinutes(dateWithNewHours, 0), 0);
3716
+ const end = utils.setSeconds(utils.setMinutes(dateWithNewHours, 59), 59);
3717
+ return !containsValidTime({
3718
+ start,
3719
+ end
3720
+ }) || !isValidValue(valueWithMeridiem);
3721
+ }
3722
+ case 'minutes':
3723
+ {
3724
+ const dateWithNewMinutes = utils.setMinutes(selectedTimeOrMidnight, rawValue);
3725
+ const start = utils.setSeconds(dateWithNewMinutes, 0);
3726
+ const end = utils.setSeconds(dateWithNewMinutes, 59);
3727
+ return !containsValidTime({
3728
+ start,
3729
+ end
3730
+ }) || !isValidValue(rawValue, minutesStep);
3731
+ }
3732
+ case 'seconds':
3733
+ {
3734
+ const dateWithNewSeconds = utils.setSeconds(selectedTimeOrMidnight, rawValue);
3735
+ const start = dateWithNewSeconds;
3736
+ const end = dateWithNewSeconds;
3737
+ return !containsValidTime({
3738
+ start,
3739
+ end
3740
+ }) || !isValidValue(rawValue);
3741
+ }
3742
+ default:
3743
+ throw new Error('not supported');
3744
+ }
3745
+ }, [ampm, selectedTimeOrMidnight, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableClock, shouldDisableTime, utils, disableFuture, disablePast, now, views]);
3746
+ const selectedId = useId();
3747
+ const viewProps = React$2.useMemo(() => {
3748
+ switch (view) {
3749
+ case 'hours':
3750
+ {
3751
+ const handleHoursChange = (hourValue, isFinish) => {
3752
+ const valueWithMeridiem = convertValueToMeridiem(hourValue, meridiemMode, ampm);
3753
+ setValueAndGoToNextView(utils.setHours(selectedTimeOrMidnight, valueWithMeridiem), isFinish);
3754
+ };
3755
+ return {
3756
+ onChange: handleHoursChange,
3757
+ viewValue: utils.getHours(selectedTimeOrMidnight),
3758
+ children: getHourNumbers({
3759
+ value,
3760
+ utils,
3761
+ ampm,
3762
+ onChange: handleHoursChange,
3763
+ getClockNumberText: localeText.hoursClockNumberText,
3764
+ isDisabled: hourValue => disabled || isTimeDisabled(hourValue, 'hours'),
3765
+ selectedId
3766
+ })
3767
+ };
3768
+ }
3769
+ case 'minutes':
3770
+ {
3771
+ const minutesValue = utils.getMinutes(selectedTimeOrMidnight);
3772
+ const handleMinutesChange = (minuteValue, isFinish) => {
3773
+ setValueAndGoToNextView(utils.setMinutes(selectedTimeOrMidnight, minuteValue), isFinish);
3774
+ };
3775
+ return {
3776
+ viewValue: minutesValue,
3777
+ onChange: handleMinutesChange,
3778
+ children: getMinutesNumbers({
3779
+ utils,
3780
+ value: minutesValue,
3781
+ onChange: handleMinutesChange,
3782
+ getClockNumberText: localeText.minutesClockNumberText,
3783
+ isDisabled: minuteValue => disabled || isTimeDisabled(minuteValue, 'minutes'),
3784
+ selectedId
3785
+ })
3786
+ };
3787
+ }
3788
+ case 'seconds':
3789
+ {
3790
+ const secondsValue = utils.getSeconds(selectedTimeOrMidnight);
3791
+ const handleSecondsChange = (secondValue, isFinish) => {
3792
+ setValueAndGoToNextView(utils.setSeconds(selectedTimeOrMidnight, secondValue), isFinish);
3793
+ };
3794
+ return {
3795
+ viewValue: secondsValue,
3796
+ onChange: handleSecondsChange,
3797
+ children: getMinutesNumbers({
3798
+ utils,
3799
+ value: secondsValue,
3800
+ onChange: handleSecondsChange,
3801
+ getClockNumberText: localeText.secondsClockNumberText,
3802
+ isDisabled: secondValue => disabled || isTimeDisabled(secondValue, 'seconds'),
3803
+ selectedId
3804
+ })
3805
+ };
3806
+ }
3807
+ default:
3808
+ throw new Error('You must provide the type for ClockView');
3809
+ }
3810
+ }, [view, utils, value, ampm, localeText.hoursClockNumberText, localeText.minutesClockNumberText, localeText.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, selectedTimeOrMidnight, isTimeDisabled, selectedId, disabled]);
3811
+ const ownerState = props;
3812
+ const classes = useUtilityClasses(ownerState);
3813
+ return /*#__PURE__*/jsxs(TimeClockRoot, _extends({
3814
+ ref: ref,
3815
+ className: clsx(classes.root, className),
3816
+ ownerState: ownerState
3817
+ }, other, {
3818
+ children: [/*#__PURE__*/jsx(Clock, _extends({
3819
+ autoFocus: autoFocus,
3820
+ ampmInClock: ampmInClock && views.includes('hours'),
3821
+ value: value,
3822
+ type: view,
3823
+ ampm: ampm,
3824
+ minutesStep: minutesStep,
3825
+ isTimeDisabled: isTimeDisabled,
3826
+ meridiemMode: meridiemMode,
3827
+ handleMeridiemChange: handleMeridiemChange,
3828
+ selectedId: selectedId,
3829
+ disabled: disabled,
3830
+ readOnly: readOnly
3831
+ }, viewProps)), showViewSwitcher && /*#__PURE__*/jsx(TimeClockArrowSwitcher, {
3832
+ className: classes.arrowSwitcher,
3833
+ slots: slots,
3834
+ slotProps: slotProps,
3835
+ onGoToPrevious: () => setView(previousView),
3836
+ isPreviousDisabled: !previousView,
3837
+ previousLabel: localeText.openPreviousView,
3838
+ onGoToNext: () => setView(nextView),
3839
+ isNextDisabled: !nextView,
3840
+ nextLabel: localeText.openNextView,
3841
+ ownerState: ownerState
3842
+ })]
3843
+ }));
3844
+ });
3845
+ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
3846
+ // ----------------------------- Warning --------------------------------
3847
+ // | These PropTypes are generated from the TypeScript type definitions |
3848
+ // | To update them edit the TypeScript types and run "yarn proptypes" |
3849
+ // ----------------------------------------------------------------------
3850
+ /**
3851
+ * 12h/24h view for hour selection clock.
3852
+ * @default `utils.is12HourCycleInCurrentLocale()`
3853
+ */
3854
+ ampm: PropTypes.bool,
3855
+ /**
3856
+ * Display ampm controls under the clock (instead of in the toolbar).
3857
+ * @default false
3858
+ */
3859
+ ampmInClock: PropTypes.bool,
3860
+ /**
3861
+ * Set to `true` if focus should be moved to clock picker.
3862
+ */
3863
+ autoFocus: PropTypes.bool,
3864
+ /**
3865
+ * Override or extend the styles applied to the component.
3866
+ */
3867
+ classes: PropTypes.object,
3868
+ className: PropTypes.string,
3869
+ /**
3870
+ * Overridable components.
3871
+ * @default {}
3872
+ * @deprecated Please use `slots`.
3873
+ */
3874
+ components: PropTypes.object,
3875
+ /**
3876
+ * The props used for each component slot.
3877
+ * @default {}
3878
+ * @deprecated Please use `slotProps`.
3879
+ */
3880
+ componentsProps: PropTypes.object,
3881
+ /**
3882
+ * The default selected value.
3883
+ * Used when the component is not controlled.
3884
+ */
3885
+ defaultValue: PropTypes.any,
3886
+ /**
3887
+ * If `true`, the picker and text field are disabled.
3888
+ * @default false
3889
+ */
3890
+ disabled: PropTypes.bool,
3891
+ /**
3892
+ * If `true`, disable values after the current date for date components, time for time components and both for date time components.
3893
+ * @default false
3894
+ */
3895
+ disableFuture: PropTypes.bool,
3896
+ /**
3897
+ * Do not ignore date part when validating min/max time.
3898
+ * @default false
3899
+ */
3900
+ disableIgnoringDatePartForTimeValidation: PropTypes.bool,
3901
+ /**
3902
+ * If `true`, disable values before the current date for date components, time for time components and both for date time components.
3903
+ * @default false
3904
+ */
3905
+ disablePast: PropTypes.bool,
3906
+ /**
3907
+ * Maximal selectable time.
3908
+ * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
3909
+ */
3910
+ maxTime: PropTypes.any,
3911
+ /**
3912
+ * Minimal selectable time.
3913
+ * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
3914
+ */
3915
+ minTime: PropTypes.any,
3916
+ /**
3917
+ * Step over minutes.
3918
+ * @default 1
3919
+ */
3920
+ minutesStep: PropTypes.number,
3921
+ /**
3922
+ * Callback fired when the value changes.
3923
+ * @template TDate
3924
+ * @param {TDate | null} value The new value.
3925
+ * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.
3926
+ */
3927
+ onChange: PropTypes.func,
3928
+ /**
3929
+ * Callback fired on view change.
3930
+ * @param {TimeView} view The new view.
3931
+ */
3932
+ onViewChange: PropTypes.func,
3933
+ /**
3934
+ * Initially open view.
3935
+ * @default 'hours'
3936
+ */
3937
+ openTo: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
3938
+ /**
3939
+ * Make picker read only.
3940
+ * @default false
3941
+ */
3942
+ readOnly: PropTypes.bool,
3943
+ /**
3944
+ * Disable specific clock time.
3945
+ * @param {number} clockValue The value to check.
3946
+ * @param {TimeView} view The clock type of the timeValue.
3947
+ * @returns {boolean} If `true` the time will be disabled.
3948
+ * @deprecated Consider using `shouldDisableTime`.
3949
+ */
3950
+ shouldDisableClock: PropTypes.func,
3951
+ /**
3952
+ * Disable specific time.
3953
+ * @param {TDate} value The value to check.
3954
+ * @param {TimeView} view The clock type of the timeValue.
3955
+ * @returns {boolean} If `true` the time will be disabled.
3956
+ */
3957
+ shouldDisableTime: PropTypes.func,
3958
+ showViewSwitcher: PropTypes.bool,
3959
+ /**
3960
+ * The props used for each component slot.
3961
+ * @default {}
3962
+ */
3963
+ slotProps: PropTypes.object,
3964
+ /**
3965
+ * Overridable component slots.
3966
+ * @default {}
3967
+ */
3968
+ slots: PropTypes.object,
3969
+ /**
3970
+ * The system prop that allows defining system overrides as well as additional CSS styles.
3971
+ */
3972
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
3973
+ /**
3974
+ * The selected value.
3975
+ * Used when the component is controlled.
3976
+ */
3977
+ value: PropTypes.any,
3978
+ /**
3979
+ * Controlled open view.
3980
+ */
3981
+ view: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
3982
+ /**
3983
+ * Views for calendar picker.
3984
+ * @default ['hours', 'minutes']
3985
+ */
3986
+ views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
3987
+ } : void 0;
3988
+
3989
+ const isTimePickerView = view => view === 'hours' || view === 'minutes' || view === 'seconds';
3990
+ const renderTimeViewClock = ({
3991
+ view,
3992
+ onViewChange,
3993
+ views,
3994
+ value,
3995
+ defaultValue,
3996
+ onChange,
3997
+ className,
3998
+ classes,
3999
+ disableFuture,
4000
+ disablePast,
4001
+ minTime,
4002
+ maxTime,
4003
+ shouldDisableTime,
4004
+ shouldDisableClock,
4005
+ minutesStep,
4006
+ ampm,
4007
+ ampmInClock,
4008
+ components,
4009
+ componentsProps,
4010
+ slots,
4011
+ slotProps,
4012
+ readOnly,
4013
+ disabled,
4014
+ sx,
4015
+ autoFocus,
4016
+ showViewSwitcher,
4017
+ disableIgnoringDatePartForTimeValidation
4018
+ }) => /*#__PURE__*/jsx(TimeClock, {
4019
+ view: view,
4020
+ onViewChange: onViewChange,
4021
+ views: views.filter(isTimePickerView),
4022
+ value: value,
4023
+ defaultValue: defaultValue,
4024
+ onChange: onChange,
4025
+ className: className,
4026
+ classes: classes,
4027
+ disableFuture: disableFuture,
4028
+ disablePast: disablePast,
4029
+ minTime: minTime,
4030
+ maxTime: maxTime,
4031
+ shouldDisableTime: shouldDisableTime,
4032
+ shouldDisableClock: shouldDisableClock,
4033
+ minutesStep: minutesStep,
4034
+ ampm: ampm,
4035
+ ampmInClock: ampmInClock,
4036
+ components: components,
4037
+ componentsProps: componentsProps,
4038
+ slots: slots,
4039
+ slotProps: slotProps,
4040
+ readOnly: readOnly,
4041
+ disabled: disabled,
4042
+ sx: sx,
4043
+ autoFocus: autoFocus,
4044
+ showViewSwitcher: showViewSwitcher,
4045
+ disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation
4046
+ });
4047
+
872
4048
  var BORDER_RADIUS = 3;
873
4049
  var defaultButtonStyle = function defaultButtonStyle(button) {
874
4050
  return {
@@ -966,7 +4142,7 @@ var buttonVariants = function buttonVariants(buttons) {
966
4142
  var variantsToClassName = function variantsToClassName(buttonVariants) {
967
4143
  return buttonVariants.reduce(function (variants, _ref) {
968
4144
  var variant = _ref.props.variant,
969
- style = _ref.style;
4145
+ style = _ref.style;
970
4146
  return Object.assign(Object.assign({}, variants), _defineProperty({}, "&.".concat(variant), style));
971
4147
  }, {});
972
4148
  };
@@ -989,15 +4165,13 @@ var variantsToClassName = function variantsToClassName(buttonVariants) {
989
4165
  * */
990
4166
  var hex2rgba = function hex2rgba(hex) {
991
4167
  var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
992
-
993
4168
  var _hex$match$map = hex.match(/\w\w/g).map(function (x) {
994
- return parseInt(x, 16);
995
- }),
996
- _hex$match$map2 = _slicedToArray(_hex$match$map, 3),
997
- r = _hex$match$map2[0],
998
- g = _hex$match$map2[1],
999
- b = _hex$match$map2[2];
1000
-
4169
+ return parseInt(x, 16);
4170
+ }),
4171
+ _hex$match$map2 = _slicedToArray(_hex$match$map, 3),
4172
+ r = _hex$match$map2[0],
4173
+ g = _hex$match$map2[1],
4174
+ b = _hex$match$map2[2];
1001
4175
  return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(alpha, ")");
1002
4176
  };
1003
4177
  var parseColors = function parseColors(colors) {
@@ -1005,14 +4179,13 @@ var parseColors = function parseColors(colors) {
1005
4179
  var segment = colors[key];
1006
4180
  var parsedSegment = Object.keys(segment).reduce(function (list, name) {
1007
4181
  var value = segment[name];
1008
- var color = value.fill || value.color; // converts hex to rgba value if color and opacity property has been set
1009
-
4182
+ var color = value.fill || value.color;
4183
+ // converts hex to rgba value if color and opacity property has been set
1010
4184
  if (value && color && (value.opacity || value.opacity === 0)) {
1011
4185
  return Object.assign(Object.assign({}, list), _defineProperty({}, name, Object.assign(Object.assign({}, value), {
1012
4186
  rgba: hex2rgba(color, value.opacity)
1013
4187
  })));
1014
4188
  }
1015
-
1016
4189
  return Object.assign(Object.assign({}, list), _defineProperty({}, name, value));
1017
4190
  }, {});
1018
4191
  return Object.assign(Object.assign({}, segmentList), _defineProperty({}, key, parsedSegment));
@@ -1026,12 +4199,10 @@ var createShadows = function createShadows(elevations) {
1026
4199
  return Array(SHADOW_LIST_SIZE).fill('none').map(function (value, index) {
1027
4200
  if (index > 0) {
1028
4201
  var elevationIndex = index - 1;
1029
-
1030
4202
  if (elevationList[elevationIndex]) {
1031
4203
  return elevationList[elevationIndex];
1032
4204
  }
1033
4205
  }
1034
-
1035
4206
  return value;
1036
4207
  });
1037
4208
  };
@@ -1054,8 +4225,8 @@ var createShadows = function createShadows(elevations) {
1054
4225
  * */
1055
4226
  var focusButtonStyle$1 = {
1056
4227
  outline: 'solid 2px #419cfe'
1057
- }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/5ecf84d920b99428d7f98555
1058
-
4228
+ };
4229
+ // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/5ecf84d920b99428d7f98555
1059
4230
  var colors$1 = {
1060
4231
  background: {
1061
4232
  surface: '#FFFFFF',
@@ -1510,6 +4681,14 @@ var colors$1 = {
1510
4681
  timelineBackgroundAlternative: {
1511
4682
  fill: '#4871E5',
1512
4683
  color: '#FFFFFF'
4684
+ },
4685
+ timelineBackgroundObserved: {
4686
+ fill: '#8A91A3',
4687
+ color: '#FFFFFF'
4688
+ },
4689
+ timelineBackgroundObservedAlternative: {
4690
+ fill: '#767E93',
4691
+ color: '#FFFFFF'
1513
4692
  }
1514
4693
  },
1515
4694
  customSlider: {
@@ -1658,8 +4837,8 @@ var colors$1 = {
1658
4837
  opacity: 0.2
1659
4838
  }
1660
4839
  }
1661
- }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
1662
-
4840
+ };
4841
+ // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
1663
4842
  var elevations$1 = {
1664
4843
  elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
1665
4844
  elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
@@ -1698,11 +4877,11 @@ var breakpoints = {
1698
4877
  };
1699
4878
  var createTheme = function createTheme(_ref) {
1700
4879
  var _ref$paletteType = _ref.paletteType,
1701
- paletteType = _ref$paletteType === void 0 ? 'light' : _ref$paletteType,
1702
- _ref$geowebColors = _ref.geowebColors,
1703
- defaultGeowebColors = _ref$geowebColors === void 0 ? colors$1 : _ref$geowebColors,
1704
- _ref$elevations = _ref.elevations,
1705
- defaultShadows = _ref$elevations === void 0 ? elevations$1 : _ref$elevations;
4880
+ paletteType = _ref$paletteType === void 0 ? 'light' : _ref$paletteType,
4881
+ _ref$geowebColors = _ref.geowebColors,
4882
+ defaultGeowebColors = _ref$geowebColors === void 0 ? colors$1 : _ref$geowebColors,
4883
+ _ref$elevations = _ref.elevations,
4884
+ defaultShadows = _ref$elevations === void 0 ? elevations$1 : _ref$elevations;
1706
4885
  var geowebColors = parseColors(defaultGeowebColors);
1707
4886
  var shadows = createShadows(defaultShadows);
1708
4887
  return createTheme$1({
@@ -2251,8 +5430,8 @@ var createTheme = function createTheme(_ref) {
2251
5430
  * */
2252
5431
  var focusButtonStyle = {
2253
5432
  outline: 'solid 2px #419cfe'
2254
- }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e5dc12278e35d433aa2d
2255
-
5433
+ };
5434
+ // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e5dc12278e35d433aa2d
2256
5435
  var colors = {
2257
5436
  background: {
2258
5437
  surface: '#303030',
@@ -2708,6 +5887,14 @@ var colors = {
2708
5887
  timelineBackgroundAlternative: {
2709
5888
  fill: '#4871E5',
2710
5889
  color: '#FFFFFF'
5890
+ },
5891
+ timelineBackgroundObserved: {
5892
+ fill: '#8A91A3',
5893
+ color: '#FFFFFF'
5894
+ },
5895
+ timelineBackgroundObservedAlternative: {
5896
+ fill: '#767E93',
5897
+ color: '#FFFFFF'
2711
5898
  }
2712
5899
  },
2713
5900
  customSlider: {
@@ -2856,8 +6043,8 @@ var colors = {
2856
6043
  opacity: 0.2
2857
6044
  }
2858
6045
  }
2859
- }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
2860
-
6046
+ };
6047
+ // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
2861
6048
  var elevations = {
2862
6049
  elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
2863
6050
  elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
@@ -2887,7 +6074,7 @@ var elevations = {
2887
6074
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
2888
6075
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
2889
6076
  * */
2890
-
6077
+ // temporary copy of theme color values to make sure GWTheme is backwards compatible while working on new theme.
2891
6078
  var geowebColors = Object.assign({}, colors$1);
2892
6079
  var GWTheme = createTheme$1({
2893
6080
  breakpoints: {
@@ -3227,74 +6414,68 @@ var darkTheme = createTheme({
3227
6414
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
3228
6415
  * */
3229
6416
  var ThemeTypes;
3230
-
3231
6417
  (function (ThemeTypes) {
3232
6418
  ThemeTypes["DARK_THEME"] = "darkTheme";
3233
6419
  ThemeTypes["LIGHT_THEME"] = "lightTheme";
3234
6420
  })(ThemeTypes || (ThemeTypes = {}));
3235
6421
 
3236
- var ThemeContext = /*#__PURE__*/React.createContext({
6422
+ var ThemeContext = /*#__PURE__*/React$2.createContext({
3237
6423
  toggleTheme: undefined,
3238
6424
  isDark: undefined
3239
6425
  });
3240
6426
  var ThemeProvider = function ThemeProvider(_ref) {
3241
6427
  var children = _ref.children,
3242
- theme = _ref.theme,
3243
- defaultThemeName = _ref.defaultThemeName,
3244
- _ref$disableCssBaseli = _ref.disableCssBaseline,
3245
- disableCssBaseline = _ref$disableCssBaseli === void 0 ? false : _ref$disableCssBaseli;
6428
+ theme = _ref.theme,
6429
+ defaultThemeName = _ref.defaultThemeName,
6430
+ _ref$disableCssBaseli = _ref.disableCssBaseline,
6431
+ disableCssBaseline = _ref$disableCssBaseli === void 0 ? false : _ref$disableCssBaseli;
3246
6432
  var defaultTheme = defaultThemeName === ThemeTypes.DARK_THEME ? darkTheme : lightTheme;
3247
-
3248
- var _React$useState = React.useState(defaultTheme === darkTheme),
3249
- _React$useState2 = _slicedToArray(_React$useState, 2),
3250
- isDark = _React$useState2[0],
3251
- setDark = _React$useState2[1];
3252
-
6433
+ var _React$useState = React$2.useState(defaultTheme === darkTheme),
6434
+ _React$useState2 = _slicedToArray(_React$useState, 2),
6435
+ isDark = _React$useState2[0],
6436
+ setDark = _React$useState2[1];
3253
6437
  var configuredTheme = isDark ? darkTheme : lightTheme;
3254
- var currentTheme = React.useMemo(function () {
6438
+ var currentTheme = React$2.useMemo(function () {
3255
6439
  return theme || configuredTheme;
3256
6440
  }, [configuredTheme, theme]);
3257
-
3258
6441
  var toggleTheme = function toggleTheme() {
3259
6442
  return setDark(!isDark);
3260
6443
  };
3261
-
3262
- return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
6444
+ return /*#__PURE__*/React$2.createElement(ThemeContext.Provider, {
3263
6445
  value: {
3264
6446
  toggleTheme: toggleTheme,
3265
6447
  isDark: isDark
3266
6448
  }
3267
- }, /*#__PURE__*/React.createElement(ThemeProvider$1, {
6449
+ }, /*#__PURE__*/React$2.createElement(ThemeProvider$1, {
3268
6450
  theme: currentTheme
3269
- }, !disableCssBaseline && /*#__PURE__*/React.createElement(CssBaseline, null), children));
6451
+ }, !disableCssBaseline && /*#__PURE__*/React$2.createElement(CssBaseline, null), children));
3270
6452
  };
3271
6453
  var useThemeContext = function useThemeContext() {
3272
- return React.useContext(ThemeContext);
3273
- }; // Wrapper for storybook stories. Will include later an additional wrapper after upgrade to MUI5
3274
-
6454
+ return React$2.useContext(ThemeContext);
6455
+ };
6456
+ // Wrapper for storybook stories. Will include later an additional wrapper after upgrade to MUI5
3275
6457
  var ThemeWrapper = function ThemeWrapper(_ref2) {
3276
6458
  var children = _ref2.children,
3277
- theme = _ref2.theme,
3278
- defaultThemeName = _ref2.defaultThemeName,
3279
- _ref2$disableCssBasel = _ref2.disableCssBaseline,
3280
- disableCssBaseline = _ref2$disableCssBasel === void 0 ? false : _ref2$disableCssBasel;
3281
- return /*#__PURE__*/React.createElement(StyledEngineProvider, {
6459
+ theme = _ref2.theme,
6460
+ defaultThemeName = _ref2.defaultThemeName,
6461
+ _ref2$disableCssBasel = _ref2.disableCssBaseline,
6462
+ disableCssBaseline = _ref2$disableCssBasel === void 0 ? false : _ref2$disableCssBasel;
6463
+ return /*#__PURE__*/React$2.createElement(StyledEngineProvider, {
3282
6464
  injectFirst: true
3283
- }, /*#__PURE__*/React.createElement(ThemeProvider, {
6465
+ }, /*#__PURE__*/React$2.createElement(ThemeProvider, {
3284
6466
  theme: theme,
3285
6467
  defaultThemeName: defaultThemeName,
3286
6468
  disableCssBaseline: disableCssBaseline
3287
6469
  }, children));
3288
- }; // Wrapper for storybook stories with GWTheme. Will be deprecated
3289
-
6470
+ };
6471
+ // Wrapper for storybook stories with GWTheme. Will be deprecated
3290
6472
  var ThemeWrapperOldTheme = function ThemeWrapperOldTheme(_a) {
3291
6473
  var children = _a.children,
3292
- props = __rest(_a, ["children"]);
3293
-
3294
- return /*#__PURE__*/React.createElement(ThemeWrapper, Object.assign({
6474
+ props = __rest(_a, ["children"]);
6475
+ return /*#__PURE__*/React$2.createElement(ThemeWrapper, Object.assign({
3295
6476
  theme: GWTheme,
3296
6477
  disableCssBaseline: true
3297
6478
  }, props), children);
3298
6479
  };
3299
6480
 
3300
- export { Add, Animation, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Export, FastForward, Filter, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Menu, Minus, None, Notifications, Now, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, colors$1 as colorsLight, createShadows, createTheme, darkTheme, dragHandlePath, elevations$1 as elevationsLight, lightTheme, parseColors, useThemeContext };
6481
+ export { Add, Animation, ArrowDown, ArrowLeft$1 as ArrowLeft, ArrowRight$1 as ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock$1 as Clock, Close, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Export, FastForward, Filter, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Menu, Minus, None, Notifications, Now, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, colors$1 as colorsLight, createShadows, createTheme, darkTheme, dragHandlePath, elevations$1 as elevationsLight, lightTheme, parseColors, useThemeContext };