@activecollab/components 1.0.380 → 1.0.382

package/dist/index.js

@@ -269,7 +269,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$1o = ["children", "active", "variant", "size", "className"];
+  var _excluded$1p = ["children", "active", "variant", "size", "className"];
   /**
    * @component Button
    * @description
@@ -299,7 +299,7 @@
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$1o);
+      args = _objectWithoutProperties(_ref, _excluded$1p);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -373,12 +373,12 @@
   })(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);
   StyledGlobalAddButton.displayName = "StyledGlobalAddButton";
 
-  var _excluded$1n = ["className", "disabled"];
+  var _excluded$1o = ["className", "disabled"];
   var GlobalAddButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      rest = _objectWithoutProperties(_ref, _excluded$1n);
+      rest = _objectWithoutProperties(_ref, _excluded$1o);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -410,11 +410,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$1m = ["children", "className"];
+  var _excluded$1n = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$1m);
+      rest = _objectWithoutProperties(_ref, _excluded$1n);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className)
@@ -485,7 +485,7 @@
     return React.useContext(MenuContext);
   };
 
-  var _excluded$1l = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
+  var _excluded$1m = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -499,7 +499,7 @@
       _ref$strategy = _ref.strategy,
       strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
       afterWrite = _ref.afterWrite,
-      rest = _objectWithoutProperties(_ref, _excluded$1l);
+      rest = _objectWithoutProperties(_ref, _excluded$1m);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       exited = _useState2[0],
@@ -598,12 +598,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$1k = ["className", "disableBackgroundColor"];
+  var _excluded$1l = ["className", "disableBackgroundColor"];
   var Overlay = function Overlay(_ref) {
     var className = _ref.className,
       _ref$disableBackgroun = _ref.disableBackgroundColor,
       disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-      rest = _objectWithoutProperties(_ref, _excluded$1k);
+      rest = _objectWithoutProperties(_ref, _excluded$1l);
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classNames__default["default"]("c-overlay", className),
       $disableBackgroundColor: disableBackgroundColor
@@ -643,7 +643,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$1j = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
+  var _excluded$1k = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -660,7 +660,7 @@
       _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
       disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$1j);
+      rest = _objectWithoutProperties(_ref, _excluded$1k);
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
     var _useLayerContext = useLayerContext(),
@@ -721,7 +721,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$1i = ["children", "className", "innerRef", "style"];
+  var _excluded$1j = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -729,7 +729,7 @@
       innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$1i);
+      rest = _objectWithoutProperties(_ref, _excluded$1j);
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
       className: classNames__default["default"]("c-bubble", className),
@@ -1049,7 +1049,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$1h = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$1i = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
@@ -1080,7 +1080,7 @@
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1h);
+      props = _objectWithoutProperties(_ref, _excluded$1i);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
       as: Component,
@@ -1103,13 +1103,13 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$1g = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$1h = ["title", "className", "leftElement", "rightElement"];
   var MenuHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
       className = _ref.className,
       leftElement = _ref.leftElement,
       rightElement = _ref.rightElement,
-      props = _objectWithoutProperties(_ref, _excluded$1g);
+      props = _objectWithoutProperties(_ref, _excluded$1h);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classNames__default["default"]("c-menu-header", className),
       ref: ref
@@ -1134,11 +1134,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$1f = ["children", "className"];
+  var _excluded$1g = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1f);
+      props = _objectWithoutProperties(_ref, _excluded$1g);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
       ref: ref
@@ -1162,11 +1162,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator.displayName = "StyledListSeparator";
 
-  var _excluded$1e = ["children", "className"];
+  var _excluded$1f = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1e);
+      props = _objectWithoutProperties(_ref, _excluded$1f);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -1175,21 +1175,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$1d = ["className"];
+  var _excluded$1e = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1d);
+      props = _objectWithoutProperties(_ref, _excluded$1e);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$1c = ["children", "className"];
+  var _excluded$1d = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1c);
+      props = _objectWithoutProperties(_ref, _excluded$1d);
     return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({
       className: className,
       ref: ref,
@@ -1215,7 +1215,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$1b = ["children", "className", "variant", "size", "active"];
+  var _excluded$1c = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -1245,7 +1245,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$1b);
+      args = _objectWithoutProperties(_ref, _excluded$1c);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton, _extends({
       className: className,
       variant: variant,
@@ -7722,14 +7722,14 @@
   });
   StyledBreadcrumbListItem.displayName = "StyledBreadcrumbListItem";
 
-  var _excluded$1a = ["children", "className", "separator"];
+  var _excluded$1b = ["children", "className", "separator"];
   var Breadcrumbs = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _dimensions$width, _childDimensions$widt;
     var children = _ref.children,
       className = _ref.className,
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? "/" : _ref$separator,
-      rest = _objectWithoutProperties(_ref, _excluded$1a);
+      rest = _objectWithoutProperties(_ref, _excluded$1b);
     var internalRef = React.useRef(null);
     var listWrapperRef = React.useRef(null);
     var olRef = React.useRef(null);
@@ -7896,10 +7896,10 @@
     return props.$isLight && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
   });
 
-  var _excluded$19 = ["children"];
+  var _excluded$1a = ["children"];
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$19);
+      props = _objectWithoutProperties(_ref, _excluded$1a);
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
     }, props), children);
@@ -7974,12 +7974,12 @@
   });
   Tooltip.displayName = "Tooltip";
 
-  var _excluded$18 = ["weight", "children"];
+  var _excluded$19 = ["weight", "children"];
   var Body2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$18);
+      props = _objectWithoutProperties(_ref, _excluded$19);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
       weight: weight,
@@ -8028,7 +8028,7 @@
   });
   StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
 
-  var _excluded$17 = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "disabled"];
+  var _excluded$18 = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "disabled"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
       icon = _ref.icon,
@@ -8040,7 +8040,7 @@
       className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      args = _objectWithoutProperties(_ref, _excluded$17);
+      args = _objectWithoutProperties(_ref, _excluded$18);
     return /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonWrapper, {
       ref: ref,
       className: className
@@ -8352,7 +8352,7 @@
   StyledDatePicker.displayName = "StyledDatePicker";
   StyledDayPicker.displayName = "StyledDayPicker";
 
-  var _excluded$16 = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
+  var _excluded$17 = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
   var DatePicker = function DatePicker(_ref) {
     var className = _ref.className,
       onChange = _ref.onChange,
@@ -8374,7 +8374,7 @@
       _ref$fixedWeeks = _ref.fixedWeeks,
       fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
       defaultModifiers = _ref.modifiers,
-      rest = _objectWithoutProperties(_ref, _excluded$16);
+      rest = _objectWithoutProperties(_ref, _excluded$17);
     var _useState = React.useState(),
       _useState2 = _slicedToArray(_useState, 2),
       enteredTo = _useState2[0],
@@ -9267,10 +9267,10 @@
     componentId: "sc-x4ge7a-0"
   })(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], linearAnimation);
 
-  var _excluded$15 = ["className"];
+  var _excluded$16 = ["className"];
   var LinearLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$15);
+      rest = _objectWithoutProperties(_ref, _excluded$16);
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--linear", className)
@@ -9284,10 +9284,10 @@
     componentId: "sc-1f35d5h-0"
   })(["display:inline-block;text-align:center;& > span{display:inline-block;width:18px;height:18px;background-color:#777;border-radius:100%;animation:", " 1.4s infinite ease-in-out both;}span:nth-child(1){animation-delay:-0.32s;}span:nth-child(2){animation-delay:-0.16s;}"], dotAnimation);
 
-  var _excluded$14 = ["className"];
+  var _excluded$15 = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$14);
+      rest = _objectWithoutProperties(_ref, _excluded$15);
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--dots", className)
@@ -9309,7 +9309,7 @@
     return props.$activeColorPercentage === "75%" && styled.css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor);
   });
 
-  var _excluded$13 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
+  var _excluded$14 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
   var SpinnerLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$radius = _ref.radius,
       radius = _ref$radius === void 0 ? 10 : _ref$radius,
@@ -9324,7 +9324,7 @@
       _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
       rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$13);
+      rest = _objectWithoutProperties(_ref, _excluded$14);
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader$1, _extends({
       ref: ref,
       className: className,
@@ -9338,7 +9338,7 @@
   });
   SpinnerLoader.displayName = "SpinnerLoader";
 
-  var _excluded$12 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
+  var _excluded$13 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
   exports.SortDirection = void 0;
   (function (SortDirection) {
     SortDirection["None"] = "none";
@@ -9386,7 +9386,7 @@
       loading = _ref.loading,
       _ref$loadingRows = _ref.loadingRows,
       loadingRows = _ref$loadingRows === void 0 ? 7 : _ref$loadingRows,
-      args = _objectWithoutProperties(_ref, _excluded$12);
+      args = _objectWithoutProperties(_ref, _excluded$13);
     var _useState = React.useState(sortDirection),
       _useState2 = _slicedToArray(_useState, 2),
       columnDirection = _useState2[0],
@@ -9746,7 +9746,7 @@
   });
   StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
 
-  var _excluded$11 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
+  var _excluded$12 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
   var CompleteCheckbox = function CompleteCheckbox(_ref) {
     var _ref$completed = _ref.completed,
       completed = _ref$completed === void 0 ? false : _ref$completed,
@@ -9759,7 +9759,7 @@
       _ref$primary = _ref.primary,
       primary = _ref$primary === void 0 ? false : _ref$primary,
       checkMarkClassName = _ref.checkMarkClassName,
-      rest = _objectWithoutProperties(_ref, _excluded$11);
+      rest = _objectWithoutProperties(_ref, _excluded$12);
     return /*#__PURE__*/React__default["default"].createElement(StyledCompleteCheckbox, _extends({
       onClick: onClick,
       className: classNames__default["default"]("c-complete-checkbox", className),
@@ -9790,7 +9790,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
 
-  var _excluded$10 = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$11 = ["children", "className", "type", "hover", "useOptimizedShadow"];
   /**
    * This is a component description and should sit directly above your component
    */
@@ -9803,7 +9803,7 @@
       hover = _ref$hover === void 0 ? false : _ref$hover,
       _ref$useOptimizedShad = _ref.useOptimizedShadow,
       useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
-      rest = _objectWithoutProperties(_ref, _excluded$10);
+      rest = _objectWithoutProperties(_ref, _excluded$11);
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classNames__default["default"](className, {
         "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
@@ -9856,7 +9856,7 @@
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$$ = ["children", "className", "hoverable", "paperType"];
+  var _excluded$10 = ["children", "className", "hoverable", "paperType"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -9864,7 +9864,7 @@
       hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
       _ref$paperType = _ref.paperType,
       paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
-      rest = _objectWithoutProperties(_ref, _excluded$$);
+      rest = _objectWithoutProperties(_ref, _excluded$10);
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: paperType,
       className: classNames__default["default"]("c-card", className),
@@ -9943,12 +9943,12 @@
   });
   EntityCard$1.displayName = "EntityCard";
 
-  var _excluded$_ = ["weight", "children"];
+  var _excluded$$ = ["weight", "children"];
   var Title1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "light" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$_);
+      props = _objectWithoutProperties(_ref, _excluded$$);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 1",
@@ -9957,12 +9957,12 @@
   });
   Title1.displayName = "Title1";
 
-  var _excluded$Z = ["weight", "children"];
+  var _excluded$_ = ["weight", "children"];
   var Title2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "light" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$Z);
+      props = _objectWithoutProperties(_ref, _excluded$_);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 2",
@@ -9971,10 +9971,10 @@
   });
   Title2.displayName = "Title2";
 
-  var _excluded$Y = ["children"];
+  var _excluded$Z = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$Y);
+      props = _objectWithoutProperties(_ref, _excluded$Z);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 2",
@@ -9983,10 +9983,10 @@
   });
   Header2.displayName = "Header2";
 
-  var _excluded$X = ["children"];
+  var _excluded$Y = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$X);
+      props = _objectWithoutProperties(_ref, _excluded$Y);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 3",
@@ -9995,12 +9995,12 @@
   });
   Header3.displayName = "Header3";
 
-  var _excluded$W = ["weight", "children"];
+  var _excluded$X = ["weight", "children"];
   var Body1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$W);
+      props = _objectWithoutProperties(_ref, _excluded$X);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
       weight: weight,
@@ -10009,12 +10009,12 @@
   });
   Body1.displayName = "Body1";
 
-  var _excluded$V = ["weight", "children"];
+  var _excluded$W = ["weight", "children"];
   var Caption1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$V);
+      props = _objectWithoutProperties(_ref, _excluded$W);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
       weight: weight,
@@ -10023,12 +10023,12 @@
   });
   Caption1.displayName = "Caption1";
 
-  var _excluded$U = ["weight", "children"];
+  var _excluded$V = ["weight", "children"];
   var Caption2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$U);
+      props = _objectWithoutProperties(_ref, _excluded$V);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
       weight: weight,
@@ -10140,7 +10140,7 @@
     componentId: "sc-5x2tyd-1"
   })(["border-radius:100%;object-fit:cover;"]);
 
