@activecollab/components 1.0.57 → 1.0.60

package/dist/index.js

@@ -314,7 +314,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$V = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$W = ["children", "variant", "size", "disabled", "className"];
 
   /**
    * Button component
@@ -327,7 +327,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$V);
+        args = _objectWithoutProperties(_ref, _excluded$W);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$1, _extends({
       disabled: disabled,
@@ -380,12 +380,12 @@
   })(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);
   StyledGlobalAddButton.displayName = "StyledGlobalAddButton";
 
-  var _excluded$U = ["className", "disabled"];
+  var _excluded$V = ["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$U);
+        rest = _objectWithoutProperties(_ref, _excluded$V);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
@@ -418,11 +418,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$T = ["children", "className"];
+  var _excluded$U = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$T);
+        rest = _objectWithoutProperties(_ref, _excluded$U);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
@@ -448,7 +448,7 @@
     }, [refA, refB]);
   }
 
-  var _excluded$S = ["children", "anchorEl", "open", "style", "transition", "placement"];
+  var _excluded$T = ["children", "anchorEl", "open", "style", "transition", "placement"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         anchorEl = _ref.anchorEl,
@@ -459,7 +459,7 @@
         transition = _ref$transition === void 0 ? false : _ref$transition,
         _ref$placement = _ref.placement,
         initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
-        rest = _objectWithoutProperties(_ref, _excluded$S);
+        rest = _objectWithoutProperties(_ref, _excluded$T);
 
     var _useState = React.useState(true),
         _useState2 = _slicedToArray(_useState, 2),
@@ -631,11 +631,11 @@
     return props.$isLight && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
   });
 
-  var _excluded$R = ["children"];
+  var _excluded$S = ["children"];
 
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$R);
+        props = _objectWithoutProperties(_ref, _excluded$S);
 
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
@@ -855,7 +855,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$Q = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$R = ["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,
@@ -886,7 +886,7 @@
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         className = _ref.className,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$Q);
+        props = _objectWithoutProperties(_ref, _excluded$R);
 
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
@@ -910,12 +910,12 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$P = ["weight", "children"];
+  var _excluded$Q = ["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$P);
+        props = _objectWithoutProperties(_ref, _excluded$Q);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
@@ -956,7 +956,7 @@
   });
   StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
 
-  var _excluded$O = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
+  var _excluded$P = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
         icon = _ref.icon,
@@ -966,7 +966,7 @@
         tooltipText = _ref.tooltipText,
         onClearAll = _ref.onClearAll,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$O);
+        args = _objectWithoutProperties(_ref, _excluded$P);
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: classnames__default["default"]("tw-flex ac-font box-sizing", className)
@@ -1336,7 +1336,7 @@
   StyledDatePicker.displayName = "StyledDatePicker";
   StyledDayPicker.displayName = "StyledDayPicker";
 
-  var _excluded$N = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
+  var _excluded$O = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
   var DatePicker = function DatePicker(_ref) {
     var className = _ref.className,
         onChange = _ref.onChange,
@@ -1358,7 +1358,7 @@
         _ref$fixedWeeks = _ref.fixedWeeks,
         fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
         defaultModifiers = _ref.modifiers,
-        rest = _objectWithoutProperties(_ref, _excluded$N);
+        rest = _objectWithoutProperties(_ref, _excluded$O);
 
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -1703,12 +1703,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$M = ["className", "disableBackgroundColor"];
+  var _excluded$N = ["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$M);
+        rest = _objectWithoutProperties(_ref, _excluded$N);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classnames__default["default"]("c-overlay", className),
@@ -1723,7 +1723,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$L = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock"];
+  var _excluded$M = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock"];
   var returnFocus = {
     preventScroll: true
   };
@@ -1737,7 +1737,7 @@
         disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
         _ref$disableScrollLoc = _ref.disableScrollLock,
         disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
-        rest = _objectWithoutProperties(_ref, _excluded$L);
+        rest = _objectWithoutProperties(_ref, _excluded$M);
 
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
@@ -1803,7 +1803,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$K = ["children", "className", "innerRef", "style"];
+  var _excluded$L = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -1811,7 +1811,7 @@
         innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
         _ref$style = _ref.style,
         style = _ref$style === void 0 ? {} : _ref$style,
-        rest = _objectWithoutProperties(_ref, _excluded$K);
+        rest = _objectWithoutProperties(_ref, _excluded$L);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
@@ -1955,13 +1955,13 @@
   };
   Menu.displayName = "Menu";
 
-  var _excluded$J = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$K = ["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$J);
+        props = _objectWithoutProperties(_ref, _excluded$K);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classnames__default["default"]("c-menu-header", className),
@@ -1984,11 +1984,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$I = ["children", "className"];
+  var _excluded$J = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$I);
+        props = _objectWithoutProperties(_ref, _excluded$J);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter, _extends({}, props, {
       className: classnames__default["default"]("c-menu-footer", className),
@@ -2656,7 +2656,7 @@
   SortIcon.displayName = "SortIcon";
   var SortIcon$1 = SortIcon;
 
-  var _excluded$H = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
+  var _excluded$I = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
   exports.SortDirection = void 0;
 
   (function (SortDirection) {
@@ -2706,7 +2706,7 @@
     } : _ref$groupHead,
         isCollapsible = _ref.isCollapsible,
         emptyValue = _ref.emptyValue,
-        args = _objectWithoutProperties(_ref, _excluded$H);
+        args = _objectWithoutProperties(_ref, _excluded$I);
 
     var _useState = React.useState(sortDirection),
         _useState2 = _slicedToArray(_useState, 2),
@@ -3120,7 +3120,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
 
-  var _excluded$G = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$H = ["children", "className", "type", "hover", "useOptimizedShadow"];
 
   /**
    * This is a component description and should sit directly above your component
@@ -3134,7 +3134,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$G);
+        rest = _objectWithoutProperties(_ref, _excluded$H);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classnames__default["default"](className, {
@@ -3188,7 +3188,7 @@
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$F = ["children", "className", "hoverable", "paperType"];
+  var _excluded$G = ["children", "className", "hoverable", "paperType"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -3196,7 +3196,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$F);
+        rest = _objectWithoutProperties(_ref, _excluded$G);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: paperType,
@@ -3278,12 +3278,12 @@
   });
   EntityCard.displayName = "EntityCard";
 
-  var _excluded$E = ["weight", "children"];
+  var _excluded$F = ["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$E);
+        props = _objectWithoutProperties(_ref, _excluded$F);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
@@ -3293,10 +3293,10 @@
   });
   Title1.displayName = "Title1";
 
-  var _excluded$D = ["children"];
+  var _excluded$E = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$D);
+        props = _objectWithoutProperties(_ref, _excluded$E);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
@@ -3306,10 +3306,10 @@
   });
   Header2.displayName = "Header2";
 
-  var _excluded$C = ["children"];
+  var _excluded$D = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$C);
+        props = _objectWithoutProperties(_ref, _excluded$D);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
@@ -3319,12 +3319,12 @@
   });
   Header3.displayName = "Header3";
 
-  var _excluded$B = ["weight", "children"];
+  var _excluded$C = ["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$B);
+        props = _objectWithoutProperties(_ref, _excluded$C);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
@@ -3334,12 +3334,12 @@
   });
   Body1.displayName = "Body1";
 
-  var _excluded$A = ["weight", "children"];
+  var _excluded$B = ["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$A);
+        props = _objectWithoutProperties(_ref, _excluded$B);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
@@ -3349,12 +3349,12 @@
   });
   Caption1.displayName = "Caption1";
 
-  var _excluded$z = ["weight", "children"];
+  var _excluded$A = ["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$z);
+        props = _objectWithoutProperties(_ref, _excluded$A);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
@@ -3473,7 +3473,7 @@
     "borderRadius": "9999px"
   });
 
-  var _excluded$y = ["url", "alt", "size", "className"];
+  var _excluded$z = ["url", "alt", "size", "className"];
   var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var url = _ref.url,
         _ref$alt = _ref.alt,
@@ -3481,7 +3481,7 @@
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? 24 : _ref$size,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$y);
+        rest = _objectWithoutProperties(_ref, _excluded$z);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledAvatar, _extends({}, rest, {
       ref: ref,
@@ -3494,17 +3494,17 @@
   });
   Avatar.displayName = "Avatar";
 
-  var StyledLabel$1 = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledLabel",
-    componentId: "sc-lo4p1f-0"
+  var StyledTag = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledTag",
+    componentId: "sc-1chtb47-0"
   })(["", " font-size:13px;line-height:1.375;", " ", ""], {
     "display": "flex",
     "alignItems": "center"
   }, BoxSizingStyle, FontStyle);
-  StyledLabel$1.displayName = "StyledLabel";
-  var StyledLabelDot = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledLabelDot",
-    componentId: "sc-lo4p1f-1"
+  StyledTag.displayName = "StyledTag";
+  var StyledTagDot = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledTagDot",
+    componentId: "sc-1chtb47-1"
   })(["", " ", " ", ""], {
     "width": "0.5rem",
     "height": "0.5rem",
@@ -3517,19 +3517,19 @@
   }, function (props) {
     return props.color && styled.css(["background-color:", ";"], props.color);
   });
-  StyledLabelDot.displayName = "StyledLabelDot";
-  var StyledLabelText = styled__default["default"].div.withConfig({
-    displayName: "Styles__StyledLabelText",
-    componentId: "sc-lo4p1f-2"
+  StyledTagDot.displayName = "StyledTagDot";
+  var StyledTagText = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledTagText",
+    componentId: "sc-1chtb47-2"
   })(["", " ", ""], {
     "textTransform": "uppercase"
   }, function (props) {
     return props.color && styled.css(["color:", ";"], props.color);
   });
-  StyledLabelText.displayName = "StyledLabelText";
+  StyledTagText.displayName = "StyledTagText";
 
-  var _excluded$x = ["name", "color", "showText", "showDot", "className"];
-  var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _excluded$y = ["name", "color", "showText", "showDot", "className"];
+  var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var name = _ref.name,
         color = _ref.color,
         _ref$showText = _ref.showText,
@@ -3537,19 +3537,19 @@
         _ref$showDot = _ref.showDot,
         showDot = _ref$showDot === void 0 ? true : _ref$showDot,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$x);
+        rest = _objectWithoutProperties(_ref, _excluded$y);
 
-    return /*#__PURE__*/React__default["default"].createElement(StyledLabel$1, _extends({
-      className: classnames__default["default"]("c-label", className),
+    return /*#__PURE__*/React__default["default"].createElement(StyledTag, _extends({
+      className: classnames__default["default"]("c-tag", className),
       ref: ref
-    }, rest), showDot ? /*#__PURE__*/React__default["default"].createElement(StyledLabelDot, {
+    }, rest), showDot ? /*#__PURE__*/React__default["default"].createElement(StyledTagDot, {
       $showText: showText,
       color: color
-    }) : null, showText ? /*#__PURE__*/React__default["default"].createElement(StyledLabelText, {
+    }) : null, showText ? /*#__PURE__*/React__default["default"].createElement(StyledTagText, {
       color: color
     }, name) : null);
   });
-  Label.displayName = "Label";
+  Tag.displayName = "Tag";
 
   var linearAnimation = styled.keyframes(["0%{background-position:left;}100%{background-position:right;}"]);
   var StyledLinearLoader = styled__default["default"].div.withConfig({
@@ -3557,10 +3557,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$w = ["className"];
+  var _excluded$x = ["className"];
   var LinearLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$w);
+        rest = _objectWithoutProperties(_ref, _excluded$x);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
@@ -3575,10 +3575,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$v = ["className"];
+  var _excluded$w = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$v);
+        rest = _objectWithoutProperties(_ref, _excluded$w);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
@@ -3594,10 +3594,10 @@
     componentId: "sc-1ht53g9-0"
   })(["position:relative;width:20px;&:before{content:\"\";display:block;padding-top:100%;}svg{animation:", " 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:var(--color-theme-600);animation:", " 1.5s ease-in-out infinite;stroke-linecap:round;}}"], rotateAnimation, dashAnimation);
 
