@activecollab/components 2.0.127 → 2.0.129

package/dist/index.js

@@ -199,7 +199,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$1w = ["children", "active", "variant", "size", "className"];
+  var _excluded$1x = ["children", "active", "variant", "size", "className"];
   /**
    * @component Button
    * @description
@@ -229,7 +229,7 @@
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$1w);
+      args = _objectWithoutProperties(_ref, _excluded$1x);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -303,12 +303,12 @@
   AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
   var AddCrossTinyIcon$1 = AddCrossTinyIcon;
 
-  var _excluded$1v = ["className", "disabled"];
+  var _excluded$1w = ["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$1v);
+      rest = _objectWithoutProperties(_ref, _excluded$1w);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -340,11 +340,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$1u = ["children", "className"];
+  var _excluded$1v = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$1u);
+      rest = _objectWithoutProperties(_ref, _excluded$1v);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className)
@@ -368,11 +368,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator.displayName = "StyledListSeparator";
 
-  var _excluded$1t = ["children", "className"];
+  var _excluded$1u = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1t);
+      props = _objectWithoutProperties(_ref, _excluded$1u);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -381,21 +381,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$1s = ["className"];
+  var _excluded$1t = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1s);
+      props = _objectWithoutProperties(_ref, _excluded$1t);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$1r = ["children", "className"];
+  var _excluded$1s = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1r);
+      props = _objectWithoutProperties(_ref, _excluded$1s);
     return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({
       className: className,
       ref: ref,
@@ -842,6 +842,9 @@
   var isDecimal = function isDecimal(num) {
     return !Number.isInteger(num);
   };
+  var isValidTime = function isValidTime(time) {
+    return time === undefined || /^([01]\d|2[0-3]):([0-5]\d)$/.test(time);
+  };
 
   var StyledIconButton = styled__default["default"](Button).withConfig({
     displayName: "Styles__StyledIconButton",
@@ -854,7 +857,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$1q = ["children", "className", "variant", "size", "active"];
+  var _excluded$1r = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -884,7 +887,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$1q);
+      args = _objectWithoutProperties(_ref, _excluded$1r);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton, _extends({
       className: className,
       variant: variant,
@@ -7932,7 +7935,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$1p = ["children", "className", "innerRef", "style"];
+  var _excluded$1q = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -7940,7 +7943,7 @@
       innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$1p);
+      rest = _objectWithoutProperties(_ref, _excluded$1q);
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
       className: classNames__default["default"]("c-bubble", className),
@@ -8001,12 +8004,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$1o = ["className", "disableBackgroundColor"];
+  var _excluded$1p = ["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$1o);
+      rest = _objectWithoutProperties(_ref, _excluded$1p);
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classNames__default["default"]("c-overlay", className),
       $disableBackgroundColor: disableBackgroundColor
@@ -8019,7 +8022,7 @@
     componentId: "sc-1hgjasy-0"
   })(["&[data-popper-reference-hidden]{display:none !important;pointer-events:none !important;}"]);
 
-  var _excluded$1n = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
+  var _excluded$1o = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -8033,7 +8036,7 @@
       _ref$strategy = _ref.strategy,
       strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
       afterWrite = _ref.afterWrite,
-      rest = _objectWithoutProperties(_ref, _excluded$1n);
+      rest = _objectWithoutProperties(_ref, _excluded$1o);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       exited = _useState2[0],
@@ -8180,7 +8183,7 @@
   };
   var LayerContext$1 = LayerContext;
 
-  var _excluded$1m = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
+  var _excluded$1n = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -8197,7 +8200,7 @@
       _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
       disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$1m);
+      rest = _objectWithoutProperties(_ref, _excluded$1n);
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
     var _useLayerContext = useLayerContext(),
@@ -8508,7 +8511,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$1l = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$1m = ["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,
@@ -8539,7 +8542,7 @@
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1l);
+      props = _objectWithoutProperties(_ref, _excluded$1m);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
       as: Component,
@@ -8562,13 +8565,13 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$1k = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$1l = ["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$1k);
+      props = _objectWithoutProperties(_ref, _excluded$1l);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classNames__default["default"]("c-menu-header", className),
       ref: ref
@@ -8593,11 +8596,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$1j = ["children", "className"];
+  var _excluded$1k = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1j);
+      props = _objectWithoutProperties(_ref, _excluded$1k);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
       ref: ref
@@ -8605,14 +8608,14 @@
   });
   MenuFooter.displayName = "MenuFooter";
 
-  var _excluded$1i = ["children", "className", "separator"];
+  var _excluded$1j = ["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$1i);
+      rest = _objectWithoutProperties(_ref, _excluded$1j);
     var internalRef = React.useRef(null);
     var listWrapperRef = React.useRef(null);
     var olRef = React.useRef(null);
@@ -8790,12 +8793,12 @@
     }, value && value > 100 ? 99 + "+" : value);
   };
 
-  var _excluded$1h = ["weight", "children"];
+  var _excluded$1i = ["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$1h);
+      props = _objectWithoutProperties(_ref, _excluded$1i);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
       weight: weight,
@@ -8903,10 +8906,10 @@
   };
   FromElement.displayName = "FromElement";
 
-  var _excluded$1g = ["children"];
+  var _excluded$1h = ["children"];
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1g);
+      props = _objectWithoutProperties(_ref, _excluded$1h);
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
     }, props), children);
@@ -8981,7 +8984,7 @@
   });
   Tooltip.displayName = "Tooltip";
 
-  var _excluded$1f = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "labelClassName", "disabled"];
+  var _excluded$1g = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "labelClassName", "disabled"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
       icon = _ref.icon,
@@ -8994,7 +8997,7 @@
       labelClassName = _ref.labelClassName,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      args = _objectWithoutProperties(_ref, _excluded$1f);
+      args = _objectWithoutProperties(_ref, _excluded$1g);
     return /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonWrapper, {
       ref: ref,
       className: className
@@ -9389,7 +9392,7 @@
   };
   YearMonthPicker.displayName = "YearMonthPicker";
 
-  var _excluded$1e = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers", "renderDay"];
+  var _excluded$1f = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers", "renderDay"];
   var formatWeekdayName = function formatWeekdayName(str) {
     return moment__default["default"](str).format("ddd").charAt(0);
   };
@@ -9415,7 +9418,7 @@
       fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
       defaultModifiers = _ref.modifiers,
       renderDay = _ref.renderDay,
-      rest = _objectWithoutProperties(_ref, _excluded$1e);
+      rest = _objectWithoutProperties(_ref, _excluded$1f);
     var _useState = React.useState(),
       _useState2 = _slicedToArray(_useState, 2),
       enteredTo = _useState2[0],
@@ -10247,10 +10250,10 @@
     componentId: "sc-1n0a2yl-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$1d = ["className"];
+  var _excluded$1e = ["className"];
   var SkeletonLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$1d);
+      rest = _objectWithoutProperties(_ref, _excluded$1e);
     return /*#__PURE__*/React__default["default"].createElement(StyledSkeletonLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--linear", className)
@@ -10264,10 +10267,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$1c = ["className"];
+  var _excluded$1d = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$1c);
+      rest = _objectWithoutProperties(_ref, _excluded$1d);
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--dots", className)
@@ -10289,7 +10292,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$1b = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
+  var _excluded$1c = ["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,
@@ -10304,7 +10307,7 @@
       _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
       rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$1b);