-  var _excluded$T = ["url", "alt", "size", "className", "imgClassName", "children"];
+  var _excluded$U = ["url", "alt", "size", "className", "imgClassName", "children"];
   /**
    * @component Avatar
    * @description
@@ -10175,7 +10175,7 @@
       className = _ref.className,
       imgClassName = _ref.imgClassName,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$T);
+      rest = _objectWithoutProperties(_ref, _excluded$U);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       imageLoaded = _useState2[0],
@@ -10216,13 +10216,13 @@
     return props.$color && styled.css(["background-color:", ";"], props.$color);
   });
 
-  var _excluded$S = ["color", "size", "className"];
+  var _excluded$T = ["color", "size", "className"];
   var Dot = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var color = _ref.color,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 8 : _ref$size,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$S);
+      rest = _objectWithoutProperties(_ref, _excluded$T);
     return /*#__PURE__*/React__default["default"].createElement(StyledDot, _extends({
       className: classNames__default["default"]("c-dot", className),
       ref: ref,
@@ -10259,7 +10259,7 @@
   });
   StyledTagText.displayName = "StyledTagText";
 
-  var _excluded$R = ["name", "color", "showText", "showDot", "className"];
+  var _excluded$S = ["name", "color", "showText", "showDot", "className"];
   var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var name = _ref.name,
       color = _ref.color,
@@ -10268,7 +10268,7 @@
       _ref$showDot = _ref.showDot,
       showDot = _ref$showDot === void 0 ? true : _ref$showDot,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$R);
+      rest = _objectWithoutProperties(_ref, _excluded$S);
     return /*#__PURE__*/React__default["default"].createElement(StyledTag, _extends({
       className: classNames__default["default"]("c-tag", className),
       ref: ref
@@ -10398,7 +10398,7 @@
   });
   StyledCheckbox$1.displayName = "StyledCheckbox";
 
-  var _excluded$Q = ["isIndeterminate", "data-testid"];
+  var _excluded$R = ["isIndeterminate", "data-testid"];
 
   /**
    * @component CheckboxIcon
@@ -10422,7 +10422,7 @@
   var CheckboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var isIndeterminate = _ref.isIndeterminate,
       testId = _ref["data-testid"],
-      props = _objectWithoutProperties(_ref, _excluded$Q);
+      props = _objectWithoutProperties(_ref, _excluded$R);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       animate = _useState2[0],
@@ -10491,7 +10491,7 @@
   CheckboxIcon.displayName = "CheckboxIcon";
   var CheckboxIcon$1 = CheckboxIcon;
 
-  var _excluded$P = ["className", "hover", "id", "isIndeterminate"];
+  var _excluded$Q = ["className", "hover", "id", "isIndeterminate"];
   /**
    * Checkbox component
    */
@@ -10501,7 +10501,7 @@
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? "checkbox" : _ref$id,
       isIndeterminate = _ref.isIndeterminate,
-      rest = _objectWithoutProperties(_ref, _excluded$P);
+      rest = _objectWithoutProperties(_ref, _excluded$Q);
     return /*#__PURE__*/React__default["default"].createElement(StyledCheckbox$1, {
       className: classNames__default["default"]("c-checkbox", {
         "c-checkbox__hover": hover,
@@ -10706,7 +10706,7 @@
   StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
   StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
 
-  var _excluded$O = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
+  var _excluded$P = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
   var ScrollShadow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -10720,7 +10720,7 @@
       invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
       innerColor = _ref.innerColor,
       outerColor = _ref.outerColor,
-      rest = _objectWithoutProperties(_ref, _excluded$O);
+      rest = _objectWithoutProperties(_ref, _excluded$P);
     var _useState = React.useState({
         top: 0,
         right: 0,
@@ -10840,7 +10840,7 @@
     return height;
   };
 
-  var _excluded$N = ["as", "className", "invert", "style"];
+  var _excluded$O = ["as", "className", "invert", "style"];
   var ScrollElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$as = _ref.as,
       as = _ref$as === void 0 ? "div" : _ref$as,
@@ -10848,7 +10848,7 @@
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
       style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded$N);
+      rest = _objectWithoutProperties(_ref, _excluded$O);
     var internalRef = useInitScrollRef(null, invert);
     var handleRef = useForkRef(internalRef, ref);
     var props = _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -11330,7 +11330,7 @@
   });
   StyledInput$2.displayName = "StyledInput";
 
-  var _excluded$M = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick"];
+  var _excluded$N = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick"];
   var Input = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
@@ -11347,7 +11347,7 @@
       endAdornment = _ref.endAdornment,
       wrapRef = _ref.wrapRef,
       wrapperClick = _ref.wrapperClick,
-      rest = _objectWithoutProperties(_ref, _excluded$M);
+      rest = _objectWithoutProperties(_ref, _excluded$N);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
     var handleWrapperClick = React.useCallback(function () {
@@ -11401,14 +11401,14 @@
   }, StyledRadioLabel);
   StyledRadioButton$1.displayName = "StyledRadioButton";
 
-  var _excluded$L = ["className", "id", "hover"];
+  var _excluded$M = ["className", "id", "hover"];
   var RadioButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? "radio" : _ref$id,
       hover = _ref.hover,
-      props = _objectWithoutProperties(_ref, _excluded$L);
+      props = _objectWithoutProperties(_ref, _excluded$M);
     return /*#__PURE__*/React__default["default"].createElement(StyledRadioButton$1, {
       className: classNames__default["default"]("c-radio-btn", {
         "c-radio-btn__hover": hover,
@@ -11616,7 +11616,7 @@
   };
   OptionContent.displayName = "OptionContent";
 
-  var _excluded$K = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue"];
+  var _excluded$L = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue"];
   var Select = function Select(_ref) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? "single" : _ref$type,
@@ -11650,7 +11650,7 @@
       handleDefaultOptionChange = _ref.handleDefaultOptionChange,
       _ref$preselectDefault = _ref.preselectDefaultValue,
       preselectDefaultValue = _ref$preselectDefault === void 0 ? type === "single" : _ref$preselectDefault,
-      prop = _objectWithoutProperties(_ref, _excluded$K);
+      prop = _objectWithoutProperties(_ref, _excluded$L);
     var childNode = React.useRef();
     var elementRef = React.useRef(null);
     var handleRef = useForkRef(childNode, elementRef);
@@ -11905,7 +11905,7 @@
   });
   StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 
-  var _excluded$J = ["children", "active", "disabled", "className", "role"];
+  var _excluded$K = ["children", "active", "disabled", "className", "role"];
   var Item = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$active = _ref.active,
@@ -11914,7 +11914,7 @@
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
       role = _ref.role,
-      rest = _objectWithoutProperties(_ref, _excluded$J);
+      rest = _objectWithoutProperties(_ref, _excluded$K);
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
       className: classNames__default["default"]("c-nav__item", {
         "c-nav__item--active": active
@@ -11955,11 +11955,11 @@
   });
   StyledExpandSingle.displayName = "StyledExpandSingle";
 
-  var _excluded$I = ["expanded"];
+  var _excluded$J = ["expanded"];
   var ExpandSingle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$expanded = _ref.expanded,
       expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-      rest = _objectWithoutProperties(_ref, _excluded$I);
+      rest = _objectWithoutProperties(_ref, _excluded$J);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpandSingle, _extends({
       ref: ref,
       viewBox: "0 0 24 24",
@@ -12249,7 +12249,7 @@
   };
   Nav.displayName = "Nav";
 
-  var _excluded$H = ["children", "as", "disablePointerEvents"];
+  var _excluded$I = ["children", "as", "disablePointerEvents"];
   var InputAdornmentBase = styled__default["default"].div.withConfig({
     displayName: "InputAdornment__InputAdornmentBase",
     componentId: "sc-1xfjx1z-0"
@@ -12266,7 +12266,7 @@
     var children = _ref.children,
       as = _ref.as,
       disablePointerEvents = _ref.disablePointerEvents,
-      rest = _objectWithoutProperties(_ref, _excluded$H);
+      rest = _objectWithoutProperties(_ref, _excluded$I);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(InputAdornmentBase, _extends({}, rest, {
       as: Component,
@@ -12276,263 +12276,711 @@
   });
   InputAdornment.displayName = "InputAdornment";
 
-  var _excluded$G = ["expanded"];
-  var ExpandAll = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var _ref$expanded = _ref.expanded,
-      expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-      rest = _objectWithoutProperties(_ref, _excluded$G);
-    return /*#__PURE__*/React__default["default"].createElement(StyledExpand, _extends({
-      ref: ref,
-      viewBox: "0 0 24 24"
-    }, rest), expanded ? /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M13 16l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 18.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 16zm4.72-11.736a.867.867 0 010 1.275L13 10 8.28 5.539a.867.867 0 010-1.275.993.993 0 011.348 0L13 7.451l3.372-3.187a.993.993 0 011.349 0zM13 15a2 2 0 100-4 2 2 0 000 4z"
-    }) : /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M17.72 16.264a.867.867 0 010 1.275L13 22l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L13 19.451l3.372-3.187a.993.993 0 011.349 0zM13 4l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 6.549 9.628 9.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 4zm0 11a2 2 0 100-4 2 2 0 000 4z"
-    }));
-  });
-  ExpandAll.displayName = "ExpandAll";
+  // export const decimalToHours = (decimal: string) => {
+  //   // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00
+  //   decimal = parseFloat(decimal).toFixed(2);
+  //   decimal = decimal + "";
+  //   let hours;
+  //   let minutes_decimal;
+  //
+  //   if (decimal.indexOf(".") < 0) {
+  //     hours = parseInt(decimal);
+  //     minutes_decimal = 0;
+  //   } else {
+  //     hours = parseInt(decimal.substring(0, decimal.indexOf(".")));
+  //     minutes_decimal = decimal.substring(decimal.indexOf(".") + 1);
+  //     minutes_decimal = minutes_decimal.substring(0, 2);
+  //     if (minutes_decimal.length === 1) {
+  //       minutes_decimal += "0";
+  //     } // if
+  //     minutes_decimal = parseInt(minutes_decimal);
+  //   } // if
+  //
+  //   const minutes = Math.round((minutes_decimal / 100) * 60);
+  //
+  //   if (hours < 10) {
+  //     hours = `0${hours}`;
+  //   }
+  //   return {
+  //     hours: hours,
+  //     minutes: minutes,
+  //   };
+  // };
 
-  var StyledMenuSelectorDots = styled__default["default"](TreeDotsIcon$1).withConfig({
-    displayName: "Styles__StyledMenuSelectorDots",
-    componentId: "sc-1x7qbnu-0"
-  })(["", ""], {
-    "marginLeft": "0.5rem",
-    "flexShrink": "0",
-    "cursor": "pointer"
+  var decimalToHours = function decimalToHours(num) {
+    var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!num) {
+      return "";
+    }
+    if (typeof num === "string" && !num) {
+      return withLeadingZeroHours ? "00:00" : "0:00";
+    }
+    if (typeof num === "string" && num.indexOf(":") >= 0) {
+      //eslint-disable-next-line
+      var _num$split = num.split(":"),
+        _num$split2 = _slicedToArray(_num$split, 2),
+        _hours = _num$split2[0],
+        _minutes = _num$split2[1];
+      if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
+        _minutes = "".concat(Number(_minutes), "0");
+      }
+      if (_hours && _minutes) {
+        if (withLeadingZeroHours) {
+          return "".concat(withLeadingZero(_hours), ":").concat(_minutes);
+        }
+        return "".concat(_hours, ":").concat(_minutes);
+      } else if (!_hours && _minutes) {
+        return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
+      } else if (!_minutes && _hours) {
+        return withLeadingZeroHours ? "".concat(withLeadingZero(_hours), ":00") : "".concat(_hours, ":00");
+      } else {
+        return withLeadingZeroHours ? "00:00" : "0:00";
+      }
+    }
+    if (typeof num === "string" && num.indexOf(",") >= 0) {
+      num = num.replace(",", ".");
+    }
+    var input = typeof num === "string" ? parseFloat(num) : num;
+    if (!isDecimal(input)) {
+      if (withLeadingZeroHours) {
+        return "".concat(withLeadingZero(input), ":00");
+      }
+      return "".concat(input, ":00");
+    }
+    var decimal = input.toFixed(2);
+    var time = decimal.toString().split(".");
+    var hours = time[0];
+    if (withLeadingZeroHours) {
+      hours = withLeadingZero(hours);
+    }
+    var minutes = time[1];
+    var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
+    return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
+  };
+  var withLeadingZero = function withLeadingZero(num) {
+    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+    var s = "".concat(num);
+    while (s.length < size) {
+      s = "0" + s;
+    }
+    return s;
+  };
+  var isDecimal = function isDecimal(num) {
+    return !Number.isInteger(num);
+  };
+
+  var StyledDiv = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledDiv",
+    componentId: "sc-1wapx2a-0"
+  })(["", " ", " ", ""], FontStyle, BoxSizingStyle, {
+    "position": "relative",
+    "display": "inline-block",
+    "maxWidth": "100%"
   });