-  var _excluded$u = ["className"];
+  var _excluded$v = ["className"];
   var SpinnerLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$u);
+        rest = _objectWithoutProperties(_ref, _excluded$v);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader, _extends({
       ref: ref,
@@ -3659,7 +3659,7 @@
   }, StyledInput$1, StyledLabel);
   StyledCheckbox.displayName = "StyledCheckbox";
 
-  var _excluded$t = ["className", "hover", "id"];
+  var _excluded$u = ["className", "hover", "id"];
 
   /**
    * Checkbox component
@@ -3669,7 +3669,7 @@
         hover = _ref.hover,
         _ref$id = _ref.id,
         id = _ref$id === void 0 ? "checkbox" : _ref$id,
-        rest = _objectWithoutProperties(_ref, _excluded$t);
+        rest = _objectWithoutProperties(_ref, _excluded$u);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledCheckbox, {
       className: classnames__default["default"]("c-checkbox", {
@@ -3742,14 +3742,14 @@
   }, StyledRadioLabel);
   StyledRadioButton.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, {
       className: classnames__default["default"]("c-radio-btn", {
@@ -4017,7 +4017,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,
@@ -4031,7 +4031,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,
@@ -4161,14 +4161,14 @@
     return height;
   };
 
-  var _excluded$q = ["as", "className", "invert"];
+  var _excluded$r = ["as", "className", "invert"];
   var ScrollElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$as = _ref.as,
         as = _ref$as === void 0 ? "div" : _ref$as,
         className = _ref.className,
         _ref$invert = _ref.invert,
         invert = _ref$invert === void 0 ? false : _ref$invert,
-        rest = _objectWithoutProperties(_ref, _excluded$q);
+        rest = _objectWithoutProperties(_ref, _excluded$r);
 
     var internalRef = useInitScrollRef(null, invert);
     var handleRef = useForkRef(internalRef, ref);
@@ -4599,7 +4599,7 @@
   });
   StyledInput.displayName = "StyledInput";
 
-  var _excluded$p = ["className", "type", "disabled"];
+  var _excluded$q = ["className", "type", "disabled"];
   var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
         className = _ref$className === void 0 ? "" : _ref$className,
@@ -4607,7 +4607,7 @@
         type = _ref$type === void 0 ? "text" : _ref$type,
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-        rest = _objectWithoutProperties(_ref, _excluded$p);
+        rest = _objectWithoutProperties(_ref, _excluded$q);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledInput, _extends({
       ref: ref,
@@ -4666,7 +4666,7 @@
   };
   OptionContent.displayName = "OptionContent";
 
-  var _excluded$o = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose"];
+  var _excluded$p = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose"];
   var Select = function Select(_ref) {
     var _ref$type = _ref.type,
         type = _ref$type === void 0 ? "single" : _ref$type,
@@ -4696,7 +4696,7 @@
         keepSameOptionsOrder = _ref$keepSameOptionsO === void 0 ? false : _ref$keepSameOptionsO,
         onSelectOpen = _ref.onSelectOpen,
         onSelectClose = _ref.onSelectClose,
-        prop = _objectWithoutProperties(_ref, _excluded$o);
+        prop = _objectWithoutProperties(_ref, _excluded$p);
 
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -4971,7 +4971,7 @@
   });
   StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 
-  var _excluded$n = ["children", "active", "disabled", "className", "role"];
+  var _excluded$o = ["children", "active", "disabled", "className", "role"];
   var Item = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
         _ref$active = _ref.active,
@@ -4980,7 +4980,7 @@
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
         role = _ref.role,
-        rest = _objectWithoutProperties(_ref, _excluded$n);
+        rest = _objectWithoutProperties(_ref, _excluded$o);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
       className: classnames__default["default"]("c-nav__item", {
@@ -5022,11 +5022,11 @@
   });
   StyledExpandSingle.displayName = "StyledExpandSingle";
 
-  var _excluded$m = ["expanded"];
+  var _excluded$n = ["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$m);
+        rest = _objectWithoutProperties(_ref, _excluded$n);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledExpandSingle, _extends({
       ref: ref,
@@ -5339,11 +5339,11 @@
   };
   Nav.displayName = "Nav";
 
-  var _excluded$l = ["expanded"];
+  var _excluded$m = ["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$l);
+        rest = _objectWithoutProperties(_ref, _excluded$m);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledExpand, _extends({
       ref: ref,
@@ -5388,11 +5388,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator.displayName = "StyledListSeparator";
 
-  var _excluded$k = ["children", "className"];
+  var _excluded$l = ["children", "className"];
   var List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$k);
+        props = _objectWithoutProperties(_ref, _excluded$l);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({}, props, {
       className: className,
@@ -5401,11 +5401,11 @@
   });
   List.displayName = "List";
 
-  var _excluded$j = ["children", "className"];
+  var _excluded$k = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$j);
+        props = _objectWithoutProperties(_ref, _excluded$k);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({}, props, {
       className: classnames__default["default"]("c-list-item", className),
@@ -6747,6 +6747,22 @@
   MessageAddIcon.displayName = "MessageAddIcon";
   var MessageAddIcon$1 = MessageAddIcon;
 
+  var MessageEmptyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4z",
+      fillRule: "evenodd"
+    }));
+  });
+  MessageEmptyIcon.displayName = "MessageEmptyIcon";
+  var MessageEmptyIcon$1 = MessageEmptyIcon;
+
   var MessageSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
@@ -7028,6 +7044,22 @@
   PeopleIcon.displayName = "PeopleIcon";
   var PeopleIcon$1 = PeopleIcon;
 
+  var PersonCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M12 2l.28.004.316.013.244.018.402.041.14.019.267.04.162.029.19.036a10.01 10.01 0 017.864 8.151L21.8 10l.046.244.056.352.031.244.017.154.022.257.02.367c.006.127.008.254.008.382l-.002.207-.01.299-.022.323-.04.397-.032.238-.059.354-.062.308-.05.22-.046.184a9.93 9.93 0 01-.12.422l-.092.283-.13.357-.113.283-.094.215-.161.341-.136.265-.178.32-.13.217c-.145.237-.302.47-.47.696l-.274.356-.229.273-.14.157-.258.274-.226.224-.104.099-.238.215-.312.262-.398.305-.284.199-.33.213a9.99 9.99 0 01-.35.208l-.266.145-.383.19-.291.132-.346.142-.358.132-.31.1-.402.116-.138.035-.187.045-.347.072-.443.074-.305.04-.16.016-.423.032-.271.011L12 22l-.2-.002-.331-.012-.373-.026-.167-.017-.164-.019-.246-.033-.336-.056-.3-.06-.31-.072-.415-.113-.297-.093-.323-.112-.284-.11-.343-.147-.266-.124-.28-.14-.159-.086-.328-.188-.177-.108-.297-.193-.383-.272-.316-.247-.316-.267-.333-.307-.208-.207-.247-.262-.17-.192-.245-.294-.18-.233a10.017 10.017 0 01-.361-.511l-.171-.27-.063-.103-.1-.17-.142-.259-.198-.392-.1-.213-.126-.295-.11-.281a9.91 9.91 0 01-.312-.984l-.096-.403-.062-.309-.059-.354-.06-.49-.028-.376-.013-.278A10.18 10.18 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385c.264.17.538.323.822.46l.287.133.295.122.356.13.292.09.146.042.27.068.248.055.281.051c.108.018.216.034.325.047l.38.037.28.017L12 20l.368-.008.167-.01.167-.012c.12-.01.24-.024.36-.04l.289-.044.24-.044.248-.054.313-.08.16-.047.234-.075.3-.107.395-.163.247-.114.304-.156.214-.12a8 8 0 00.3-.183 1.984 1.984 0 00-.83-.386A17.249 17.249 0 0012 18zm0-14a8 8 0 00-8 8l.008.352.014.24.025.28.024.196.04.265.043.236.063.29.046.184.083.29.034.11.113.329.17.42.07.158c.09.193.186.382.29.567l.202.34.126.194.241.34.18.23.134.162.235.264a3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048l.236-.265.193-.236.125-.163.18-.25.17-.258.097-.157.094-.16.14-.257.131-.263.103-.225.133-.321.119-.328.098-.313.104-.39.063-.291.053-.297c.02-.12.036-.242.05-.365l.03-.32.01-.181c.008-.135.011-.27.011-.406l-.012-.443a8.034 8.034 0 00-.078-.762l-.081-.449a8.012 8.012 0 00-5.843-6.097l-.422-.096-.353-.062-.358-.046a8.054 8.054 0 00-.409-.033l.359.028-.213-.019-.214-.012L12 4zm0 3a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z",
+      fillRule: "evenodd"
+    }));
+  });
+  PersonCircleIcon.displayName = "PersonCircleIcon";
+  var PersonCircleIcon$1 = PersonCircleIcon;
+
   var PersonPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -7369,6 +7401,22 @@
   SortGeneralIcon.displayName = "SortGeneralIcon";
   var SortGeneralIcon$1 = SortGeneralIcon;
 
+  var StarOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M12.706 2.103a1 1 0 01.454.455l2.63 5.329 5.881.854a1 1 0 01.554 1.706l-4.255 4.148 1.005 5.857a1 1 0 01-1.451 1.054l-5.26-2.765-5.26 2.765a1 1 0 01-1.451-1.054l1.004-5.857-4.255-4.148a1 1 0 01.554-1.706l5.881-.854 2.63-5.33a1 1 0 011.34-.454zm1.756 7.612L12.263 5.26l-2.198 4.455-4.916.713 3.557 3.469-.84 4.895 4.398-2.31 4.396 2.31-.839-4.895 3.557-3.468-4.916-.714z",
+      fillRule: "evenodd"
+    }));
+  });
+  StarOutlineIcon.displayName = "StarOutlineIcon";
+  var StarOutlineIcon$1 = StarOutlineIcon;
+
   var StarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -7635,12 +7683,12 @@
   });
   StyledTextarea.displayName = "StyledTextarea";
 
-  var _excluded$i = ["className", "disabled"];
+  var _excluded$j = ["className", "disabled"];
   var Textarea = /*#__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$i);
+        rest = _objectWithoutProperties(_ref, _excluded$j);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
       ref: ref,
@@ -7674,7 +7722,7 @@
     function () {});
   }
 
-  var _excluded$h = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
+  var _excluded$i = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
 
   var getHasTransition = function getHasTransition(children) {
     return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
@@ -7693,7 +7741,7 @@
         _ref$open = _ref.open,
         defaultOpen = _ref$open === void 0 ? false : _ref$open,
         onClose = _ref.onClose,
-        rest = _objectWithoutProperties(_ref, _excluded$h);
+        rest = _objectWithoutProperties(_ref, _excluded$i);
 
     var _useState = React.useState(defaultOpen),
         _useState2 = _slicedToArray(_useState, 2),
@@ -7832,7 +7880,7 @@
   });
   StyledCssTransition.displayName = "StyledCssTransition";
 
-  var _excluded$g = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
+  var _excluded$h = ["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,
@@ -7856,7 +7904,7 @@
         bodyClassName = _ref.bodyClassName,
         _ref$disableBackgroun2 = _ref.disableBackgroundClick,
         disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-        rest = _objectWithoutProperties(_ref, _excluded$g);
+        rest = _objectWithoutProperties(_ref, _excluded$h);
 
     var _useState = React.useState(defaultOpen),
         _useState2 = _slicedToArray(_useState, 2),
@@ -7954,13 +8002,13 @@
   });
   StyledHeader.displayName = "StyledHeader";
 
-  var _excluded$f = ["className", "size", "children"];
+  var _excluded$g = ["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$f);
+        rest = _objectWithoutProperties(_ref, _excluded$g);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledHeader, _extends({
       type: "paper-2",
@@ -7977,7 +8025,7 @@
   })(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);
   StyledAutoResizeTextarea.displayName = "StyledAutoResizeTextarea";
 
-  var _excluded$e = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
+  var _excluded$f = ["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,
@@ -7993,7 +8041,7 @@
         cursorAtTextEnd = _ref$cursorAtTextEnd === void 0 ? false : _ref$cursorAtTextEnd,
         onKeyDown = _ref.onKeyDown,
         value = _ref.value,
-        rest = _objectWithoutProperties(_ref, _excluded$e);
+        rest = _objectWithoutProperties(_ref, _excluded$f);
 
     var innerRef = React.useRef(null);
 
@@ -8284,7 +8332,7 @@
   });
   StyledChoose.displayName = "StyledChoose";
 
-  var _excluded$d = ["children", "disabled", "active", "className"];
+  var _excluded$e = ["children", "disabled", "active", "className"];
 
   /**
    * Choose component
@@ -8296,7 +8344,7 @@
         _ref$active = _ref.active,
         active = _ref$active === void 0 ? false : _ref$active,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$d);
+        args = _objectWithoutProperties(_ref, _excluded$e);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledChoose, _extends({
       disabled: disabled,
@@ -8389,7 +8437,7 @@
   StyledLinkElements.displayName = "StyledLinkElements";
   StyledLink.displayName = "StyledLink";
 
-  var _excluded$c = ["children", "className"];
+  var _excluded$d = ["children", "className"];
 
   /**
    * Back link component
@@ -8397,7 +8445,7 @@
   var BackLink = function BackLink(_ref) {
     var children = _ref.children,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$c);
+        args = _objectWithoutProperties(_ref, _excluded$d);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledBackLink, _extends({
       className: classnames__default["default"]("c-back-link", className)
@@ -8405,7 +8453,7 @@
   };
   BackLink.displayName = "BackLink";
 
-  var _excluded$b = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$c = ["children", "variant", "size", "disabled", "className"];
 
   /**
    * Link component
@@ -8418,7 +8466,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$b);
+        args = _objectWithoutProperties(_ref, _excluded$c);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledLink, _extends({
       disabled: disabled,
@@ -8548,11 +8596,11 @@
   });
   Dialog.displayName = "Dialog";
 
-  var _excluded$a = ["className", "children"];
+  var _excluded$b = ["className", "children"];
   var DialogContent = function DialogContent(_ref) {
     var className = _ref.className,
         children = _ref.children,
-        rest = _objectWithoutProperties(_ref, _excluded$a);
+        rest = _objectWithoutProperties(_ref, _excluded$b);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContent, _extends({
       className: classnames__default["default"]("c-dialog-content", className)
@@ -8568,13 +8616,13 @@
   };
   DialogContentDivider.displayName = "DialogContentDivider";
 
-  var _excluded$9 = ["children", "className", "disableDefaultHeading"];
+  var _excluded$a = ["children", "className", "disableDefaultHeading"];
   var DialogTitle = function DialogTitle(_ref) {
     var children = _ref.children,
         className = _ref.className,
         _ref$disableDefaultHe = _ref.disableDefaultHeading,
         disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
-        rest = _objectWithoutProperties(_ref, _excluded$9);
+        rest = _objectWithoutProperties(_ref, _excluded$a);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
       className: classnames__default["default"]("c-dialog-title-wrapper", className)
@@ -8582,11 +8630,11 @@
   };
   DialogTitle.displayName = "DialogTitle";
 
-  var _excluded$8 = ["className", "children"];
+  var _excluded$9 = ["className", "children"];
   var DialogActions = function DialogActions(_ref) {
     var className = _ref.className,
         children = _ref.children,
-        rest = _objectWithoutProperties(_ref, _excluded$8);
+        rest = _objectWithoutProperties(_ref, _excluded$9);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
       className: classnames__default["default"]("c-dialog-actions", className)
@@ -8795,7 +8843,7 @@
   });
   StyledPressed.displayName = "StyledPressed";
 
-  var _excluded$7 = ["children", "active", "className"];
+  var _excluded$8 = ["children", "active", "className"];
 
   /**
    * Pressed wrapper for button component
@@ -8805,7 +8853,7 @@
         _ref$active = _ref.active,
         active = _ref$active === void 0 ? false : _ref$active,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$7);
+        args = _objectWithoutProperties(_ref, _excluded$8);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledPressed, _extends({
       active: active,
@@ -9247,7 +9295,7 @@
   };
   SelectDate.displayName = "SelectDate";
 
-  var _excluded$6 = ["in", "children", "style", "timeout"];
+  var _excluded$7 = ["in", "children", "style", "timeout"];
 
   var defaultStyle$1 = function defaultStyle(duration) {
     return {
@@ -9277,7 +9325,7 @@
         style = _ref.style,
         _ref$timeout = _ref.timeout,
         timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
-        rest = _objectWithoutProperties(_ref, _excluded$6);
+        rest = _objectWithoutProperties(_ref, _excluded$7);
 
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
@@ -9293,7 +9341,7 @@
   };
   Fade.displayName = "Fade";
 
-  var _excluded$5 = ["in", "children", "style", "timeout", "initialDirection"];
+  var _excluded$6 = ["in", "children", "style", "timeout", "initialDirection"];
   var Slide = function Slide(_ref) {
     var _ref$in = _ref.in,
         inProp = _ref$in === void 0 ? false : _ref$in,
@@ -9303,7 +9351,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$5);
+        rest = _objectWithoutProperties(_ref, _excluded$6);
 
     var directionSign;
 
@@ -9363,12 +9411,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$4 = ["children", "direction"];
+  var _excluded$5 = ["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$4);
+        props = _objectWithoutProperties(_ref, _excluded$5);
 
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, _extends({
       timeout: 200,
@@ -9412,7 +9460,7 @@
   };
   ResizeTransition.displayName = "ResizeTransition";
 
-  var _excluded$3 = ["in", "children", "style", "timeout"];
+  var _excluded$4 = ["in", "children", "style", "timeout"];
 
   var defaultStyle = function defaultStyle(duration) {
     return {
@@ -9448,7 +9496,7 @@
         style = _ref.style,
         _ref$timeout = _ref.timeout,
         timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
-        rest = _objectWithoutProperties(_ref, _excluded$3);
+        rest = _objectWithoutProperties(_ref, _excluded$4);
 
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
@@ -9523,7 +9571,7 @@
   });
   StyledValueButton.displayName = "StyledValueButton";
 
-  var _excluded$2 = ["active", "alwaysShowIcon", "icon", "label", "value"];
+  var _excluded$3 = ["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,
@@ -9532,7 +9580,7 @@
         icon = _ref.icon,
         label = _ref.label,
         value = _ref.value,
-        args = _objectWithoutProperties(_ref, _excluded$2);
+        args = _objectWithoutProperties(_ref, _excluded$3);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledValueButton, _extends({
       className: "c-value-button"
@@ -9585,11 +9633,11 @@
   });
   StyledToggle.displayName = "StyledToggle";
 
-  var _excluded$1 = ["hovered", "className"];
+  var _excluded$2 = ["hovered", "className"];
   var Toggle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var hovered = _ref.hovered,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$1);
+        args = _objectWithoutProperties(_ref, _excluded$2);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledToggle, {
       className: classnames__default["default"]("c-toggle", className),
@@ -9647,7 +9695,7 @@
   });
   StyledComboBoxList.displayName = "StyledComboBoxList";
 
-  var _excluded = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size"];
+  var _excluded$1 = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size"];
   var ComboBox = function ComboBox(_ref) {
     var _formRef$current;
 
@@ -9663,7 +9711,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         size = _ref.size,
-        prop = _objectWithoutProperties(_ref, _excluded);
+        prop = _objectWithoutProperties(_ref, _excluded$1);
 
     var selectedName = React.useMemo(function () {
       var value = "";
@@ -10174,6 +10222,31 @@
   ThumbsDownIcon.displayName = "ThumbsDownIcon";
   var ThumbsDownIcon$1 = ThumbsDownIcon;
 
+  var _excluded = ["invalid", "required", "size", "children", "className"];
+  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,
+        props = _objectWithoutProperties(_ref, _excluded);
+
+    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: "bold",
+      ref: ref
+    }, 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-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--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);--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:#99999e;--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-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;}.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);}}"]);
 
   exports.Accordion = Accordion;
@@ -10316,6 +10389,7 @@
   exports.MenuNavIcon = MenuNavIcon$1;
   exports.MenuSelector = MenuSelector;
   exports.MessageAddIcon = MessageAddIcon$1;
+  exports.MessageEmptyIcon = MessageEmptyIcon$1;
   exports.MessageIcon = MessageIcon$1;
   exports.MessageSmallIcon = MessageSmallIcon$1;
   exports.MinusIcon = MinusIcon$1;
@@ -10342,6 +10416,7 @@
   exports.PencilSmallIcon = PencilSmallIcon$1;
   exports.PendingPaymentSmallIcon = PendingPaymentSmallIcon$1;
   exports.PeopleIcon = PeopleIcon$1;
+  exports.PersonCircleIcon = PersonCircleIcon$1;
   exports.PersonIcon = PersonIcon$1;
   exports.PersonPlusIcon = PersonPlusIcon$1;
   exports.PlayCircleOutlineIcon = PlayCircleOutlineIcon$1;
@@ -10386,8 +10461,10 @@
   exports.SortIcon = SortIcon$1;
   exports.SpinnerLoader = SpinnerLoader;
   exports.StarIcon = StarIcon$1;
+  exports.StarOutlineIcon = StarOutlineIcon$1;
   exports.Steps = Steps;
   exports.Table = Table;
+  exports.Tag = Tag;
   exports.TaskAddIcon = TaskAddIcon$1;
   exports.TaskListAddIcon = TaskListAddIcon$1;
   exports.Tbody = Tbody;