+      rest = _objectWithoutProperties(_ref, _excluded$1c);
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader$1, _extends({
       ref: ref,
       className: className,
@@ -10343,7 +10346,7 @@
   });
   StyledLinearLoader.displayName = "StyledLinearLoader";
 
-  var _excluded$1a = ["height", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "animationDuration"];
+  var _excluded$1b = ["height", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "animationDuration"];
   var LinearLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$height = _ref.height,
       height = _ref$height === void 0 ? 4 : _ref$height,
@@ -10355,7 +10358,7 @@
       activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
       _ref$animationDuratio = _ref.animationDuration,
       animationDuration = _ref$animationDuratio === void 0 ? 0.75 : _ref$animationDuratio,
-      rest = _objectWithoutProperties(_ref, _excluded$1a);
+      rest = _objectWithoutProperties(_ref, _excluded$1b);
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
       $height: height,
@@ -10367,7 +10370,7 @@
   });
   LinearLoader.displayName = "LinearLoader";
 
-  var _excluded$19 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
+  var _excluded$1a = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
   var SortDirection = /*#__PURE__*/function (SortDirection) {
     SortDirection["None"] = "none";
     SortDirection["Asc"] = "asc";
@@ -10417,7 +10420,7 @@
       loading = _ref.loading,
       _ref$loadingRows = _ref.loadingRows,
       loadingRows = _ref$loadingRows === void 0 ? 7 : _ref$loadingRows,
-      args = _objectWithoutProperties(_ref, _excluded$19);
+      args = _objectWithoutProperties(_ref, _excluded$1a);
     var _useState = React.useState(sortDirection),
       _useState2 = _slicedToArray(_useState, 2),
       columnDirection = _useState2[0],
@@ -10777,7 +10780,7 @@
   });
   StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
 
-  var _excluded$18 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
+  var _excluded$19 = ["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,
@@ -10790,7 +10793,7 @@
       _ref$primary = _ref.primary,
       primary = _ref$primary === void 0 ? false : _ref$primary,
       checkMarkClassName = _ref.checkMarkClassName,
-      rest = _objectWithoutProperties(_ref, _excluded$18);
+      rest = _objectWithoutProperties(_ref, _excluded$19);
     return /*#__PURE__*/React__default["default"].createElement(StyledCompleteCheckbox, _extends({
       onClick: onClick,
       className: classNames__default["default"]("c-complete-checkbox", className),
@@ -10825,7 +10828,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
 
-  var _excluded$17 = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$18 = ["children", "className", "type", "hover", "useOptimizedShadow"];
   /**
    * This is a component description and should sit directly above your component
    */
@@ -10838,7 +10841,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$17);
+      rest = _objectWithoutProperties(_ref, _excluded$18);
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classNames__default["default"](className, {
         "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
@@ -10894,7 +10897,7 @@
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$16 = ["children", "className", "hoverable", "variant", "onClick"];
+  var _excluded$17 = ["children", "className", "hoverable", "variant", "onClick"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -10903,7 +10906,7 @@
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$16);
+      rest = _objectWithoutProperties(_ref, _excluded$17);
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: variant,
       className: classNames__default["default"]("c-card", className),
@@ -11012,12 +11015,12 @@
   });
   StyledIcon$1.displayName = "StyledIcon";
 
-  var _excluded$15 = ["weight", "children"];
+  var _excluded$16 = ["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$15);
+      props = _objectWithoutProperties(_ref, _excluded$16);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 1",
@@ -11026,12 +11029,12 @@
   });
   Title1.displayName = "Title1";
 
-  var _excluded$14 = ["weight", "children"];
+  var _excluded$15 = ["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$14);
+      props = _objectWithoutProperties(_ref, _excluded$15);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 2",
@@ -11040,10 +11043,10 @@
   });
   Title2.displayName = "Title2";
 
-  var _excluded$13 = ["children"];
+  var _excluded$14 = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$13);
+      props = _objectWithoutProperties(_ref, _excluded$14);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 2",
@@ -11052,10 +11055,10 @@
   });
   Header2.displayName = "Header2";
 
-  var _excluded$12 = ["children"];
+  var _excluded$13 = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$12);
+      props = _objectWithoutProperties(_ref, _excluded$13);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 3",
@@ -11064,12 +11067,12 @@
   });
   Header3.displayName = "Header3";
 
-  var _excluded$11 = ["weight", "children"];
+  var _excluded$12 = ["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$11);
+      props = _objectWithoutProperties(_ref, _excluded$12);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
       weight: weight,
@@ -11078,12 +11081,12 @@
   });
   Body1.displayName = "Body1";
 