-  StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
-  var StyledMenuSelectorBack = styled__default["default"](ArrowLeftIcon$1).withConfig({
-    displayName: "Styles__StyledMenuSelectorBack",
-    componentId: "sc-1x7qbnu-1"
-  })(["", ""], {
-    "marginRight": "0.5rem",
-    "flexShrink": "0",
-    "cursor": "pointer",
-    "stroke": "currentColor"
+  var StyledSpan = styled__default["default"](Typography).withConfig({
+    displayName: "Styles__StyledSpan",
+    componentId: "sc-1wapx2a-1"
+  })(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " &:empty:before{content:\" \";}"], function (_ref) {
+    var $disabled = _ref.$disabled;
+    return $disabled && styled.css(["visibility:visible;"]);
   });
-  StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
-  var StyledMenuSelector = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledMenuSelector",
-    componentId: "sc-1x7qbnu-2"
-  })(["", " ", " color:var(--color-theme-700);"], BoxSizingStyle, FontStyle);
-  StyledMenuSelector.displayName = "StyledMenuSelector";
-  var StyledMenuSelectorInner = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledMenuSelectorInner",
-    componentId: "sc-1x7qbnu-3"
-  })(["", ""], {
-    "margin": "1rem",
-    "display": "flex",
-    "alignItems": "center"
+  StyledSpan.displayName = "StyledSpan";
+  var StyledInput$1 = styled__default["default"](Typography).withConfig({
+    displayName: "Styles__StyledInput",
+    componentId: "sc-1wapx2a-2"
+  })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{display:none;}"], {
+    "position": "absolute",
+    "inset": "0px",
+    "boxSizing": "border-box",
+    "width": "100%",
+    "overflow": "hidden",
+    "whiteSpace": "nowrap",
+    "borderRadius": "0.375rem",
+    "borderWidth": "1px",
+    "borderStyle": "solid",
+    "borderColor": "transparent",
+    ":focus-within": {
+      "overflow": "scroll",
+      "borderColor": "var(--color-theme-700)"
+    },
+    ":hover": {
+      "borderColor": "var(--color-theme-700)"
+    }
   });
-  StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
+  StyledInput$1.displayName = "StyledInput";
 
-  var MenuSelector = function MenuSelector(_ref) {
-    var defaultValue = _ref.defaultValue,
-      children = _ref.children,
-      placeholder = _ref.placeholder,
-      onChange = _ref.onChange,
-      onBack = _ref.onBack,
-      onEdit = _ref.onEdit,
-      _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
-      className = _ref.className,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      _ref$autoComplete = _ref.autoComplete,
-      autoComplete = _ref$autoComplete === void 0 ? false : _ref$autoComplete;
-    var handleChange = React.useCallback(function (e) {
-      if (typeof onChange === "function") {
-        onChange(e.target.value);
-      }
-    }, [onChange]);
-    return /*#__PURE__*/React__default["default"].createElement(StyledMenuSelector, {
-      className: classNames__default["default"]("c-menu-selector", className)
-    }, /*#__PURE__*/React__default["default"].createElement(StyledMenuSelectorInner, null, typeof onBack === "function" ? /*#__PURE__*/React__default["default"].createElement(StyledMenuSelectorBack, {
-      onClick: onBack,
-      width: "16px",
-      height: "16px"
-    }) : null, /*#__PURE__*/React__default["default"].createElement(Input, {
-      onChange: handleChange,
-      placeholder: placeholder,
-      autoFocus: autoFocus,
-      defaultValue: defaultValue,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      autoComplete: autoComplete ? "on" : "off"
-    }), typeof onEdit === "function" ? /*#__PURE__*/React__default["default"].createElement(StyledMenuSelectorDots, {
-      onClick: onEdit
-    }) : null), children);
-  };
-  MenuSelector.displayName = "MenuSelector";
-
-  var StyledTextarea = styled__default["default"].textarea.withConfig({
-    displayName: "Styles__StyledTextarea",
-    componentId: "sc-m6jqw8-0"
-  })(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;min-height:90px;outline:none;", " ", " ", " ", " &::placeholder{", "}", ""], {
-    "fontSize": "0.875rem"
-  }, {
-    "color": "var(--color-theme-900)"
-  }, {
-    "lineHeight": "1.375"
-  }, {
-    "letterSpacing": "0.02em"
-  }, {
-    "fontWeight": "400"
-  }, {
-    "borderColor": "var(--color-theme-500)"
-  }, FontStyle, BoxSizingStyle, function (props) {
-    return props.disabled && styled.css(["", ""], {
-      "cursor": "not-allowed",
-      "opacity": "0.5"
-    });
-  }, function (props) {
-    return !props.disabled && !props.$invalid && styled.css(["&:active,&:focus,&:hover{", "}"], {
-      "borderColor": "var(--color-primary)"
-    });
-  }, {
-    "color": "var(--color-theme-transparent-500)"
-  }, function (props) {
-    return !props.disabled && props.$invalid && styled.css(["", ""], {
-      "borderColor": "var(--red-alert)"
-    });
-  });
-  StyledTextarea.displayName = "StyledTextarea";
-
-  var _excluded$F = ["className", "disabled", "invalid"];
-  var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _excluded$H = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef"];
+  var EditableContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "Body 2" : _ref$variant,
+      weight = _ref.weight,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      rest = _objectWithoutProperties(_ref, _excluded$F);
-    return /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
-      $invalid: invalid,
-      ref: ref,
+      inputProps = _ref.inputProps,
+      wrapRef = _ref.wrapRef,
+      props = _objectWithoutProperties(_ref, _excluded$H);
+    var intInputRef = React.useRef(null);
+    var handleRef = useForkRef(ref, intInputRef);
+    var handleBlur = React.useCallback(function (evt) {
+      if (intInputRef !== null && intInputRef !== void 0 && intInputRef.current) {
+        intInputRef.current.scrollLeft = 0;
+      }
+      typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === "function" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur(evt));
+    }, [inputProps]);
+    return /*#__PURE__*/React__default["default"].createElement(StyledDiv, _extends({
+      className: className,
+      ref: wrapRef
+    }, props), /*#__PURE__*/React__default["default"].createElement(StyledSpan, {
+      variant: variant,
+      forwardedAs: "span",
+      weight: weight,
+      $disabled: disabled
+    }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), /*#__PURE__*/React__default["default"].createElement(StyledInput$1, _extends({}, inputProps, {
+      ref: handleRef,
+      forwardedAs: "input",
+      variant: variant,
+      weight: weight,
+      value: inputProps === null || inputProps === void 0 ? void 0 : inputProps.value,
+      onBlur: handleBlur,
       disabled: disabled,
-      className: classNames__default["default"]("c-textarea", {
-        "c-textarea__disabled": disabled
-      }, className)
-    }));
+      "data-form-type": "other"
+    })));
   });
-  Textarea.displayName = "Textarea";
+  EditableContent.displayName = "EditableContent";
 
-  function createChainedFunction() {
-    for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
-      functions[_key] = arguments[_key];
-    }
-    return functions.reduce(function (acc, func) {
-      if (func === null) {
-        return acc;
-      }
-      return function chainedFunction() {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-        acc && acc.apply(this, args);
-        func && func.apply(this, args);
-      };
-    },
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    function () {});
-  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-  var _excluded$E = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose", "onClickOutside"];
-  var getHasTransition = function getHasTransition(children) {
-    return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
-  };
-  var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var HoursWrapper = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      _ref$disableFocusLock = _ref.disableFocusLock,
-      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
-      _ref$disableScrollLoc = _ref.disableScrollLock,
-      disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
-      _ref$disableBackgroun = _ref.disableBackgroundClick,
-      disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-      _ref$disableBackgroun2 = _ref.disableBackgroundColor,
-      disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
-      disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
-      _ref$open = _ref.open,
-      defaultOpen = _ref$open === void 0 ? false : _ref$open,
-      onClose = _ref.onClose,
-      onClickOutside = _ref.onClickOutside,
-      rest = _objectWithoutProperties(_ref, _excluded$E);
-    var _useState = React.useState(defaultOpen),
+      value = _ref.value,
+      onCancel = _ref.onCancel,
+      onSave = _ref.onSave,
+      onEnterKeyPress = _ref.onEnterKeyPress,
+      allowEmptyValue = _ref.allowEmptyValue,
+      _ref$withLeadingZero = _ref.withLeadingZero,
+      withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
+      _ref$validation = _ref.validation,
+      validation = _ref$validation === void 0 ? validateTimeInput : _ref$validation,
+      _ref$incrementOnlySel = _ref.incrementOnlySelected,
+      incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
+      _ref$minuteIncrement = _ref.minuteIncrement,
+      minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement;
+    var inputRef = React.useRef(null);
+    var handleRef = useForkRef(ref, inputRef);
+    var _useState = React.useState(function () {
+        return decimalToHours(value, withLeadingZero);
+      }),
       _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-    var _useState3 = React.useState(true),
+      currentValue = _useState2[0],
+      setCurrentValue = _useState2[1];
+    var _useState3 = React.useState(function () {
+        return decimalToHours(value, withLeadingZero);
+      }),
       _useState4 = _slicedToArray(_useState3, 2),
-      exited = _useState4[0],
-      setExited = _useState4[1];
-    var innerRef = React.useRef(null);
-    var handleRef = useForkRef(innerRef, ref);
-    var hasTransition = React.useMemo(function () {
-      return getHasTransition(children);
-    }, [children]);
+      prevValue = _useState4[0],
+      setPrevValue = _useState4[1];
+    var escapeRef = React.useRef(false);
     React.useEffect(function () {
-      setOpen(defaultOpen);
-    }, [defaultOpen]);
-    var handleClose = React.useCallback(function () {
-      setOpen(false);
-      if (!hasTransition) {
-        typeof onClose === "function" && onClose();
-      }
-    }, [hasTransition, onClose]);
-    var handleBackgroundClick = React.useCallback(function (event) {
-      if (!disableBackgroundClick) {
-        event.preventDefault();
-        return handleClose();
+      var _value;
+      if (value !== undefined) {
+        _value = decimalToHours(value, withLeadingZero);
       }
-      if (onClickOutside) {
-        onClickOutside(event);
+      if (currentValue !== _value) {
+        setCurrentValue(_value);
+        setPrevValue(_value);
       }
-    }, [disableBackgroundClick, onClickOutside, handleClose]);
-    var handleEnter = React.useCallback(function () {
-      setExited(false);
-    }, []);
-    var handleExited = React.useCallback(function () {
-      setExited(true);
-      typeof onClose === "function" && onClose();
-    }, [onClose]);
-    var childProps = React.useMemo(function () {
-      var props = {};
-
-      // It's a Transition like component
-      if (hasTransition && children) {
-        props = {
-          onEnter: createChainedFunction(handleEnter, children.props.onEnter),
-          onExited: createChainedFunction(handleExited, children.props.onExited),
-          in: open
-        };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
+    var handleBlur = React.useCallback(function (e) {
+      if (escapeRef.current) {
+        setCurrentValue(prevValue);
+      } else {
+        if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
+          var _value = decimalToHours(e.target.value, withLeadingZero);
+          setPrevValue(_value);
+          setCurrentValue(_value);
+          typeof onSave === "function" && onSave(e);
+        } else {
+          !allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
+        }
       }
-      return props;
-    }, [children, handleEnter, handleExited, hasTransition, open]);
-    if (!open && (!hasTransition || exited)) {
-      return null;
-    }
-    return /*#__PURE__*/React__default["default"].createElement(Window, _extends({}, rest, {
-      ref: handleRef,
-      onClose: handleClose,
-      disableFocusLock: disableFocusLock,
-      disableScrollLock: disableScrollLock,
-      disableCloseOnEsc: disableCloseOnEsc
-    }), open ? /*#__PURE__*/React__default["default"].createElement(Overlay, {
-      onClick: handleBackgroundClick,
-      disableBackgroundColor: disableBackgroundColor
-    }) : null, /*#__PURE__*/React.cloneElement(children, childProps));
-  });
-  Modal.displayName = "Modal";
-
-  var StyledSheetIcons = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledSheetIcons",
-    componentId: "sc-144eyxd-0"
-  })(["display:flex;height:0;position:relative;span{position:relative;background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);cursor:pointer;border-radius:100%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;& > *{height:40px;width:40px;padding:8px;fill:var(--color-theme-600);}}"]);
-  StyledSheetIcons.displayName = "StyledSheetIcons";
-  var StyledSheetWrapper = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledSheetWrapper",
-    componentId: "sc-144eyxd-1"
+    }, [allowEmptyValue, onSave, prevValue, withLeadingZero]);
+    var handleIncrementDecrement = React.useCallback(function (increment) {
+      if (inputRef.current) {
+        var selectionStart = inputRef.current.selectionStart;
+        if (selectionStart !== null) {
+          var dotsIndex = currentValue.indexOf(":");
+          var _currentValue$split$m = currentValue.split(":").map(Number),
+            _currentValue$split$m2 = _slicedToArray(_currentValue$split$m, 2),
+            hours = _currentValue$split$m2[0],
+            minutes = _currentValue$split$m2[1];
+          var newHours = hours;
+          var newMinutes = minutes;
+          if (selectionStart < dotsIndex) {
+            if (increment) {
+              newHours += 1;
+            } else {
+              newHours -= 1;
+              if (newHours < 0) newHours = 0;
+            }
+          } else if (selectionStart > dotsIndex) {
+            if (increment) {
+              newMinutes += minuteIncrement;
+              if (newMinutes > 59) {
+                newMinutes = 0;
+                if (!incrementOnlySelected) newHours += 1;
+              }
+            } else {
+              if (newMinutes >= minuteIncrement || newMinutes === 0) {
+                newMinutes -= minuteIncrement;
+                if (newMinutes < 0 && newHours > 0) {
+                  newMinutes = 60 - minuteIncrement;
+                  if (!incrementOnlySelected) newHours -= 1;
+                }
+                if (newHours < 0) {
+                  newHours = 0;
+                }
+              } else {
+                newMinutes = 0;
+              }
+            }
+          }
+          var newMinutesString = newMinutes < 10 ? "0".concat(newMinutes) : newMinutes;
+          var newHoursString = withLeadingZero && newHours < 10 ? "0".concat(newHours) : newHours;
+          var newValue = "".concat(newHoursString, ":").concat(newMinutesString);
+          if (validation(newValue, withLeadingZero)) {
+            setCurrentValue(newValue);
+            requestAnimationFrame(function () {
+              var _inputRef$current;
+              var newDotsIndex = newValue.indexOf(":");
+              var isHoursSelected = selectionStart < newDotsIndex;
+              var newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;
+              var selectionEnd = isHoursSelected ? newDotsIndex : newValue.length;
+              (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.setSelectionRange(newSelectionStart, selectionEnd);
+            });
+          }
+        }
+      }
+    }, [currentValue, incrementOnlySelected, minuteIncrement, validation, withLeadingZero]);
+    var handleKeyDown = React.useCallback(function (e) {
+      if (e.key === "Enter") {
+        e.target.blur();
+        onEnterKeyPress && onEnterKeyPress();
+      }
+      if (e.key === "ArrowLeft") {
+        return;
+      }
+      if (e.key === "ArrowRight") {
+        return;
+      }
+      if (e.key === "Escape") {
+        escapeRef.current = true;
+        e.target.blur();
+        typeof onCancel === "function" && onCancel();
+        escapeRef.current = false;
+      }
+      if (e.key === "Backspace") {
+        return;
+      }
+      if ((e.metaKey || e.ctrlKey) && e.key === "a") {
+        var _inputRef$current2;
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.select();
+        return;
+      }
+      var input = e.target;
+      var start = input.selectionStart;
+      var end = input.selectionEnd;
+      var currentValue = input.value;
+      if (e.key === "Tab") {
+        if (start !== end) {
+          if (e.shiftKey) {
+            var newDotsIndex = currentValue.indexOf(":");
+            var isMinutesSelected = start > newDotsIndex;
+            if (isMinutesSelected) {
+              var _inputRef$current3;
+              e.preventDefault();
+              (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.setSelectionRange(0, newDotsIndex);
+            }
+          } else {
+            var _newDotsIndex = currentValue.indexOf(":");
+            var isHoursSelected = start < _newDotsIndex;
+            if (isHoursSelected) {
+              var _inputRef$current4;
+              e.preventDefault();
+              (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.setSelectionRange(_newDotsIndex + 1, currentValue.length);
+            }
+          }
+        }
+        return;
+      }
+      if (start !== end) {
+        if (e.key === "ArrowUp") {
+          handleIncrementDecrement(true);
+          return;
+        }
+        if (e.key === "ArrowDown") {
+          handleIncrementDecrement(false);
+          return;
+        }
+        var newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
+        if (!validation(newValue, withLeadingZero)) {
+          e.preventDefault();
+          return;
+        }
+      } else {
+        var _newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
+        if (!validation(_newValue, withLeadingZero)) {
+          e.preventDefault();
+          return;
+        }
+      }
+    }, [handleIncrementDecrement, onCancel, onEnterKeyPress, validation, withLeadingZero]);
+    var handleChange = React.useCallback(function (e) {
+      setCurrentValue(e.target.value);
+    }, []);
+    var handleClick = function handleClick() {
+      var _inputRef$current5;
+      var selectionStart = (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.selectionStart;
+      if (inputRef.current && currentValue && currentValue.length > 0 && typeof selectionStart === "number") {
+        var dotsIndex = currentValue.indexOf(":");
+        if (selectionStart < dotsIndex) {
+          var _inputRef$current6;
+          (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.setSelectionRange(0, dotsIndex);
+        } else if (selectionStart >= dotsIndex) {
+          var _inputRef$current7;
+          (_inputRef$current7 = inputRef.current) === null || _inputRef$current7 === void 0 ? void 0 : _inputRef$current7.setSelectionRange(dotsIndex + 1, currentValue.length);
+        }
+      }
+    };
+    var handleDoubleClick = function handleDoubleClick() {
+      if (inputRef.current) {
+        var _inputRef$current8;
+        (_inputRef$current8 = inputRef.current) === null || _inputRef$current8 === void 0 ? void 0 : _inputRef$current8.select();
+      }
+    };
+    var inputProps = {
+      value: currentValue,
+      onBlur: handleBlur,
+      onKeyDown: handleKeyDown,
+      onChange: handleChange,
+      onClick: handleClick,
+      onDoubleClick: handleDoubleClick,
+      onEnterKeyPress: onEnterKeyPress
+    };
+    if (!children) {
+      console.error("No children provided!");
+      return null;
+    }
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].Children.map(children, function (child) {
+      var el = child;
+      if (el && el.type === EditableContent) {
+        return /*#__PURE__*/React__default["default"].cloneElement(child, {
+          ref: handleRef,
+          inputProps: inputProps
+        });
+      }
+      return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread2({
+        ref: handleRef
+      }, inputProps));
+    }));
+  });
+  HoursWrapper.displayName = "HoursWrapper";
+
+  var _excluded$G = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
+  var InputHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var value = _ref.value,
+      onCancel = _ref.onCancel,
+      onSave = _ref.onSave,
+      onEnterKeyPress = _ref.onEnterKeyPress,
+      allowEmptyValue = _ref.allowEmptyValue,
+      _ref$withLeadingZero = _ref.withLeadingZero,
+      withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
+      _ref$validation = _ref.validation,
+      validation = _ref$validation === void 0 ? validateTimeInput : _ref$validation,
+      _ref$incrementOnlySel = _ref.incrementOnlySelected,
+      incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
+      _ref$minuteIncrement = _ref.minuteIncrement,
+      minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, _excluded$G);
+    var inputRef = React.useRef(null);
+    var handleRef = useForkRef(ref, inputRef);
+    return /*#__PURE__*/React__default["default"].createElement(HoursWrapper, {
+      value: value,
+      onCancel: onCancel,
+      onSave: onSave,
+      onEnterKeyPress: onEnterKeyPress,
+      incrementOnlySelected: incrementOnlySelected,
+      minuteIncrement: minuteIncrement,
+      allowEmptyValue: allowEmptyValue,
+      withLeadingZero: withLeadingZero,
+      validation: validation
+    }, /*#__PURE__*/React__default["default"].createElement(Input, _extends({
+      ref: handleRef,
+      className: className,
+      placeholder: withLeadingZero ? "00:00" : "0:00"
+    }, rest)));
+  });
+  InputHours.displayName = "InputHours";
+
+  var _excluded$F = ["expanded"];
+  var ExpandAll = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var _ref$expanded = _ref.expanded,
+      expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+      rest = _objectWithoutProperties(_ref, _excluded$F);
+    return /*#__PURE__*/React__default["default"].createElement(StyledExpand, _extends({
+      ref: ref,
+      viewBox: "0 0 24 24"
+    }, rest), expanded ? /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M13 16l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 18.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 16zm4.72-11.736a.867.867 0 010 1.275L13 10 8.28 5.539a.867.867 0 010-1.275.993.993 0 011.348 0L13 7.451l3.372-3.187a.993.993 0 011.349 0zM13 15a2 2 0 100-4 2 2 0 000 4z"
+    }) : /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M17.72 16.264a.867.867 0 010 1.275L13 22l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L13 19.451l3.372-3.187a.993.993 0 011.349 0zM13 4l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 6.549 9.628 9.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 4zm0 11a2 2 0 100-4 2 2 0 000 4z"
+    }));
+  });
+  ExpandAll.displayName = "ExpandAll";
+
+  var StyledMenuSelectorDots = styled__default["default"](TreeDotsIcon$1).withConfig({
+    displayName: "Styles__StyledMenuSelectorDots",
+    componentId: "sc-1x7qbnu-0"
+  })(["", ""], {
+    "marginLeft": "0.5rem",
+    "flexShrink": "0",
+    "cursor": "pointer"
+  });
+  StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
+  var StyledMenuSelectorBack = styled__default["default"](ArrowLeftIcon$1).withConfig({
+    displayName: "Styles__StyledMenuSelectorBack",
+    componentId: "sc-1x7qbnu-1"
+  })(["", ""], {
+    "marginRight": "0.5rem",
+    "flexShrink": "0",
+    "cursor": "pointer",
+    "stroke": "currentColor"
+  });
+  StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
+  var StyledMenuSelector = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledMenuSelector",
+    componentId: "sc-1x7qbnu-2"
+  })(["", " ", " color:var(--color-theme-700);"], BoxSizingStyle, FontStyle);
+  StyledMenuSelector.displayName = "StyledMenuSelector";
+  var StyledMenuSelectorInner = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledMenuSelectorInner",
+    componentId: "sc-1x7qbnu-3"
+  })(["", ""], {
+    "margin": "1rem",
+    "display": "flex",
+    "alignItems": "center"
+  });
+  StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
+
+  var MenuSelector = function MenuSelector(_ref) {
+    var defaultValue = _ref.defaultValue,
+      children = _ref.children,
+      placeholder = _ref.placeholder,
+      onChange = _ref.onChange,
+      onBack = _ref.onBack,
+      onEdit = _ref.onEdit,
+      _ref$autoFocus = _ref.autoFocus,
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+      className = _ref.className,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      _ref$autoComplete = _ref.autoComplete,
+      autoComplete = _ref$autoComplete === void 0 ? false : _ref$autoComplete;
+    var handleChange = React.useCallback(function (e) {
+      if (typeof onChange === "function") {
+        onChange(e.target.value);
+      }
+    }, [onChange]);
+    return /*#__PURE__*/React__default["default"].createElement(StyledMenuSelector, {
+      className: classNames__default["default"]("c-menu-selector", className)
+    }, /*#__PURE__*/React__default["default"].createElement(StyledMenuSelectorInner, null, typeof onBack === "function" ? /*#__PURE__*/React__default["default"].createElement(StyledMenuSelectorBack, {
+      onClick: onBack,
+      width: "16px",
+      height: "16px"
+    }) : null, /*#__PURE__*/React__default["default"].createElement(Input, {
+      onChange: handleChange,
+      placeholder: placeholder,
+      autoFocus: autoFocus,
+      defaultValue: defaultValue,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      autoComplete: autoComplete ? "on" : "off"
+    }), typeof onEdit === "function" ? /*#__PURE__*/React__default["default"].createElement(StyledMenuSelectorDots, {
+      onClick: onEdit
+    }) : null), children);
+  };
+  MenuSelector.displayName = "MenuSelector";
+
+  var StyledTextarea = styled__default["default"].textarea.withConfig({
+    displayName: "Styles__StyledTextarea",
+    componentId: "sc-m6jqw8-0"
+  })(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;min-height:90px;outline:none;", " ", " ", " ", " &::placeholder{", "}", ""], {
+    "fontSize": "0.875rem"
+  }, {
+    "color": "var(--color-theme-900)"
+  }, {
+    "lineHeight": "1.375"
+  }, {
+    "letterSpacing": "0.02em"
+  }, {
+    "fontWeight": "400"
+  }, {
+    "borderColor": "var(--color-theme-500)"
+  }, FontStyle, BoxSizingStyle, function (props) {
+    return props.disabled && styled.css(["", ""], {
+      "cursor": "not-allowed",
+      "opacity": "0.5"
+    });
+  }, function (props) {
+    return !props.disabled && !props.$invalid && styled.css(["&:active,&:focus,&:hover{", "}"], {
+      "borderColor": "var(--color-primary)"
+    });
+  }, {
+    "color": "var(--color-theme-transparent-500)"
+  }, function (props) {
+    return !props.disabled && props.$invalid && styled.css(["", ""], {
+      "borderColor": "var(--red-alert)"
+    });
+  });
+  StyledTextarea.displayName = "StyledTextarea";
+
+  var _excluded$E = ["className", "disabled", "invalid"];
+  var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      rest = _objectWithoutProperties(_ref, _excluded$E);
+    return /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
+      $invalid: invalid,
+      ref: ref,
+      disabled: disabled,
+      className: classNames__default["default"]("c-textarea", {
+        "c-textarea__disabled": disabled
+      }, className)
+    }));
+  });
+  Textarea.displayName = "Textarea";
+
+  function createChainedFunction() {
+    for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
+      functions[_key] = arguments[_key];
+    }
+    return functions.reduce(function (acc, func) {
+      if (func === null) {
+        return acc;
+      }
+      return function chainedFunction() {
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+        acc && acc.apply(this, args);
+        func && func.apply(this, args);
+      };
+    },
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    function () {});
+  }
+
+  var _excluded$D = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose", "onClickOutside"];
+  var getHasTransition = function getHasTransition(children) {
+    return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
+  };
+  var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var children = _ref.children,
+      _ref$disableFocusLock = _ref.disableFocusLock,
+      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+      _ref$disableScrollLoc = _ref.disableScrollLock,
+      disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+      _ref$disableBackgroun = _ref.disableBackgroundClick,
+      disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
+      _ref$disableBackgroun2 = _ref.disableBackgroundColor,
+      disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
+      _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+      disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
+      _ref$open = _ref.open,
+      defaultOpen = _ref$open === void 0 ? false : _ref$open,
+      onClose = _ref.onClose,
+      onClickOutside = _ref.onClickOutside,
+      rest = _objectWithoutProperties(_ref, _excluded$D);
+    var _useState = React.useState(defaultOpen),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+    var _useState3 = React.useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      exited = _useState4[0],
+      setExited = _useState4[1];
+    var innerRef = React.useRef(null);
+    var handleRef = useForkRef(innerRef, ref);
+    var hasTransition = React.useMemo(function () {
+      return getHasTransition(children);
+    }, [children]);
+    React.useEffect(function () {
+      setOpen(defaultOpen);
+    }, [defaultOpen]);
+    var handleClose = React.useCallback(function () {
+      setOpen(false);
+      if (!hasTransition) {
+        typeof onClose === "function" && onClose();
+      }
+    }, [hasTransition, onClose]);
+    var handleBackgroundClick = React.useCallback(function (event) {
+      if (!disableBackgroundClick) {
+        event.preventDefault();
+        return handleClose();
+      }
+      if (onClickOutside) {
+        onClickOutside(event);
+      }
+    }, [disableBackgroundClick, onClickOutside, handleClose]);
+    var handleEnter = React.useCallback(function () {
+      setExited(false);
+    }, []);
+    var handleExited = React.useCallback(function () {
+      setExited(true);
+      typeof onClose === "function" && onClose();
+    }, [onClose]);
+    var childProps = React.useMemo(function () {
+      var props = {};
+
+      // It's a Transition like component
+      if (hasTransition && children) {
+        props = {
+          onEnter: createChainedFunction(handleEnter, children.props.onEnter),
+          onExited: createChainedFunction(handleExited, children.props.onExited),
+          in: open
+        };
+      }
+      return props;
+    }, [children, handleEnter, handleExited, hasTransition, open]);
+    if (!open && (!hasTransition || exited)) {
+      return null;
+    }
+    return /*#__PURE__*/React__default["default"].createElement(Window, _extends({}, rest, {
+      ref: handleRef,
+      onClose: handleClose,
+      disableFocusLock: disableFocusLock,
+      disableScrollLock: disableScrollLock,
+      disableCloseOnEsc: disableCloseOnEsc
+    }), open ? /*#__PURE__*/React__default["default"].createElement(Overlay, {
+      onClick: handleBackgroundClick,
+      disableBackgroundColor: disableBackgroundColor
+    }) : null, /*#__PURE__*/React.cloneElement(children, childProps));
+  });
+  Modal.displayName = "Modal";
+
+  var StyledSheetIcons = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledSheetIcons",
+    componentId: "sc-144eyxd-0"
+  })(["display:flex;height:0;position:relative;span{position:relative;background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);cursor:pointer;border-radius:100%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;& > *{height:40px;width:40px;padding:8px;fill:var(--color-theme-600);}}"]);
+  StyledSheetIcons.displayName = "StyledSheetIcons";
+  var StyledSheetWrapper = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledSheetWrapper",
+    componentId: "sc-144eyxd-1"
   })(["", " ", " position:relative;max-width:95vw;display:flex;flex-direction:row;", " ", " ", " ", " ", " ", ""], BoxSizingStyle, FontStyle, function (props) {
     return props.$mode === "stretch" ? styled.css(["margin-top:8px;height:calc(100vh - 16px);width:calc(100vw - 100px);max-width:1000px;", "{flex-direction:column;width:0;height:calc(100vh - 32px);& > *{margin-bottom:8px;animation-fill-mode:both;}span{top:8px;}}"], StyledSheetIcons) : styled.css(["max-height:calc(100vh - 156px);margin-top:126px;margin-bottom:30px;width:540px;flex-direction:column;", "{flex-direction:row-reverse;& > *{margin-left:8px;animation-fill-mode:both;}span{top:-48px;right:8px;}}"], StyledSheetIcons);
   }, function (props) {
@@ -12598,7 +13046,7 @@
   });
   StyledCssTransition.displayName = "StyledCssTransition";
 