-  var _excluded$10 = ["weight", "children"];
+  var _excluded$11 = ["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$10);
+      props = _objectWithoutProperties(_ref, _excluded$11);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
       weight: weight,
@@ -11092,12 +11095,12 @@
   });
   Caption1.displayName = "Caption1";
 
-  var _excluded$$ = ["weight", "children"];
+  var _excluded$10 = ["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$$);
+      props = _objectWithoutProperties(_ref, _excluded$10);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
       weight: weight,
@@ -11181,7 +11184,7 @@
     componentId: "sc-5x2tyd-1"
   })(["border-radius:100%;object-fit:cover;"]);
 
-  var _excluded$_ = ["url", "alt", "size", "className", "imgClassName", "children"];
+  var _excluded$$ = ["url", "alt", "size", "className", "imgClassName", "children"];
   /**
    * @component Avatar
    * @description
@@ -11216,7 +11219,7 @@
       className = _ref.className,
       imgClassName = _ref.imgClassName,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$_);
+      rest = _objectWithoutProperties(_ref, _excluded$$);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       imageLoaded = _useState2[0],
@@ -11257,13 +11260,13 @@
     return props.$color && styled.css(["background-color:", ";"], props.$color);
   });
 
-  var _excluded$Z = ["color", "size", "className"];
+  var _excluded$_ = ["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$Z);
+      rest = _objectWithoutProperties(_ref, _excluded$_);
     return /*#__PURE__*/React__default["default"].createElement(StyledDot, _extends({
       className: classNames__default["default"]("c-dot", className),
       ref: ref,
@@ -11300,7 +11303,7 @@
   });
   StyledTagText.displayName = "StyledTagText";
 
-  var _excluded$Y = ["name", "color", "showText", "showDot", "className"];
+  var _excluded$Z = ["name", "color", "showText", "showDot", "className"];
   var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var name = _ref.name,
       color = _ref.color,
@@ -11309,7 +11312,7 @@
       _ref$showDot = _ref.showDot,
       showDot = _ref$showDot === void 0 ? true : _ref$showDot,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$Y);
+      rest = _objectWithoutProperties(_ref, _excluded$Z);
     return /*#__PURE__*/React__default["default"].createElement(StyledTag, _extends({
       className: classNames__default["default"]("c-tag", className),
       ref: ref
@@ -11415,7 +11418,7 @@
   });
   StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 
-  var _excluded$X = ["children", "active", "disabled", "className", "role"];
+  var _excluded$Y = ["children", "active", "disabled", "className", "role"];
   var Item = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$active = _ref.active,
@@ -11424,7 +11427,7 @@
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
       role = _ref.role,
-      rest = _objectWithoutProperties(_ref, _excluded$X);
+      rest = _objectWithoutProperties(_ref, _excluded$Y);
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
       className: classNames__default["default"]("c-nav__item", {
         "c-nav__item--active": active
@@ -11465,11 +11468,11 @@
   });
   StyledExpandSingle.displayName = "StyledExpandSingle";
 
-  var _excluded$W = ["expanded"];
+  var _excluded$X = ["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$W);
+      rest = _objectWithoutProperties(_ref, _excluded$X);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpandSingle, _extends({
       ref: ref,
       viewBox: "0 0 24 24",
@@ -11645,7 +11648,7 @@
   };
   OptionContent.displayName = "OptionContent";
 
-  var _excluded$V = ["mixed", "data-testid"];
+  var _excluded$W = ["mixed", "data-testid"];
 
   /**
    * @component CheckboxIcon
@@ -11669,7 +11672,7 @@
   var CheckboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var mixed = _ref.mixed,
       testId = _ref["data-testid"],
-      props = _objectWithoutProperties(_ref, _excluded$V);
+      props = _objectWithoutProperties(_ref, _excluded$W);
     // const [animate, setAnimate] = useState(false);
     // const mountRef = useRef(false);
 
@@ -11763,7 +11766,7 @@
   });
   StyledCheckbox$1.displayName = "StyledCheckbox";
 
-  var _excluded$U = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
+  var _excluded$V = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
   /**
    * Checkbox component
    */
@@ -11777,7 +11780,7 @@
       checked = _ref.checked,
       onChange = _ref.onChange,
       disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded$U);
+      rest = _objectWithoutProperties(_ref, _excluded$V);
     var _useState = React.useState(mixed && !checked),
       _useState2 = _slicedToArray(_useState, 2),
       indeterminate = _useState2[0],
@@ -11942,7 +11945,7 @@
   })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;display:flex;justify-items:center;align-items:center;"]);
   StyledOptionWrapper.displayName = "StyledOptionWrapper";
 
-  var _excluded$T = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick", "mode"];
+  var _excluded$U = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick", "mode"];
   var Input = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
@@ -11961,7 +11964,7 @@
       wrapperClick = _ref.wrapperClick,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$T);
+      rest = _objectWithoutProperties(_ref, _excluded$U);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
     var handleWrapperClick = React.useCallback(function () {
@@ -12018,14 +12021,14 @@
   }, StyledRadioLabel);
   StyledRadioButton$1.displayName = "StyledRadioButton";
 
-  var _excluded$S = ["className", "id", "hover"];
+  var _excluded$T = ["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$S);
+      props = _objectWithoutProperties(_ref, _excluded$T);
     return /*#__PURE__*/React__default["default"].createElement(StyledRadioButton$1, {
       className: classNames__default["default"]("c-radio-btn", {
         "c-radio-btn__hover": hover,
@@ -12173,7 +12176,7 @@
   StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
   StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
 
-  var _excluded$R = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
+  var _excluded$S = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
   var ScrollShadow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -12187,7 +12190,7 @@
       invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
       innerColor = _ref.innerColor,
       outerColor = _ref.outerColor,
-      rest = _objectWithoutProperties(_ref, _excluded$R);
+      rest = _objectWithoutProperties(_ref, _excluded$S);
     var _useState = React.useState({
         top: 0,
         right: 0,
@@ -12534,7 +12537,7 @@
     };
   };
 
-  var _excluded$Q = ["as", "className", "invert", "style"];
+  var _excluded$R = ["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,
@@ -12542,7 +12545,7 @@
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
       style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded$Q);
+      rest = _objectWithoutProperties(_ref, _excluded$R);
     var internalRef = useInitScrollRef(null, invert);
     var handleRef = useForkRef(internalRef, ref);
     var props = _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -13181,7 +13184,7 @@
     componentId: "sc-9x4q7e-0"
   })(["cursor:auto"]);
 
-  var _excluded$P = ["type", "mode", "target", "options", "selected", "mixed", "position", "onChange", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue", "startAdornment", "endAdornment", "focusInput"];
+  var _excluded$Q = ["type", "mode", "target", "options", "selected", "mixed", "position", "onChange", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue", "startAdornment", "endAdornment", "focusInput"];
   var Select = function Select(_ref) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? "single" : _ref$type,
@@ -13219,7 +13222,7 @@
       endAdornment = _ref.endAdornment,
       _ref$focusInput = _ref.focusInput,
       focusInput = _ref$focusInput === void 0 ? false : _ref$focusInput,
-      prop = _objectWithoutProperties(_ref, _excluded$P);
+      prop = _objectWithoutProperties(_ref, _excluded$Q);
     if (disableSearch && (startAdornment || endAdornment)) {
       console.warn("Adornments are not visible when search bar is hidden");
     }
@@ -13660,7 +13663,7 @@
   };
   Nav.displayName = "Nav";
 
-  var _excluded$O = ["children", "as", "disablePointerEvents"];
+  var _excluded$P = ["children", "as", "disablePointerEvents"];
   var InputAdornmentBase = styled__default["default"].div.withConfig({
     displayName: "InputAdornment__InputAdornmentBase",
     componentId: "sc-1xfjx1z-0"
@@ -13678,7 +13681,7 @@
     var children = _ref.children,
       as = _ref.as,
       disablePointerEvents = _ref.disablePointerEvents,
-      rest = _objectWithoutProperties(_ref, _excluded$O);
+      rest = _objectWithoutProperties(_ref, _excluded$P);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(InputAdornmentBase, _extends({}, rest, {
       as: Component,
@@ -13913,7 +13916,7 @@
     };
   };
 
-  var _excluded$N = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick", "align"];
+  var _excluded$O = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick", "align"];
   var InputHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var defaultValue = _ref.value,
       onCancel = _ref.onCancel,
@@ -13933,7 +13936,7 @@
       externalOnClick = _ref.onClick,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "center" : _ref$align,
-      rest = _objectWithoutProperties(_ref, _excluded$N);
+      rest = _objectWithoutProperties(_ref, _excluded$O);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputHours = useInputHours({
@@ -13972,7 +13975,7 @@
   });
   InputHours.displayName = "InputHours";
 
-  var _excluded$M = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit", "placeholder", "trimDecimals", "min", "max"];
+  var _excluded$N = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit", "placeholder", "trimDecimals", "min", "max"];
   var InputNumber = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$decimalLength = _ref.decimalLength,
       decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
@@ -14001,7 +14004,7 @@
       trimDecimals = _ref$trimDecimals === void 0 ? true : _ref$trimDecimals,
       min = _ref.min,
       max = _ref.max,
-      rest = _objectWithoutProperties(_ref, _excluded$M);
+      rest = _objectWithoutProperties(_ref, _excluded$N);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputNumber = useInputNumber({
@@ -14050,11 +14053,11 @@
   });
   InputNumber.displayName = "InputNumber";
 
-  var _excluded$L = ["currency", "size"];
+  var _excluded$M = ["currency", "size"];
   var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var currency = _ref.currency,
       size = _ref.size,
-      rest = _objectWithoutProperties(_ref, _excluded$L);
+      rest = _objectWithoutProperties(_ref, _excluded$M);
     var variant = React.useMemo(function () {
       if (size === "biggest") {
         return "Header 2";
@@ -14079,7 +14082,7 @@
   });
   InputCurrency.displayName = "InputCurrency";
 
-  var _excluded$K = ["size", "disabled", "show", "hideControl", "showTooltipText", "hideTooltipText", "value", "validation", "errorMessage", "invalid", "onChange"];
+  var _excluded$L = ["size", "disabled", "show", "hideControl", "showTooltipText", "hideTooltipText", "value", "validation", "errorMessage", "invalid", "onChange"];
   var transform = {
     biggest: "big",
     regular: "small",
@@ -14172,7 +14175,7 @@
       errorMessage = _ref2.errorMessage,
       invalid = _ref2.invalid,
       onChange = _ref2.onChange,
-      rest = _objectWithoutProperties(_ref2, _excluded$K);
+      rest = _objectWithoutProperties(_ref2, _excluded$L);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useState = React.useState(show),
@@ -14291,7 +14294,7 @@
     componentId: "sc-1lmb5y-0"
   })(["flex-shrink:0"]);
 
-  var _excluded$J = ["size", "disabled", "value", "onChange"];
+  var _excluded$K = ["size", "disabled", "value", "onChange"];
   var options = [{
     id: "https://",
     name: "https://"
@@ -14306,7 +14309,7 @@
       _ref$value = _ref.value,
       defaultValue = _ref$value === void 0 ? "" : _ref$value,
       onChange = _ref.onChange,
-      rest = _objectWithoutProperties(_ref, _excluded$J);
+      rest = _objectWithoutProperties(_ref, _excluded$K);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useState = React.useState(options[0].id),
@@ -14399,7 +14402,7 @@
   });
   InputUrl.displayName = "InputUrl";
 
-  var _excluded$I = ["size", "disabled", "value", "onChange", "defaultCountry"];
+  var _excluded$J = ["size", "disabled", "value", "onChange", "defaultCountry"];
   var renderOption = function renderOption(option, data) {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledOptionWrapper, null, /*#__PURE__*/React__default["default"].createElement(StyledOptionFlag, null, countryExplorer.getCountryFlag(option.id)), /*#__PURE__*/React__default["default"].createElement(StyledOptionName, null, option.name)), /*#__PURE__*/React__default["default"].createElement(RadioButton, {
       checked: data.checked,
@@ -14415,7 +14418,7 @@
       onChange = _ref.onChange,
       _ref$defaultCountry = _ref.defaultCountry,
       defaultCountry = _ref$defaultCountry === void 0 ? "US" : _ref$defaultCountry,
-      rest = _objectWithoutProperties(_ref, _excluded$I);
+      rest = _objectWithoutProperties(_ref, _excluded$J);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useState = React.useState(defaultCountry),
@@ -14530,11 +14533,11 @@
   });
   InputPhone.displayName = "InputPhone";
 
-  var _excluded$H = ["expanded"];
+  var _excluded$I = ["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$H);
+      rest = _objectWithoutProperties(_ref, _excluded$I);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpand, _extends({
       ref: ref,
       viewBox: "0 0 24 24"
@@ -14622,7 +14625,7 @@
   var StyledTextarea = styled__default["default"].textarea.withConfig({
     displayName: "Styles__StyledTextarea",
     componentId: "sc-m6jqw8-0"
-  })(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;background-color:var(--input-background-color);", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;transition:all 0.3s ease;width:360px;min-height:90px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}", " ", ""], {
+  })(["", " ", " ", " ", " ", " ", " border-width:1px;border-style:solid;background-color:var(--input-background-color);", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;transition:all 0.3s ease;width:360px;min-height:90px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}", " ", ""], {
     "fontSize": "0.875rem"
   }, {
     "color": "var(--color-theme-900)"
@@ -14632,6 +14635,8 @@
     "letterSpacing": "0.02em"
   }, {
     "fontWeight": "400"
+  }, {
+    "resize": "none"
   }, {
     "borderColor": "var(--color-theme-500)"
   }, FontStyle, BoxSizingStyle, function (props) {
@@ -14654,10 +14659,158 @@
   }, function (props) {
     return !props.disabled && props.$invalid && props.$mode === "flat" && styled.css(["color:var(--red-alert);"]);
   });
+  var StyledTextAreaWrapper = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledTextAreaWrapper",
+    componentId: "sc-m6jqw8-1"
+  })(["", ""], {
+    "position": "relative",
+    "display": "flex",
+    "width": "fit-content"
+  });
+  var StyledProgressRingWrapper = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledProgressRingWrapper",
+    componentId: "sc-m6jqw8-2"
+  })(["", ""], {
+    "position": "absolute",
+    "bottom": "0.5rem",
+    "right": "0.5rem",
+    "display": "flex"
+  });
   StyledTextarea.displayName = "StyledTextarea";
+  StyledTextAreaWrapper.displayName = "StyledTextAreaWrapper";
+  StyledProgressRingWrapper.displayName = "StyledProgressRingWrapper";
+
+  var StyledWrapper = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledWrapper",
+    componentId: "sc-o6dcyu-0"
+  })(["position:relative;display:inline-flex;"]);
+  StyledWrapper.displayName = "StyledWrapper";
+  var StyledChildrenWrapper = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledChildrenWrapper",
+    componentId: "sc-o6dcyu-1"
+  })(["position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;"]);
+  StyledChildrenWrapper.displayName = "StyledChildrenWrapper";
+  var StyledSvg = styled__default["default"].svg.withConfig({
+    displayName: "Styles__StyledSvg",
+    componentId: "sc-o6dcyu-2"
+  })(["transform:rotate(-90deg);"]);
+  StyledSvg.displayName = "StyledSvg";
+  var StyledBackgroundCircle = styled__default["default"].circle.withConfig({
+    displayName: "Styles__StyledBackgroundCircle",
+    componentId: "sc-o6dcyu-3"
+  })(["fill:transparent;transition:stroke-dashoffset 0.5s linear,stroke 300ms ease-out;", " ", ""], function (props) {
+    return props.$color ? styled.css(["stroke:", ";"], props.$color) : styled.css(["stroke:var(--color-theme-transparent-300);"]);
+  }, function (props) {
+    return props.$strokeDashOffset && styled.css(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
+  });
+  StyledBackgroundCircle.displayName = "StyledBackgroundCircle";
+  var StyledForegroundCircle = styled__default["default"].circle.withConfig({
+    displayName: "Styles__StyledForegroundCircle",
+    componentId: "sc-o6dcyu-4"
+  })(["fill:transparent;transition:stroke-dashoffset 0.5s linear,stroke 300ms ease-out;", " ", " ", ""], function (props) {
+    return props.$roundStroke && styled.css(["stroke-linecap:round;"]);
+  }, function (props) {
+    return props.$color ? styled.css(["stroke:", ";"], props.$color) : styled.css(["stroke:var(--color-secondary);"]);
+  }, function (props) {
+    return props.$strokeDashOffset && styled.css(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
+  });
+  StyledForegroundCircle.displayName = "StyledForegroundCircle";
+  var StyledProgressRingPercentage = styled__default["default"].text.withConfig({
+    displayName: "Styles__StyledProgressRingPercentage",
+    componentId: "sc-o6dcyu-5"
+  })(["transform:rotate(90deg);", " ", ""], function (props) {
+    return props.$color ? styled.css(["fill:", ";"], props.$color) : styled.css(["fill:var(--color-secondary);"]);
+  }, function (props) {
+    return props.$fontSize ? styled.css(["font-size:", "px;"], props.$fontSize) : styled.css(["font-size:10px;"]);
+  });
+  StyledProgressRingPercentage.displayName = "StyledProgressRingPercentage";
+
+  var _excluded$H = ["className", "children"];
+  var ProgressCircle = function ProgressCircle(_ref) {
+    var backgroundColor = _ref.backgroundColor,
+      progressColor = _ref.progressColor,
+      _ref$progress = _ref.progress,
+      progress = _ref$progress === void 0 ? 0 : _ref$progress,
+      _ref$radius = _ref.radius,
+      radius = _ref$radius === void 0 ? 20 : _ref$radius,
+      _ref$stroke = _ref.stroke,
+      stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
+      _ref$roundStroke = _ref.roundStroke,
+      roundStroke = _ref$roundStroke === void 0 ? false : _ref$roundStroke,
+      className = _ref.className,
+      _ref$showPercentage = _ref.showPercentage,
+      showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
+      fontSize = _ref.fontSize;
+    if (stroke > radius) {
+      console.warn("Stroke can not have value greater than the radius.");
+      stroke = radius;
+    }
+    var progressNumber = React.useMemo(function () {
+      var width = progress;
+      if (progress > 100) {
+        width = 100;
+      }
+      if (progress < 0) {
+        width = 0;
+      }
+      return width;
+    }, [progress]);
+    var normalizedRadius = React.useMemo(function () {
+      return radius - stroke / 2;
+    }, [radius, stroke]);
+    var circumference = React.useMemo(function () {
+      return normalizedRadius * 2 * Math.PI;
+    }, [normalizedRadius]);
+    var strokeDashoffsetOuter = React.useMemo(function () {
+      return circumference - (100 - progressNumber) / 100 * circumference;
+    }, [circumference, progressNumber]);
+    var strokeDashoffsetInner = React.useMemo(function () {
+      return circumference - progressNumber / 100 * circumference;
+    }, [circumference, progressNumber]);
+    return /*#__PURE__*/React__default["default"].createElement(StyledSvg, {
+      height: radius * 2,
+      width: radius * 2,
+      className: className
+    }, /*#__PURE__*/React__default["default"].createElement(StyledBackgroundCircle, {
+      $color: backgroundColor,
+      $strokeDashOffset: -strokeDashoffsetOuter,
+      strokeWidth: stroke,
+      strokeDasharray: "".concat(circumference, " ").concat(circumference),
+      r: normalizedRadius,
+      cx: radius,
+      cy: radius
+    }), /*#__PURE__*/React__default["default"].createElement(StyledForegroundCircle, {
+      $color: progressColor,
+      $strokeDashOffset: strokeDashoffsetInner,
+      strokeWidth: stroke,
+      strokeDasharray: "".concat(circumference, " ").concat(circumference),
+      $roundStroke: roundStroke,
+      r: normalizedRadius,
+      cx: radius,
+      cy: radius
+    }), showPercentage ? /*#__PURE__*/React__default["default"].createElement(StyledProgressRingPercentage, {
+      $color: progressColor,
+      $fontSize: fontSize,
+      x: "50%",
+      y: "-50%",
+      dominantBaseline: "central",
+      textAnchor: "middle"
+    }, progressNumber, "%") : null);
+  };
+  var ProgressRing = function ProgressRing(_ref2) {
+    var className = _ref2.className,
+      children = _ref2.children,
+      rest = _objectWithoutProperties(_ref2, _excluded$H);
+    return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+      className: classNames__default["default"](className),
+      "data-testid": "progress-ring"
+    }, /*#__PURE__*/React__default["default"].createElement(ProgressCircle, rest), children ? /*#__PURE__*/React__default["default"].createElement(StyledChildrenWrapper, null, children) : null);
+  };
+  ProgressRing.displayName = "ProgressRing";
 