-  var _excluded$D = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
+  var _excluded$C = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
   var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       onClose = _ref.onClose,
@@ -12622,7 +13070,7 @@
       bodyClassName = _ref.bodyClassName,
       _ref$disableBackgroun2 = _ref.disableBackgroundClick,
       disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      rest = _objectWithoutProperties(_ref, _excluded$D);
+      rest = _objectWithoutProperties(_ref, _excluded$C);
     var _useState = React.useState(defaultOpen),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
@@ -12715,13 +13163,13 @@
   });
   StyledHeader.displayName = "StyledHeader";
 
-  var _excluded$C = ["className", "size", "children"];
+  var _excluded$B = ["className", "size", "children"];
   var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "small" : _ref$size,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$C);
+      rest = _objectWithoutProperties(_ref, _excluded$B);
     return /*#__PURE__*/React__default["default"].createElement(StyledHeader, _extends({
       type: "paper-2",
       className: classNames__default["default"]("c-header", className),
@@ -12737,7 +13185,7 @@
   })(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);
   StyledAutoResizeTextarea.displayName = "StyledAutoResizeTextarea";
 
-  var _excluded$B = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
+  var _excluded$A = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
   var AutoResizeTextarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$minRows = _ref.minRows,
       minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
@@ -12753,7 +13201,7 @@
       cursorAtTextEnd = _ref$cursorAtTextEnd === void 0 ? false : _ref$cursorAtTextEnd,
       onKeyDown = _ref.onKeyDown,
       value = _ref.value,
-      rest = _objectWithoutProperties(_ref, _excluded$B);
+      rest = _objectWithoutProperties(_ref, _excluded$A);
     var innerRef = React.useRef(null);
     var _useState = React.useState(minRows),
       _useState2 = _slicedToArray(_useState, 2),
@@ -13029,7 +13477,7 @@
   });
   StyledChoose.displayName = "StyledChoose";
 
-  var _excluded$A = ["children", "disabled", "active", "className"];
+  var _excluded$z = ["children", "disabled", "active", "className"];
   /**
    * Choose component
    */