-  var _excluded$G = ["className", "disabled", "invalid", "mode"];
+  var _excluded$G = ["className", "disabled", "invalid", "mode", "maxLength", "value", "hideProgress", "onChange"];
   var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var _value$length;
     var className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -14665,19 +14818,56 @@
       invalid = _ref$invalid === void 0 ? false : _ref$invalid,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
+      maxLength = _ref.maxLength,
+      value = _ref.value,
+      _ref$hideProgress = _ref.hideProgress,
+      hideProgress = _ref$hideProgress === void 0 ? false : _ref$hideProgress,
+      onChange = _ref.onChange,
       rest = _objectWithoutProperties(_ref, _excluded$G);
-    return /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
+    var innerRef = React.useRef(null);
+    var handleRef = useForkRef(ref, innerRef);
+    var _React$useState = React__default["default"].useState((_value$length = value === null || value === void 0 ? void 0 : value.length) !== null && _value$length !== void 0 ? _value$length : 0),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentLength = _React$useState2[0],
+      setCurrentLength = _React$useState2[1];
+    var warningGauge = React.useMemo(function () {
+      return 75 * Number(maxLength) / 100;
+    }, [maxLength]);
+    var progressColor = React.useMemo(function () {
+      if (currentLength >= Number(maxLength)) {
+        return "var(--red-alert)";
+      }
+      if (currentLength > warningGauge && currentLength < Number(maxLength)) {
+        return "var(--warning)";
+      }
+      return "var(--color-sucess-green)";
+    }, [currentLength, maxLength, warningGauge]);
+    var max = Number(maxLength !== null && maxLength !== void 0 ? maxLength : 1);
+    var progress = Math.min(currentLength / max * 100, 100);
+    var handleChange = function handleChange(e) {
+      setCurrentLength(e.target.value.length);
+      if (onChange) {
+        onChange(e);
+      }
+    };
+    return /*#__PURE__*/React__default["default"].createElement(StyledTextAreaWrapper, null, /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
+      value: value,
       $invalid: invalid,
-      ref: ref,
+      ref: handleRef,
       $mode: mode,
       disabled: disabled,
       "aria-invalid": invalid,
       className: classNames__default["default"]("c-textarea", {
         "c-textarea__disabled": disabled
-      }, className)
-    }));
+      }, className),
+      onChange: handleChange
+    })), maxLength && !hideProgress && /*#__PURE__*/React__default["default"].createElement(StyledProgressRingWrapper, null, /*#__PURE__*/React__default["default"].createElement(ProgressRing, {
+      progress: progress,
+      radius: 10,
+      stroke: 1.5,
+      progressColor: progressColor
+    })));
   });
-  Textarea.displayName = "Textarea";
 
   function createChainedFunction() {
     for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -16797,6 +16987,53 @@
   });
   SelectTrigger.displayName = "SelectTrigger";
 
+  var _excluded$m = ["mode", "selected", "min", "max", "onChange", "target", "triggerMode"];
+  var SelectTime = function SelectTime(_ref) {
+    var _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? "24" : _ref$mode,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? "12:00" : _ref$selected,
+      min = _ref.min,
+      max = _ref.max,
+      onChange = _ref.onChange,
+      target = _ref.target,
+      triggerMode = _ref.triggerMode,
+      rest = _objectWithoutProperties(_ref, _excluded$m);
+    var generateTimeOptions = function generateTimeOptions() {
+      var minTime = moment__default["default"](isValidTime(min) ? min : "00:00", "HH:mm");
+      var maxTime = moment__default["default"](isValidTime(max) ? max : "23:45", "HH:mm");
+      var options = [];
+      var currentTime = minTime.clone();
+      while (currentTime.isSameOrBefore(maxTime)) {
+        options.push({
+          id: currentTime.format("HH:mm"),
+          name: currentTime.format(mode === "12" ? "hh:mm A" : "HH:mm")
+        });
+        currentTime.add(15, "minutes");
+      }
+      return options;
+    };
+    var timeOptions = generateTimeOptions();
+    var displaySelectedTime = moment__default["default"](selected, "HH:mm").format(mode === "12" ? "hh:mm A" : "HH:mm");
+    return /*#__PURE__*/React__default["default"].createElement(Select, {
+      options: timeOptions,
+      disabledInternalSort: true,
+      selected: selected,
+      disableSearch: true,
+      keepSameOptionsOrder: true,
+      target: target ? target : /*#__PURE__*/React__default["default"].createElement(SelectTrigger, _extends({
+        mode: triggerMode
+      }, rest), displaySelectedTime),
+      mode: "tiny",
+      renderOption: function renderOption(_ref2) {
+        var name = _ref2.name;
+        return /*#__PURE__*/React__default["default"].createElement("div", null, name);
+      },
+      onChange: onChange,
+      forceCloseMenu: true
+    });
+  };
+
   var StyledToggleSlider = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledToggleSlider",
     componentId: "sc-4n6vdf-0"