@@ -13040,7 +13488,7 @@
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$A);
+      args = _objectWithoutProperties(_ref, _excluded$z);
     return /*#__PURE__*/React__default["default"].createElement(StyledChoose, _extends({
       disabled: disabled,
       className: classNames__default["default"]("c-choose", className),
@@ -13136,21 +13584,21 @@
   StyledLinkElements.displayName = "StyledLinkElements";
   StyledLink.displayName = "StyledLink";
 
-  var _excluded$z = ["children", "className"];
+  var _excluded$y = ["children", "className"];
   /**
    * Back link component
    */
   var BackLink = function BackLink(_ref) {
     var children = _ref.children,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$z);
+      args = _objectWithoutProperties(_ref, _excluded$y);
     return /*#__PURE__*/React__default["default"].createElement(StyledBackLink, _extends({
       className: classNames__default["default"]("c-back-link", className)
     }, args), children);
   };
   BackLink.displayName = "BackLink";
 
-  var _excluded$y = ["as", "children", "variant", "size", "disabled", "className"];
+  var _excluded$x = ["as", "children", "variant", "size", "disabled", "className"];
   /**
    * Link component
    */
@@ -13163,7 +13611,7 @@
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$y);
+      args = _objectWithoutProperties(_ref, _excluded$x);
     var Component = as || "a";
     return /*#__PURE__*/React__default["default"].createElement(StyledLink, _extends({
       ref: ref,
@@ -13274,7 +13722,7 @@
   })(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
   StyledDialogActions.displayName = "StyledDialogActions";
 
-  var _excluded$x = ["in", "children", "style", "timeout"];
+  var _excluded$w = ["in", "children", "style", "timeout"];
   var defaultStyle$1 = function defaultStyle(duration) {
     return {
       transition: "all ".concat(duration, "ms ease-in-out"),
@@ -13302,7 +13750,7 @@
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$x);
+      rest = _objectWithoutProperties(_ref, _excluded$w);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
       in: inProp,
@@ -13317,7 +13765,7 @@
   };
   Fade.displayName = "Fade";
 
-  var _excluded$w = ["in", "children", "style", "timeout", "initialDirection"];
+  var _excluded$v = ["in", "children", "style", "timeout", "initialDirection"];
   var Slide = function Slide(_ref) {
     var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
@@ -13327,7 +13775,7 @@
       timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
       _ref$initialDirection = _ref.initialDirection,
       initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection,
-      rest = _objectWithoutProperties(_ref, _excluded$w);
+      rest = _objectWithoutProperties(_ref, _excluded$v);
     var directionSign;
     switch (initialDirection) {
       case "right":
@@ -13380,12 +13828,12 @@
     return props.$direction === "right" && styled.css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
   });
 
-  var _excluded$v = ["children", "direction"];
+  var _excluded$u = ["children", "direction"];
   var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
     var children = _ref.children,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? "left" : _ref$direction,
-      props = _objectWithoutProperties(_ref, _excluded$v);
+      props = _objectWithoutProperties(_ref, _excluded$u);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, _extends({
       timeout: 200,
       classNames: "c-slide",
@@ -13428,7 +13876,7 @@
   };
   ResizeTransition.displayName = "ResizeTransition";
 
-  var _excluded$u = ["in", "children", "style", "timeout"];
+  var _excluded$t = ["in", "children", "style", "timeout"];
   var defaultStyle = function defaultStyle(duration) {
     return {
       transition: "all ".concat(duration, "ms ease-in"),
@@ -13462,7 +13910,7 @@
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$u);
+      rest = _objectWithoutProperties(_ref, _excluded$t);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
       in: inProp,
@@ -13512,13 +13960,13 @@
   };
   Scale.displayName = "Scale";
 
-  var _excluded$t = ["className", "children"];
+  var _excluded$s = ["className", "children"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogActions = function DialogActions(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$t);
+      rest = _objectWithoutProperties(_ref, _excluded$s);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
@@ -13527,13 +13975,13 @@
   };
   DialogActions.displayName = "DialogActions";
 
-  var _excluded$s = ["className", "children"];
+  var _excluded$r = ["className", "children"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogContent = function DialogContent(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$s);
+      rest = _objectWithoutProperties(_ref, _excluded$r);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContent, _extends({
@@ -13554,7 +14002,7 @@
   };
   DialogContentDivider.displayName = "DialogContentDivider";
 
-  var _excluded$r = ["children", "className", "disableDefaultHeading"];
+  var _excluded$q = ["children", "className", "disableDefaultHeading"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogTitle = function DialogTitle(_ref) {
@@ -13562,7 +14010,7 @@
       className = _ref.className,
       _ref$disableDefaultHe = _ref.disableDefaultHeading,
       disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
-      rest = _objectWithoutProperties(_ref, _excluded$r);
+      rest = _objectWithoutProperties(_ref, _excluded$q);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
@@ -13571,7 +14019,7 @@
   };
   DialogTitle.displayName = "DialogTitle";
 
-  var _excluded$q = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"];
+  var _excluded$p = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"];
   var _Dialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$open = _ref.open,
@@ -13585,7 +14033,7 @@
       _ref$animate = _ref.animate,
       animate = _ref$animate === void 0 ? "slide" : _ref$animate,
       onClickOutside = _ref.onClickOutside,
-      rest = _objectWithoutProperties(_ref, _excluded$q);
+      rest = _objectWithoutProperties(_ref, _excluded$p);
     var animateDialog = function animateDialog() {
       switch (animate) {
         case "fade":
@@ -13834,7 +14282,7 @@
   });
   StyledPressed.displayName = "StyledPressed";
 
-  var _excluded$p = ["children", "active", "className"];
+  var _excluded$o = ["children", "active", "className"];
   /**
    * Pressed wrapper for button component
    * @deprecated
@@ -13844,7 +14292,7 @@
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$p);
+      args = _objectWithoutProperties(_ref, _excluded$o);
     return /*#__PURE__*/React__default["default"].createElement(StyledPressed, _extends({
       active: active,
       ref: ref,
@@ -14350,7 +14798,7 @@
   StyledToastMessage.displayName = "StyledToastMessage";
   StyledCloseSmallIcon.displayName = "StyledCloseSmallIcon";
 
-  var _excluded$o = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
+  var _excluded$n = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
   var ToastMessage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var text = _ref.text,
       type = _ref.type,
@@ -14361,7 +14809,7 @@
       dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$o);
+      rest = _objectWithoutProperties(_ref, _excluded$n);
     var handleOnClose = React.useCallback(function () {
       if (typeof onClose === "function") {
         onClose();
@@ -14409,7 +14857,7 @@
   });
   StyledValueButton.displayName = "StyledValueButton";
 
-  var _excluded$n = ["active", "alwaysShowIcon", "icon", "label", "value"];
+  var _excluded$m = ["active", "alwaysShowIcon", "icon", "label", "value"];
   var ValueButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
@@ -14418,7 +14866,7 @@
       icon = _ref.icon,
       label = _ref.label,
       value = _ref.value,
-      args = _objectWithoutProperties(_ref, _excluded$n);
+      args = _objectWithoutProperties(_ref, _excluded$m);
     return /*#__PURE__*/React__default["default"].createElement(StyledValueButton, _extends({
       className: "c-value-button"
     }, args, {
@@ -14447,12 +14895,12 @@
   })(["border:none;margin:0;padding:0;width:auto;overflow:visible;cursor:pointer;background:transparent;outline:none;color:inherit;font:inherit;line-height:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;&::-moz-focus-inner{border:0;padding:0;}"]);
   StyledButton.displayName = "StyledButton";
 
-  var _excluded$m = ["children", "type"];
+  var _excluded$l = ["children", "type"];
   var Trigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? "button" : _ref$type,
-      rest = _objectWithoutProperties(_ref, _excluded$m);
+      rest = _objectWithoutProperties(_ref, _excluded$l);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton, _extends({
       ref: ref,
       role: "button",
@@ -14498,7 +14946,7 @@
   });
   StyledCaretIcon.displayName = "StyledCaretIcon";
 
-  var _excluded$l = ["children", "type", "size", "invalid", "open", "endAdornment", "typographyProps"];
+  var _excluded$k = ["children", "type", "size", "invalid", "open", "endAdornment", "typographyProps"];
   var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$type = _ref.type,
@@ -14511,7 +14959,7 @@
       open = _ref$open === void 0 ? false : _ref$open,
       endAdornment = _ref.endAdornment,
       typographyProps = _ref.typographyProps,
-      rest = _objectWithoutProperties(_ref, _excluded$l);
+      rest = _objectWithoutProperties(_ref, _excluded$k);
     return /*#__PURE__*/React__default["default"].createElement(StyledSelectTrigger, _extends({
       ref: ref,
       role: "button",
@@ -14558,11 +15006,11 @@
   });
   StyledToggle.displayName = "StyledToggle";
 
-  var _excluded$k = ["hovered", "className"];
+  var _excluded$j = ["hovered", "className"];
   var Toggle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var hovered = _ref.hovered,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$k);
+      args = _objectWithoutProperties(_ref, _excluded$j);
     return /*#__PURE__*/React__default["default"].createElement(StyledToggle, {
       className: classNames__default["default"]("c-toggle", className),
       $isHovered: hovered,
@@ -14666,7 +15114,7 @@
   })(["color:var(--color-theme-700);"]);
   ChipCloseIcon.displayName = "ChipCloseIcon";
 
-  var _excluded$j = ["leftAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "variant", "typographyProps"];
+  var _excluded$i = ["leftAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "variant", "typographyProps"];
   var Chip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var leftAdornment = _ref.leftAdornment,
       label = _ref.label,
@@ -14678,7 +15126,7 @@
       closeClassName = _ref.closeClassName,
       variant = _ref.variant,
       typographyProps = _ref.typographyProps,
-      rest = _objectWithoutProperties(_ref, _excluded$j);
+      rest = _objectWithoutProperties(_ref, _excluded$i);
     var showClose = typeof onClose === "function";
     var _variant = React.useMemo(function () {
       if (typeof variant !== "undefined") {
@@ -14754,7 +15202,7 @@
     return isFirst.current;
   };
 
-  var _excluded$i = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear"];
+  var _excluded$h = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear"];
   var ComboBox = function ComboBox(_ref) {
     var _comboBoxRef$current2, _comboBoxRef$current3;
     var _ref$options = _ref.options,
@@ -14787,7 +15235,7 @@
       scrollWrapper = _ref.scrollWrapper,
       onClose = _ref.onClose,
       onClear = _ref.onClear,
-      prop = _objectWithoutProperties(_ref, _excluded$i);
+      prop = _objectWithoutProperties(_ref, _excluded$h);
     var selectedName = React.useMemo(function () {
       var value = "";
       if (!selected) {
@@ -15191,11 +15639,11 @@
   })(["display:flex;justify-content:center;gap:12px;align-items:center;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);
   StyledAddToListButton.displayName = "StyledAddToListButton";
 
-  var _excluded$h = ["text", "className"];
+  var _excluded$g = ["text", "className"];
   var AddToListButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var text = _ref.text,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$h);
+      rest = _objectWithoutProperties(_ref, _excluded$g);
     return /*#__PURE__*/React__default["default"].createElement(StyledAddToListButton, _extends({
       ref: ref,
       className: classNames__default["default"]("c--add-to-list-btn", className)
@@ -15378,11 +15826,11 @@
   };
   ProgressRing.displayName = "ProgressRing";
 
-  var _excluded$g = ["radius"];
+  var _excluded$f = ["radius"];
   var ProgressPie = function ProgressPie(_ref) {
     var _ref$radius = _ref.radius,
       radius = _ref$radius === void 0 ? 20 : _ref$radius,
-      rest = _objectWithoutProperties(_ref, _excluded$g);
+      rest = _objectWithoutProperties(_ref, _excluded$f);
     return /*#__PURE__*/React__default["default"].createElement(ProgressRing, _extends({}, rest, {
       stroke: radius,
       radius: radius
@@ -15597,617 +16045,209 @@
       d: "M7 0A7 7 0 1 1 .008 6.653 6.323 6.323 0 1 0 6.653.008C6.768.003 6.883 0 7 0Z",
       fill: "#FFB000"
     }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M7 0a6.989 6.989 0 0 1 5.58 2.774 7 7 0 0 0-9.807 9.807A7 7 0 0 1 7 0Z",
-      fill: "#FFEB97"
-    }), /*#__PURE__*/React__default["default"].createElement("circle", {
-      stroke: "#975F00",
-      strokeWidth: ".677",
-      cx: "7",
-      cy: "7",
-      r: "6.661"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      fill: "#FFF",
-      d: "M2 14V7h2.968v2.258H10v2.484H7.687V14z"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      fill: "#CCC",
-      d: "M2 12h5.113v2H2z"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M4.593 7.375v2.258h5.032v1.734h-2.21v2.258h-5.04v-6.25h2.218Z",
-      stroke: "#5A3900",
-      strokeWidth: ".75"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M6.206 7.71s3.326-.847 4.657.847",
-      stroke: "#000"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      fill: "#000",
-      fillRule: "nonzero",
-      d: "M10 3h2v1h-2zM6 2h2v1H6z"
-    })));
-  });
-  ThinkingIcon.displayName = "ThinkingIcon";
-  var ThinkingIcon$1 = ThinkingIcon;
-
-  var ThumbsUpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: "14",
-      height: "14",
-      xmlns: "http://www.w3.org/2000/svg",
-      ref: svgRef
-    }, props), /*#__PURE__*/React__default["default"].createElement("g", {
-      fill: "none",
-      fillRule: "evenodd"
-    }, /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M7 2.71C7 4.477 5.308 4.866 4.516 5.87c-.487.62-.677 1.806-.677 1.806v5.194C5.182 13.341 6.096 14 8.806 14c2.164-.021 2.54-.045 3.388-.903.903-.903 1.806-4.39 1.806-6.323 0-.15-.04-.322-.08-.514-.198-.934-1.401-1.129-2.404-1.129-.718 0-1.401.11-1.423.11-.214 0-.315-.299-.226-.527.266-.684.294-1.755.294-2.908C10.161 0 8.581 0 8.581 0S7 0 7 2.71Z",
-      fill: "#FFD60B"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "m4.122 12.763 1.516.785 2.565.34h1.985l1.61-.822 1.469-4.105V7.484c-.558 2.76-1.498 4.33-2.818 4.71-1.32.38-3.408.145-6.265-.702l-.062 1.271Z",
-      fill: "#FFB000"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "m4.516 6.473 1.659-1.416.967-1.495.365-2.419L8.695.341l1.088.525-.14 1.328c-.231-.748-.577-1.001-1.037-.759-.69.364.198 3.188-1.653 4.131-1.851.943-2.83 3.42-2.83 4.836V7.398l.393-.925Z",
-      fill: "#FFEB97"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M8.57.34c.155.007.614.055.932.425.19.22.32.553.32 1.041 0 1.103-.015 2.13-.27 2.785.518.815 1.092.876 1.713.88h.251c.518 0 1.098.049 1.534.254.256.12.462.297.532.579.069 2.345-.761 5.687-1.63 6.555-.787.797-1.156.783-3.146.802-1.968 0-2.958-.358-3.878-.73a37.501 37.501 0 0 0-.75-.297v-4.93c.028-.168.2-1.11.605-1.624.241-.306.576-.548.912-.797.83-.613 1.644-1.26 1.644-2.573 0-.815.148-1.364.36-1.73.31-.539.758-.63.87-.64Z",
-      stroke: "#975F00",
-      strokeWidth: ".677"
-    }), /*#__PURE__*/React__default["default"].createElement("rect", {
-      stroke: "#975F00",
-      strokeWidth: ".677",
-      fill: "#FFF",
-      x: ".339",
-      y: "6.339",
-      width: "3.839",
-      height: "7.323",
-      rx: "1.129"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M.677 11.516c0 .25.203.452.452.452h2.258c.25 0 .452-.202.452-.452v1.355c0 .25-.202.452-.452.452H1.13a.452.452 0 0 1-.452-.452Z",
-      fill: "#CCC"
-    })));
-  });
-  ThumbsUpIcon.displayName = "ThumbsUpIcon";
-  var ThumbsUpIcon$1 = ThumbsUpIcon;
-
-  var ThumbsDownIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: "14",
-      height: "14",
-      xmlns: "http://www.w3.org/2000/svg",
-      ref: svgRef
-    }, props), /*#__PURE__*/React__default["default"].createElement("g", {
-      fill: "none",
-      fillRule: "evenodd"
-    }, /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M7 11.29C7 9.523 8.692 9.134 9.484 8.13c.487-.62.677-1.806.677-1.806V1.129C8.818.659 7.904 0 5.194 0 3.03.021 2.654.045 1.806.903.903 1.806 0 5.293 0 7.226c0 .15.04.322.08.514.198.934 1.401 1.129 2.404 1.129.718 0 1.401-.11 1.423-.11.214 0 .315.299.226.527-.266.684-.294 1.755-.294 2.908C3.839 14 5.419 14 5.419 14S7 14 7 11.29Z",
-      fill: "#FFD60B"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M9.878 1.237 8.362.452 5.797.112H3.812l-1.61.822L.733 5.04v1.477c.558-2.76 1.498-4.33 2.818-4.71 1.32-.38 3.408-.145 6.265.702l.062-1.271Z",
-      fill: "#FFB000"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M9.484 7.527 7.825 8.943l-.967 1.495-.365 2.419-1.188.802-1.088-.525.14-1.328c.231.748.577 1.001 1.037.759.69-.364-.198-3.188 1.653-4.131 1.851-.943 2.83-3.42 2.83-4.836v3.004l-.393.925Z",
-      fill: "#FFEB97"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M5.43 13.66c-.155-.007-.614-.055-.932-.425-.19-.22-.32-.553-.32-1.041 0-1.103.015-2.13.27-2.785-.518-.815-1.092-.876-1.713-.88h-.251c-.518 0-1.098-.049-1.534-.254-.256-.12-.462-.297-.532-.579-.069-2.345.761-5.687 1.63-6.555C2.834.344 3.203.358 5.193.34c2.083 0 3.072.401 4.04.795.195.079.388.157.589.232v4.93c-.029.168-.202 1.11-.606 1.624-.213.27-.499.49-.794.71-1.074.8-1.762 1.446-1.762 2.66 0 .815-.148 1.364-.36 1.73-.31.539-.758.63-.87.64Z",
-      stroke: "#975F00",
-      strokeWidth: ".677"
-    }), /*#__PURE__*/React__default["default"].createElement("rect", {
-      stroke: "#975F00",
-      strokeWidth: ".677",
-      fill: "#FFF",
-      transform: "rotate(180 11.742 4)",
-      x: "9.823",
-      y: ".339",
-      width: "3.839",
-      height: "7.323",
-      rx: "1.129"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M13.323 2.484a.452.452 0 0 0-.452-.452h-2.258a.452.452 0 0 0-.452.452V1.129c0-.25.202-.452.452-.452h2.258c.25 0 .452.203.452.452Z",
-      fill: "#CCC"
-    })));
-  });
-  ThumbsDownIcon.displayName = "ThumbsDownIcon";
-  var ThumbsDownIcon$1 = ThumbsDownIcon;
-
-  var _excluded$f = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
-  var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "regular" : _ref$size,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? "bold" : _ref$weight,
-      htmlFor = _ref.htmlFor,
-      props = _objectWithoutProperties(_ref, _excluded$f);
-    var color = invalid ? "alert" : "primary";
-    var variant = size === "regular" ? "Body 2" : "Caption 1";
-    return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
-      as: "label",
-      className: classNames__default["default"]("c-label", className),
-      variant: variant,
-      color: color,
-      weight: weight,
-      ref: ref,
-      htmlFor: htmlFor
-    }, props), children, required ? "*" : null);
-  });
-  Label.displayName = "Label";
-
-  var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);-- --warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}"]);
-
-  var StyledDiv = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledDiv",
-    componentId: "sc-1wapx2a-0"
-  })(["", " ", " ", ""], FontStyle, BoxSizingStyle, {
-    "position": "relative",
-    "display": "inline-block",
-    "maxWidth": "100%"
-  });
-  var StyledSpan = styled__default["default"](Typography).withConfig({
-    displayName: "Styles__StyledSpan",
-    componentId: "sc-1wapx2a-1"
-  })(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " &:empty:before{content:\" \";}"], function (_ref) {
-    var $disabled = _ref.$disabled;
-    return $disabled && styled.css(["visibility:visible;"]);
-  });
-  StyledSpan.displayName = "StyledSpan";
-  var StyledInput$1 = styled__default["default"](Typography).withConfig({
-    displayName: "Styles__StyledInput",
-    componentId: "sc-1wapx2a-2"
-  })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{display:none;}"], {
-    "position": "absolute",
-    "inset": "0px",
-    "boxSizing": "border-box",
-    "width": "100%",
-    "overflow": "hidden",
-    "whiteSpace": "nowrap",
-    "borderRadius": "0.375rem",
-    "borderWidth": "1px",
-    "borderStyle": "solid",
-    "borderColor": "transparent",
-    ":focus-within": {
-      "overflow": "scroll",
-      "borderColor": "var(--color-theme-700)"
-    },
-    ":hover": {
-      "borderColor": "var(--color-theme-700)"
-    }
-  });
-  StyledInput$1.displayName = "StyledInput";
-
-  var _excluded$e = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef"];
-  var EditableContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var className = _ref.className,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "Body 2" : _ref$variant,
-      weight = _ref.weight,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      inputProps = _ref.inputProps,
-      wrapRef = _ref.wrapRef,
-      props = _objectWithoutProperties(_ref, _excluded$e);
-    var intInputRef = React.useRef(null);
-    var handleRef = useForkRef(ref, intInputRef);
-    var handleBlur = React.useCallback(function (evt) {
-      if (intInputRef !== null && intInputRef !== void 0 && intInputRef.current) {
-        intInputRef.current.scrollLeft = 0;
-      }
-      typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === "function" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur(evt));
-    }, [inputProps]);
-    return /*#__PURE__*/React__default["default"].createElement(StyledDiv, _extends({
-      className: className,
-      ref: wrapRef
-    }, props), /*#__PURE__*/React__default["default"].createElement(StyledSpan, {
-      variant: variant,
-      forwardedAs: "span",
-      weight: weight,
-      $disabled: disabled
-    }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), /*#__PURE__*/React__default["default"].createElement(StyledInput$1, _extends({}, inputProps, {
-      ref: handleRef,
-      forwardedAs: "input",
-      variant: variant,
-      weight: weight,
-      value: inputProps === null || inputProps === void 0 ? void 0 : inputProps.value,
-      onBlur: handleBlur,
-      disabled: disabled,
-      "data-form-type": "other"
+      d: "M7 0a6.989 6.989 0 0 1 5.58 2.774 7 7 0 0 0-9.807 9.807A7 7 0 0 1 7 0Z",
+      fill: "#FFEB97"
+    }), /*#__PURE__*/React__default["default"].createElement("circle", {
+      stroke: "#975F00",
+      strokeWidth: ".677",
+      cx: "7",
+      cy: "7",
+      r: "6.661"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      fill: "#FFF",
+      d: "M2 14V7h2.968v2.258H10v2.484H7.687V14z"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      fill: "#CCC",
+      d: "M2 12h5.113v2H2z"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M4.593 7.375v2.258h5.032v1.734h-2.21v2.258h-5.04v-6.25h2.218Z",
+      stroke: "#5A3900",
+      strokeWidth: ".75"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M6.206 7.71s3.326-.847 4.657.847",
+      stroke: "#000"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      fill: "#000",
+      fillRule: "nonzero",
+      d: "M10 3h2v1h-2zM6 2h2v1H6z"
     })));
   });