@@ -16826,11 +17063,11 @@
   });
   StyledToggle.displayName = "StyledToggle";
 
-  var _excluded$m = ["hovered", "className"];
+  var _excluded$l = ["hovered", "className"];
   var Toggle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var hovered = _ref.hovered,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$m);
+      args = _objectWithoutProperties(_ref, _excluded$l);
     return /*#__PURE__*/React__default["default"].createElement(StyledToggle, {
       className: classNames__default["default"]("c-toggle", className),
       $isHovered: hovered,
@@ -16982,7 +17219,7 @@
   })(["color:var(--color-theme-700);"]);
   ChipCloseIcon.displayName = "ChipCloseIcon";
 
-  var _excluded$l = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "variant", "typographyProps"];
+  var _excluded$k = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "variant", "typographyProps"];
   var Chip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var startAdornment = _ref.startAdornment,
       label = _ref.label,
@@ -16994,7 +17231,7 @@
       closeClassName = _ref.closeClassName,
       variant = _ref.variant,
       typographyProps = _ref.typographyProps,
-      rest = _objectWithoutProperties(_ref, _excluded$l);
+      rest = _objectWithoutProperties(_ref, _excluded$k);
     var showClose = typeof onClose === "function";
     var _variant = React.useMemo(function () {
       if (typeof variant !== "undefined") {
@@ -17029,7 +17266,7 @@
   });
   Chip.displayName = "Chip";
 
-  var _excluded$k = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue"];
+  var _excluded$j = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue"];
   var ComboBox = function ComboBox(_ref) {
     var _comboBoxRef$current2, _comboBoxRef$current3;
     var _ref$options = _ref.options,
@@ -17064,7 +17301,7 @@
       onClear = _ref.onClear,
       onDeselect = _ref.onDeselect,
       defaultValue = _ref.defaultValue,
-      prop = _objectWithoutProperties(_ref, _excluded$k);
+      prop = _objectWithoutProperties(_ref, _excluded$j);
     var selectedName = React.useMemo(function () {
       var value = "";
       if (!selected) {
@@ -17475,11 +17712,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$j = ["text", "className"];
+  var _excluded$i = ["text", "className"];
   var AddToListButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var text = _ref.text,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$j);
+      rest = _objectWithoutProperties(_ref, _excluded$i);
     return /*#__PURE__*/React__default["default"].createElement(StyledAddToListButton, _extends({
       ref: ref,
       className: classNames__default["default"]("c--add-to-list-btn", className)
@@ -17559,134 +17796,6 @@
   };
   ProgressBar.displayName = "ProgressBar";
 
-  var StyledWrapper = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledWrapper",
-    componentId: "sc-o6dcyu-0"
-  })(["position:relative;display:inline-flex;"]);
-  StyledWrapper.displayName = "StyledWrapper";
-  var StyledChildrenWrapper = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledChildrenWrapper",
-    componentId: "sc-o6dcyu-1"
-  })(["position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;"]);
-  StyledChildrenWrapper.displayName = "StyledChildrenWrapper";
-  var StyledSvg = styled__default["default"].svg.withConfig({
-    displayName: "Styles__StyledSvg",
-    componentId: "sc-o6dcyu-2"
-  })(["transform:rotate(-90deg);"]);
-  StyledSvg.displayName = "StyledSvg";
-  var StyledBackgroundCircle = styled__default["default"].circle.withConfig({
-    displayName: "Styles__StyledBackgroundCircle",
-    componentId: "sc-o6dcyu-3"
-  })(["fill:transparent;transition:stroke-dashoffset 0.5s linear,stroke 300ms ease-out;", " ", ""], function (props) {
-    return props.$color ? styled.css(["stroke:", ";"], props.$color) : styled.css(["stroke:var(--color-theme-transparent-300);"]);
-  }, function (props) {
-    return props.$strokeDashOffset && styled.css(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
-  });
-  StyledBackgroundCircle.displayName = "StyledBackgroundCircle";
-  var StyledForegroundCircle = styled__default["default"].circle.withConfig({
-    displayName: "Styles__StyledForegroundCircle",
-    componentId: "sc-o6dcyu-4"
-  })(["fill:transparent;transition:stroke-dashoffset 0.5s linear,stroke 300ms ease-out;", " ", " ", ""], function (props) {
-    return props.$roundStroke && styled.css(["stroke-linecap:round;"]);
-  }, function (props) {
-    return props.$color ? styled.css(["stroke:", ";"], props.$color) : styled.css(["stroke:var(--color-secondary);"]);
-  }, function (props) {
-    return props.$strokeDashOffset && styled.css(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
-  });
-  StyledForegroundCircle.displayName = "StyledForegroundCircle";
-  var StyledProgressRingPercentage = styled__default["default"].text.withConfig({
-    displayName: "Styles__StyledProgressRingPercentage",
-    componentId: "sc-o6dcyu-5"
-  })(["transform:rotate(90deg);", " ", ""], function (props) {
-    return props.$color ? styled.css(["fill:", ";"], props.$color) : styled.css(["fill:var(--color-secondary);"]);
-  }, function (props) {
-    return props.$fontSize ? styled.css(["font-size:", "px;"], props.$fontSize) : styled.css(["font-size:10px;"]);
-  });
-  StyledProgressRingPercentage.displayName = "StyledProgressRingPercentage";
-
-  var _excluded$i = ["className", "children"];
-  var ProgressCircle = function ProgressCircle(_ref) {
-    var backgroundColor = _ref.backgroundColor,
-      progressColor = _ref.progressColor,
-      _ref$progress = _ref.progress,
-      progress = _ref$progress === void 0 ? 0 : _ref$progress,
-      _ref$radius = _ref.radius,
-      radius = _ref$radius === void 0 ? 20 : _ref$radius,
-      _ref$stroke = _ref.stroke,
-      stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
-      _ref$roundStroke = _ref.roundStroke,
-      roundStroke = _ref$roundStroke === void 0 ? false : _ref$roundStroke,
-      className = _ref.className,
-      _ref$showPercentage = _ref.showPercentage,
-      showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
-      fontSize = _ref.fontSize;
-    if (stroke > radius) {
-      console.warn("Stroke can not have value greater than the radius.");
-      stroke = radius;
-    }
-    var progressNumber = React.useMemo(function () {
-      var width = progress;
-      if (progress > 100) {
-        width = 100;
-      }
-      if (progress < 0) {
-        width = 0;
-      }
-      return width;
-    }, [progress]);
-    var normalizedRadius = React.useMemo(function () {
-      return radius - stroke / 2;
-    }, [radius, stroke]);
-    var circumference = React.useMemo(function () {
-      return normalizedRadius * 2 * Math.PI;
-    }, [normalizedRadius]);
-    var strokeDashoffsetOuter = React.useMemo(function () {
-      return circumference - (100 - progressNumber) / 100 * circumference;
-    }, [circumference, progressNumber]);
-    var strokeDashoffsetInner = React.useMemo(function () {
-      return circumference - progressNumber / 100 * circumference;
-    }, [circumference, progressNumber]);
-    return /*#__PURE__*/React__default["default"].createElement(StyledSvg, {
-      height: radius * 2,
-      width: radius * 2,
-      className: className
-    }, /*#__PURE__*/React__default["default"].createElement(StyledBackgroundCircle, {
-      $color: backgroundColor,
-      $strokeDashOffset: -strokeDashoffsetOuter,
-      strokeWidth: stroke,
-      strokeDasharray: "".concat(circumference, " ").concat(circumference),
-      r: normalizedRadius,
-      cx: radius,
-      cy: radius
-    }), /*#__PURE__*/React__default["default"].createElement(StyledForegroundCircle, {
-      $color: progressColor,
-      $strokeDashOffset: strokeDashoffsetInner,
-      strokeWidth: stroke,
-      strokeDasharray: "".concat(circumference, " ").concat(circumference),
-      $roundStroke: roundStroke,
-      r: normalizedRadius,
-      cx: radius,
-      cy: radius
-    }), showPercentage ? /*#__PURE__*/React__default["default"].createElement(StyledProgressRingPercentage, {
-      $color: progressColor,
-      $fontSize: fontSize,
-      x: "50%",
-      y: "-50%",
-      dominantBaseline: "central",
-      textAnchor: "middle"
-    }, progressNumber, "%") : null);
-  };
-  var ProgressRing = function ProgressRing(_ref2) {
-    var className = _ref2.className,
-      children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded$i);
-    return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
-      className: classNames__default["default"](className),
-      "data-testid": "progress-ring"
-    }, /*#__PURE__*/React__default["default"].createElement(ProgressCircle, rest), children ? /*#__PURE__*/React__default["default"].createElement(StyledChildrenWrapper, null, children) : null);
-  };
-  ProgressRing.displayName = "ProgressRing";
-
   var _excluded$h = ["radius"];
   var ProgressPie = function ProgressPie(_ref) {
     var _ref$radius = _ref.radius,
@@ -20075,6 +20184,7 @@
   exports.SearchLargeIcon = SearchLargeIcon$1;
   exports.Select = Select;
   exports.SelectDate = SelectDate;
+  exports.SelectTime = SelectTime;
   exports.SelectTrigger = SelectTrigger;
   exports.SendBlankIcon = SendBlankIcon$1;
   exports.SendFilledIcon = SendFilledIcon$1;