-  EditableContent.displayName = "EditableContent";
+  ThinkingIcon.displayName = "ThinkingIcon";
+  var ThinkingIcon$1 = ThinkingIcon;
 
-  var _excluded$d = ["onSave", "onCancel", "value", "inputProps", "allowEmptyString"];
-  var EditableText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var onSave = _ref.onSave,
-      onCancel = _ref.onCancel,
-      value = _ref.value,
-      inputProps = _ref.inputProps,
-      allowEmptyString = _ref.allowEmptyString,
-      props = _objectWithoutProperties(_ref, _excluded$d);
-    var _useState = React.useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentValue = _useState2[0],
-      setCurrentValue = _useState2[1];
-    var _useState3 = React.useState(value),
-      _useState4 = _slicedToArray(_useState3, 2),
-      prevValue = _useState4[0],
-      setPrevValue = _useState4[1];
-    var escapeRef = React.useRef(false);
-    React.useEffect(function () {
-      if (currentValue !== value) {
-        setCurrentValue(value);
-        setPrevValue(value);
-      }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [value]);
-    var handleBlur = React.useCallback(function (e) {
-      if (escapeRef.current) {
-        setCurrentValue(prevValue);
-        escapeRef.current = false;
-      } else {
-        if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-          setPrevValue(e.target.value);
-          setCurrentValue(e.target.value);
-          typeof onSave === "function" && onSave(e);
-        } else {
-          !allowEmptyString ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
-        }
-      }
-    }, [allowEmptyString, onSave, prevValue]);
-    var handleKeyDown = React.useCallback(function (e) {
-      if (e.key === "Enter") {
-        e.target.blur();
-      }
-      if (e.key === "Escape") {
-        escapeRef.current = true;
-        e.target.blur();
-        typeof onCancel === "function" && onCancel();
-      }
-    }, [onCancel]);
-    var handleChange = React.useCallback(function (e) {
-      setCurrentValue(e.target.value);
-    }, []);
-    return /*#__PURE__*/React__default["default"].createElement(EditableContent, _extends({}, props, {
-      ref: ref,
-      inputProps: _objectSpread2(_objectSpread2({}, inputProps), {}, {
-        value: currentValue !== null && currentValue !== void 0 ? currentValue : "",
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-        onChange: handleChange,
-        type: "text",
-        className: classNames__default["default"]("c-input", inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
-      })
-    }));
+  var ThumbsUpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: "14",
+      height: "14",
+      xmlns: "http://www.w3.org/2000/svg",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("g", {
+      fill: "none",
+      fillRule: "evenodd"
+    }, /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M7 2.71C7 4.477 5.308 4.866 4.516 5.87c-.487.62-.677 1.806-.677 1.806v5.194C5.182 13.341 6.096 14 8.806 14c2.164-.021 2.54-.045 3.388-.903.903-.903 1.806-4.39 1.806-6.323 0-.15-.04-.322-.08-.514-.198-.934-1.401-1.129-2.404-1.129-.718 0-1.401.11-1.423.11-.214 0-.315-.299-.226-.527.266-.684.294-1.755.294-2.908C10.161 0 8.581 0 8.581 0S7 0 7 2.71Z",
+      fill: "#FFD60B"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "m4.122 12.763 1.516.785 2.565.34h1.985l1.61-.822 1.469-4.105V7.484c-.558 2.76-1.498 4.33-2.818 4.71-1.32.38-3.408.145-6.265-.702l-.062 1.271Z",
+      fill: "#FFB000"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "m4.516 6.473 1.659-1.416.967-1.495.365-2.419L8.695.341l1.088.525-.14 1.328c-.231-.748-.577-1.001-1.037-.759-.69.364.198 3.188-1.653 4.131-1.851.943-2.83 3.42-2.83 4.836V7.398l.393-.925Z",
+      fill: "#FFEB97"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M8.57.34c.155.007.614.055.932.425.19.22.32.553.32 1.041 0 1.103-.015 2.13-.27 2.785.518.815 1.092.876 1.713.88h.251c.518 0 1.098.049 1.534.254.256.12.462.297.532.579.069 2.345-.761 5.687-1.63 6.555-.787.797-1.156.783-3.146.802-1.968 0-2.958-.358-3.878-.73a37.501 37.501 0 0 0-.75-.297v-4.93c.028-.168.2-1.11.605-1.624.241-.306.576-.548.912-.797.83-.613 1.644-1.26 1.644-2.573 0-.815.148-1.364.36-1.73.31-.539.758-.63.87-.64Z",
+      stroke: "#975F00",
+      strokeWidth: ".677"
+    }), /*#__PURE__*/React__default["default"].createElement("rect", {
+      stroke: "#975F00",
+      strokeWidth: ".677",
+      fill: "#FFF",
+      x: ".339",
+      y: "6.339",
+      width: "3.839",
+      height: "7.323",
+      rx: "1.129"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M.677 11.516c0 .25.203.452.452.452h2.258c.25 0 .452-.202.452-.452v1.355c0 .25-.202.452-.452.452H1.13a.452.452 0 0 1-.452-.452Z",
+      fill: "#CCC"
+    })));
   });
-  EditableText.displayName = "EditableText";
-
-  // export const decimalToHours = (decimal: string) => {
-  //   // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00
-  //   decimal = parseFloat(decimal).toFixed(2);
-  //   decimal = decimal + "";
-  //   let hours;
-  //   let minutes_decimal;
-  //
-  //   if (decimal.indexOf(".") < 0) {
-  //     hours = parseInt(decimal);
-  //     minutes_decimal = 0;
-  //   } else {
-  //     hours = parseInt(decimal.substring(0, decimal.indexOf(".")));
-  //     minutes_decimal = decimal.substring(decimal.indexOf(".") + 1);
-  //     minutes_decimal = minutes_decimal.substring(0, 2);
-  //     if (minutes_decimal.length === 1) {
-  //       minutes_decimal += "0";
-  //     } // if
-  //     minutes_decimal = parseInt(minutes_decimal);
-  //   } // if
-  //
-  //   const minutes = Math.round((minutes_decimal / 100) * 60);
-  //
-  //   if (hours < 10) {
-  //     hours = `0${hours}`;
-  //   }
-  //   return {
-  //     hours: hours,
-  //     minutes: minutes,
-  //   };
-  // };
+  ThumbsUpIcon.displayName = "ThumbsUpIcon";
+  var ThumbsUpIcon$1 = ThumbsUpIcon;
 
-  var decimalToHours = function decimalToHours(num) {
-    var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (!num) {
-      return "";
-    }
-    if (typeof num === "string" && !num) {
-      return withLeadingZeroHours ? "00:00" : "0:00";
-    }
-    if (typeof num === "string" && num.indexOf(":") >= 0) {
-      //eslint-disable-next-line
-      var _num$split = num.split(":"),
-        _num$split2 = _slicedToArray(_num$split, 2),
-        _hours = _num$split2[0],
-        _minutes = _num$split2[1];
-      if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
-        _minutes = "".concat(Number(_minutes), "0");
-      }
-      if (_hours && _minutes) {
-        if (withLeadingZeroHours) {
-          return "".concat(withLeadingZero(_hours), ":").concat(_minutes);
-        }
-        return "".concat(_hours, ":").concat(_minutes);
-      } else if (!_hours && _minutes) {
-        return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
-      } else if (!_minutes && _hours) {
-        return withLeadingZeroHours ? "".concat(withLeadingZero(_hours), ":00") : "".concat(_hours, ":00");
-      } else {
-        return withLeadingZeroHours ? "00:00" : "0:00";
-      }
-    }
-    if (typeof num === "string" && num.indexOf(",") >= 0) {
-      num = num.replace(",", ".");
-    }
-    var input = typeof num === "string" ? parseFloat(num) : num;
-    if (!isDecimal(input)) {
-      if (withLeadingZeroHours) {
-        return "".concat(withLeadingZero(input), ":00");
-      }
-      return "".concat(input, ":00");
-    }
-    var decimal = input.toFixed(2);
-    var time = decimal.toString().split(".");
-    var hours = time[0];
-    if (withLeadingZeroHours) {
-      hours = withLeadingZero(hours);
-    }
-    var minutes = time[1];
-    var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
-    return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
-  };
-  var withLeadingZero = function withLeadingZero(num) {
-    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-    var s = "".concat(num);
-    while (s.length < size) {
-      s = "0" + s;
-    }
-    return s;
-  };
-  var isDecimal = function isDecimal(num) {
-    return !Number.isInteger(num);
-  };
+  var ThumbsDownIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: "14",
+      height: "14",
+      xmlns: "http://www.w3.org/2000/svg",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("g", {
+      fill: "none",
+      fillRule: "evenodd"
+    }, /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M7 11.29C7 9.523 8.692 9.134 9.484 8.13c.487-.62.677-1.806.677-1.806V1.129C8.818.659 7.904 0 5.194 0 3.03.021 2.654.045 1.806.903.903 1.806 0 5.293 0 7.226c0 .15.04.322.08.514.198.934 1.401 1.129 2.404 1.129.718 0 1.401-.11 1.423-.11.214 0 .315.299.226.527-.266.684-.294 1.755-.294 2.908C3.839 14 5.419 14 5.419 14S7 14 7 11.29Z",
+      fill: "#FFD60B"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M9.878 1.237 8.362.452 5.797.112H3.812l-1.61.822L.733 5.04v1.477c.558-2.76 1.498-4.33 2.818-4.71 1.32-.38 3.408-.145 6.265.702l.062-1.271Z",
+      fill: "#FFB000"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M9.484 7.527 7.825 8.943l-.967 1.495-.365 2.419-1.188.802-1.088-.525.14-1.328c.231.748.577 1.001 1.037.759.69-.364-.198-3.188 1.653-4.131 1.851-.943 2.83-3.42 2.83-4.836v3.004l-.393.925Z",
+      fill: "#FFEB97"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M5.43 13.66c-.155-.007-.614-.055-.932-.425-.19-.22-.32-.553-.32-1.041 0-1.103.015-2.13.27-2.785-.518-.815-1.092-.876-1.713-.88h-.251c-.518 0-1.098-.049-1.534-.254-.256-.12-.462-.297-.532-.579-.069-2.345.761-5.687 1.63-6.555C2.834.344 3.203.358 5.193.34c2.083 0 3.072.401 4.04.795.195.079.388.157.589.232v4.93c-.029.168-.202 1.11-.606 1.624-.213.27-.499.49-.794.71-1.074.8-1.762 1.446-1.762 2.66 0 .815-.148 1.364-.36 1.73-.31.539-.758.63-.87.64Z",
+      stroke: "#975F00",
+      strokeWidth: ".677"
+    }), /*#__PURE__*/React__default["default"].createElement("rect", {
+      stroke: "#975F00",
+      strokeWidth: ".677",
+      fill: "#FFF",
+      transform: "rotate(180 11.742 4)",
+      x: "9.823",
+      y: ".339",
+      width: "3.839",
+      height: "7.323",
+      rx: "1.129"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M13.323 2.484a.452.452 0 0 0-.452-.452h-2.258a.452.452 0 0 0-.452.452V1.129c0-.25.202-.452.452-.452h2.258c.25 0 .452.203.452.452Z",
+      fill: "#CCC"
+    })));
+  });
+  ThumbsDownIcon.displayName = "ThumbsDownIcon";
+  var ThumbsDownIcon$1 = ThumbsDownIcon;
 
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  var _excluded$e = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
+  var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "regular" : _ref$size,
+      children = _ref.children,
+      className = _ref.className,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "bold" : _ref$weight,
+      htmlFor = _ref.htmlFor,
+      props = _objectWithoutProperties(_ref, _excluded$e);
+    var color = invalid ? "alert" : "primary";
+    var variant = size === "regular" ? "Body 2" : "Caption 1";
+    return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
+      as: "label",
+      className: classNames__default["default"]("c-label", className),
+      variant: variant,
+      color: color,
+      weight: weight,
+      ref: ref,
+      htmlFor: htmlFor
+    }, props), children, required ? "*" : null);
+  });
+  Label.displayName = "Label";
 
-  var HoursWrapper = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-    var children = _ref.children,
-      value = _ref.value,
+  var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);-- --warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}"]);
+
+  var _excluded$d = ["onSave", "onCancel", "value", "inputProps", "allowEmptyString"];
+  var EditableText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var onSave = _ref.onSave,
       onCancel = _ref.onCancel,
-      onSave = _ref.onSave,
-      allowEmptyValue = _ref.allowEmptyValue,
-      _ref$withLeadingZero = _ref.withLeadingZero,
-      withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
-      _ref$validation = _ref.validation,
-      validation = _ref$validation === void 0 ? validateTimeInput : _ref$validation,
-      _ref$incrementOnlySel = _ref.incrementOnlySelected,
-      incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
-      _ref$minuteIncrement = _ref.minuteIncrement,
-      minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement;
-    var inputRef = React.useRef(null);
-    var handleRef = useForkRef(ref, inputRef);
-    var _useState = React.useState(function () {
-        return decimalToHours(value, withLeadingZero);
-      }),
+      value = _ref.value,
+      inputProps = _ref.inputProps,
+      allowEmptyString = _ref.allowEmptyString,
+      props = _objectWithoutProperties(_ref, _excluded$d);
+    var _useState = React.useState(value),
       _useState2 = _slicedToArray(_useState, 2),
       currentValue = _useState2[0],
       setCurrentValue = _useState2[1];
-    var _useState3 = React.useState(function () {
-        return decimalToHours(value, withLeadingZero);
-      }),
+    var _useState3 = React.useState(value),
       _useState4 = _slicedToArray(_useState3, 2),
       prevValue = _useState4[0],
       setPrevValue = _useState4[1];
     var escapeRef = React.useRef(false);
     React.useEffect(function () {
-      var _value;
-      if (value !== undefined) {
-        _value = decimalToHours(value, withLeadingZero);
-      }
-      if (currentValue !== _value) {
-        setCurrentValue(_value);
-        setPrevValue(_value);
+      if (currentValue !== value) {
+        setCurrentValue(value);
+        setPrevValue(value);
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value]);
     var handleBlur = React.useCallback(function (e) {
       if (escapeRef.current) {
         setCurrentValue(prevValue);
+        escapeRef.current = false;
       } else {
         if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-          var _value = decimalToHours(e.target.value, withLeadingZero);
-          setPrevValue(_value);
-          setCurrentValue(_value);
+          setPrevValue(e.target.value);
+          setCurrentValue(e.target.value);
           typeof onSave === "function" && onSave(e);
         } else {
-          !allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
-        }
-      }
-    }, [allowEmptyValue, onSave, prevValue, withLeadingZero]);
-    var handleIncrementDecrement = React.useCallback(function (increment) {
-      if (inputRef.current) {
-        var selectionStart = inputRef.current.selectionStart;
-        if (selectionStart !== null) {
-          var dotsIndex = currentValue.indexOf(":");
-          var _currentValue$split$m = currentValue.split(":").map(Number),
-            _currentValue$split$m2 = _slicedToArray(_currentValue$split$m, 2),
-            hours = _currentValue$split$m2[0],
-            minutes = _currentValue$split$m2[1];
-          var newHours = hours;
-          var newMinutes = minutes;
-          if (selectionStart < dotsIndex) {
-            if (increment) {
-              newHours += 1;
-            } else {
-              newHours -= 1;
-              if (newHours < 0) newHours = 0;
-            }
-          } else if (selectionStart > dotsIndex) {
-            if (increment) {
-              newMinutes += minuteIncrement;
-              if (newMinutes > 59) {
-                newMinutes = 0;
-                if (!incrementOnlySelected) newHours += 1;
-              }
-            } else {
-              if (newMinutes >= minuteIncrement || newMinutes === 0) {
-                newMinutes -= minuteIncrement;
-                if (newMinutes < 0 && newHours > 0) {
-                  newMinutes = 60 - minuteIncrement;
-                  if (!incrementOnlySelected) newHours -= 1;
-                }
-                if (newHours < 0) {
-                  newHours = 0;
-                }
-              } else {
-                newMinutes = 0;
-              }
-            }
-          }
-          var newMinutesString = newMinutes < 10 ? "0".concat(newMinutes) : newMinutes;
-          var newHoursString = withLeadingZero && newHours < 10 ? "0".concat(newHours) : newHours;
-          var newValue = "".concat(newHoursString, ":").concat(newMinutesString);
-          if (validation(newValue, withLeadingZero)) {
-            setCurrentValue(newValue);
-            requestAnimationFrame(function () {
-              var _inputRef$current;
-              var newDotsIndex = newValue.indexOf(":");
-              var isHoursSelected = selectionStart < newDotsIndex;
-              var newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;
-              var selectionEnd = isHoursSelected ? newDotsIndex : newValue.length;
-              (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.setSelectionRange(newSelectionStart, selectionEnd);
-            });
-          }
+          !allowEmptyString ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
         }
       }
-    }, [currentValue, incrementOnlySelected, minuteIncrement, validation, withLeadingZero]);
+    }, [allowEmptyString, onSave, prevValue]);
     var handleKeyDown = React.useCallback(function (e) {
       if (e.key === "Enter") {
         e.target.blur();
       }
-      if (e.key === "ArrowLeft") {
-        return;
-      }
-      if (e.key === "ArrowRight") {
-        return;
-      }
       if (e.key === "Escape") {
         escapeRef.current = true;
         e.target.blur();
         typeof onCancel === "function" && onCancel();
-        escapeRef.current = false;
-      }
-      if (e.key === "Backspace") {
-        return;
-      }
-      if ((e.metaKey || e.ctrlKey) && e.key === "a") {
-        var _inputRef$current2;
-        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.select();
-        return;
-      }
-      var input = e.target;
-      var start = input.selectionStart;
-      var end = input.selectionEnd;
-      var currentValue = input.value;
-      if (e.key === "Tab") {
-        if (start !== end) {
-          if (e.shiftKey) {
-            var newDotsIndex = currentValue.indexOf(":");
-            var isMinutesSelected = start > newDotsIndex;
-            if (isMinutesSelected) {
-              var _inputRef$current3;
-              e.preventDefault();
-              (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.setSelectionRange(0, newDotsIndex);
-            }
-          } else {
-            var _newDotsIndex = currentValue.indexOf(":");
-            var isHoursSelected = start < _newDotsIndex;
-            if (isHoursSelected) {
-              var _inputRef$current4;
-              e.preventDefault();
-              (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.setSelectionRange(_newDotsIndex + 1, currentValue.length);
-            }
-          }
-        }
-        return;
-      }
-      if (start !== end) {
-        if (e.key === "ArrowUp") {
-          handleIncrementDecrement(true);
-          return;
-        }
-        if (e.key === "ArrowDown") {
-          handleIncrementDecrement(false);
-          return;
-        }
-        var newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
-        if (!validation(newValue, withLeadingZero)) {
-          e.preventDefault();
-          return;
-        }
-      } else {
-        var _newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
-        if (!validation(_newValue, withLeadingZero)) {
-          e.preventDefault();
-          return;
-        }
       }
-    }, [handleIncrementDecrement, onCancel, validation, withLeadingZero]);
+    }, [onCancel]);
     var handleChange = React.useCallback(function (e) {
       setCurrentValue(e.target.value);
     }, []);
-    var handleClick = function handleClick() {
-      var _inputRef$current5;
-      var selectionStart = (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.selectionStart;
-      if (inputRef.current && currentValue && currentValue.length > 0 && typeof selectionStart === "number") {
-        var dotsIndex = currentValue.indexOf(":");
-        if (selectionStart < dotsIndex) {
-          var _inputRef$current6;
-          (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.setSelectionRange(0, dotsIndex);
-        } else if (selectionStart >= dotsIndex) {
-          var _inputRef$current7;
-          (_inputRef$current7 = inputRef.current) === null || _inputRef$current7 === void 0 ? void 0 : _inputRef$current7.setSelectionRange(dotsIndex + 1, currentValue.length);
-        }
-      }
-    };
-    var handleDoubleClick = function handleDoubleClick() {
-      if (inputRef.current) {
-        var _inputRef$current8;
-        (_inputRef$current8 = inputRef.current) === null || _inputRef$current8 === void 0 ? void 0 : _inputRef$current8.select();
-      }
-    };
-    var inputProps = {
-      value: currentValue,
-      onBlur: handleBlur,
-      onKeyDown: handleKeyDown,
-      onChange: handleChange,
-      onClick: handleClick,
-      onDoubleClick: handleDoubleClick
-    };
-    if (!children) {
-      console.error("No children provided!");
-      return null;
-    }
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].Children.map(children, function (child) {
-      var el = child;
-      if (el && el.type === EditableContent) {
-        return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          ref: handleRef,
-          inputProps: inputProps
-        });
-      }
-      return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread2({
-        ref: handleRef
-      }, inputProps));
+    return /*#__PURE__*/React__default["default"].createElement(EditableContent, _extends({}, props, {
+      ref: ref,
+      inputProps: _objectSpread2(_objectSpread2({}, inputProps), {}, {
+        value: currentValue !== null && currentValue !== void 0 ? currentValue : "",
+        onBlur: handleBlur,
+        onKeyDown: handleKeyDown,
+        onChange: handleChange,
+        type: "text",
+        className: classNames__default["default"]("c-input", inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
+      })
     }));
   });
-  HoursWrapper.displayName = "HoursWrapper";
+  EditableText.displayName = "EditableText";
 
   var _excluded$c = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "inputProps"];
   var EditableHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
@@ -17868,6 +17908,7 @@
   exports.InfoSmallIcon = InfoSmallIcon$1;
   exports.Input = Input;
   exports.InputAdornment = InputAdornment;
+  exports.InputHours = InputHours;
   exports.InsertLinkIcon = InsertLinkIcon$1;
   exports.IntegrationsIcon = IntegrationsIcon$1;
   exports.InvoicesIcon = InvoicesIcon$1;