@activecollab/components 2.0.188 → 2.0.190

package/dist/index.js

@@ -201,7 +201,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$1B = ["children", "active", "variant", "size", "className"];
+  var _excluded$1C = ["children", "active", "variant", "size", "className"];
   /**
    * @component Button
    * @description
@@ -231,7 +231,7 @@
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$1B);
+      args = _objectWithoutProperties(_ref, _excluded$1C);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -305,12 +305,12 @@
   AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
   var AddCrossTinyIcon$1 = AddCrossTinyIcon;
 
-  var _excluded$1A = ["className", "disabled"];
+  var _excluded$1B = ["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$1A);
+      rest = _objectWithoutProperties(_ref, _excluded$1B);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -348,12 +348,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$1z = ["children", "className", "invalid"];
+  var _excluded$1A = ["children", "className", "invalid"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
       invalid = _ref.invalid,
-      rest = _objectWithoutProperties(_ref, _excluded$1z);
+      rest = _objectWithoutProperties(_ref, _excluded$1A);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className),
@@ -378,11 +378,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator$1.displayName = "StyledListSeparator";
 
-  var _excluded$1y = ["children", "className"];
+  var _excluded$1z = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1y);
+      props = _objectWithoutProperties(_ref, _excluded$1z);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -391,21 +391,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$1x = ["className"];
+  var _excluded$1y = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1x);
+      props = _objectWithoutProperties(_ref, _excluded$1y);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$1w = ["children", "className"];
+  var _excluded$1x = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1w);
+      props = _objectWithoutProperties(_ref, _excluded$1x);
     return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({
       className: className,
       ref: ref,
@@ -888,7 +888,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$1v = ["children", "className", "variant", "size", "active"];
+  var _excluded$1w = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -918,7 +918,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$1v);
+      args = _objectWithoutProperties(_ref, _excluded$1w);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton, _extends({
       className: className,
       variant: variant,
@@ -8472,7 +8472,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$1u = ["children", "className", "innerRef", "style"];
+  var _excluded$1v = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -8480,7 +8480,7 @@
       innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$1u);
+      rest = _objectWithoutProperties(_ref, _excluded$1v);
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
       className: classNames__default["default"]("c-bubble", className),
@@ -8541,12 +8541,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$1t = ["className", "disableBackgroundColor"];
+  var _excluded$1u = ["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$1t);
+      rest = _objectWithoutProperties(_ref, _excluded$1u);
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classNames__default["default"]("c-overlay", className),
       $disableBackgroundColor: disableBackgroundColor
@@ -8559,7 +8559,7 @@
     componentId: "sc-1hgjasy-0"
   })(["&[data-popper-reference-hidden]{display:none !important;pointer-events:none !important;}"]);
 
-  var _excluded$1s = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
+  var _excluded$1t = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -8573,7 +8573,7 @@
       _ref$strategy = _ref.strategy,
       strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
       afterWrite = _ref.afterWrite,
-      rest = _objectWithoutProperties(_ref, _excluded$1s);
+      rest = _objectWithoutProperties(_ref, _excluded$1t);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       exited = _useState2[0],
@@ -8720,7 +8720,7 @@
   };
   var LayerContext$1 = LayerContext;
 
-  var _excluded$1r = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
+  var _excluded$1s = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -8737,7 +8737,7 @@
       _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
       disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$1r);
+      rest = _objectWithoutProperties(_ref, _excluded$1s);
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
     var _useLayerContext = useLayerContext(),
@@ -9049,7 +9049,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$1q = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$1r = ["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,
@@ -9080,7 +9080,7 @@
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1q);
+      props = _objectWithoutProperties(_ref, _excluded$1r);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
       as: Component,
@@ -9103,13 +9103,13 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$1p = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$1q = ["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$1p);
+      props = _objectWithoutProperties(_ref, _excluded$1q);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classNames__default["default"]("c-menu-header", className),
       ref: ref
@@ -9134,11 +9134,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$1o = ["children", "className"];
+  var _excluded$1p = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1o);
+      props = _objectWithoutProperties(_ref, _excluded$1p);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
       ref: ref
@@ -9146,14 +9146,14 @@
   });
   MenuFooter.displayName = "MenuFooter";
 
-  var _excluded$1n = ["children", "className", "separator"];
+  var _excluded$1o = ["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$1n);
+      rest = _objectWithoutProperties(_ref, _excluded$1o);
     var internalRef = React.useRef(null);
     var listWrapperRef = React.useRef(null);
     var olRef = React.useRef(null);
@@ -9331,12 +9331,12 @@
     }, value && value > 100 ? 99 + "+" : value);
   };
 
-  var _excluded$1m = ["weight", "children"];
+  var _excluded$1n = ["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$1m);
+      props = _objectWithoutProperties(_ref, _excluded$1n);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
       weight: weight,
@@ -9446,10 +9446,10 @@
   };
   FromElement.displayName = "FromElement";
 
-  var _excluded$1l = ["children"];
+  var _excluded$1m = ["children"];
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1l);
+      props = _objectWithoutProperties(_ref, _excluded$1m);
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
     }, props), children);
@@ -9524,7 +9524,7 @@
   });
   Tooltip.displayName = "Tooltip";
 
-  var _excluded$1k = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "labelClassName", "disabled"];
+  var _excluded$1l = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "labelClassName", "disabled"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
       icon = _ref.icon,
@@ -9537,7 +9537,7 @@
       labelClassName = _ref.labelClassName,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      args = _objectWithoutProperties(_ref, _excluded$1k);
+      args = _objectWithoutProperties(_ref, _excluded$1l);
     return /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonWrapper, {
       ref: ref,
       className: className
@@ -9917,7 +9917,7 @@
   };
   YearMonthPicker.displayName = "YearMonthPicker";
 
-  var _excluded$1j = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers", "renderDay"];
+  var _excluded$1k = ["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);
   };
@@ -9943,7 +9943,7 @@
       fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
       defaultModifiers = _ref.modifiers,
       renderDay = _ref.renderDay,
-      rest = _objectWithoutProperties(_ref, _excluded$1j);
+      rest = _objectWithoutProperties(_ref, _excluded$1k);
     var _useState = React.useState(),
       _useState2 = _slicedToArray(_useState, 2),
       enteredTo = _useState2[0],
@@ -10303,13 +10303,13 @@
   })(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
   StyledDialogActions.displayName = "StyledDialogActions";
 
-  var _excluded$1i = ["className", "children"];
+  var _excluded$1j = ["className", "children"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogActions = function DialogActions(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$1i);
+      rest = _objectWithoutProperties(_ref, _excluded$1j);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
@@ -10318,13 +10318,13 @@
   };
   DialogActions.displayName = "DialogActions";
 
-  var _excluded$1h = ["className", "children"];
+  var _excluded$1i = ["className", "children"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogContent = function DialogContent(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$1h);
+      rest = _objectWithoutProperties(_ref, _excluded$1i);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContent, _extends({
@@ -10345,10 +10345,10 @@
   };
   DialogContentDivider.displayName = "DialogContentDivider";
 
-  var _excluded$1g = ["children"];
+  var _excluded$1h = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1g);
+      props = _objectWithoutProperties(_ref, _excluded$1h);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 3",
@@ -10357,7 +10357,7 @@
   });
   Header3.displayName = "Header3";
 
-  var _excluded$1f = ["children", "className", "disableDefaultHeading"];
+  var _excluded$1g = ["children", "className", "disableDefaultHeading"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogTitle = function DialogTitle(_ref) {
@@ -10365,7 +10365,7 @@
       className = _ref.className,
       _ref$disableDefaultHe = _ref.disableDefaultHeading,
       disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
-      rest = _objectWithoutProperties(_ref, _excluded$1f);
+      rest = _objectWithoutProperties(_ref, _excluded$1g);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
@@ -10394,7 +10394,7 @@
     function () {});
   }
 
-  var _excluded$1e = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose", "onClickOutside"];
+  var _excluded$1f = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose", "onClickOutside"];
   var getHasTransition = function getHasTransition(children) {
     return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
   };
@@ -10414,7 +10414,7 @@
       defaultOpen = _ref$open === void 0 ? false : _ref$open,
       onClose = _ref.onClose,
       onClickOutside = _ref.onClickOutside,
-      rest = _objectWithoutProperties(_ref, _excluded$1e);
+      rest = _objectWithoutProperties(_ref, _excluded$1f);
     var _useState = React.useState(defaultOpen),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
@@ -10482,7 +10482,7 @@
   });
   Modal.displayName = "Modal";
 
-  var _excluded$1d = ["in", "children", "style", "timeout"];
+  var _excluded$1e = ["in", "children", "style", "timeout"];
   var defaultStyle$2 = function defaultStyle(duration) {
     return {
       transition: "all ".concat(duration, "ms ease-in-out"),
@@ -10510,7 +10510,7 @@
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$1d);
+      rest = _objectWithoutProperties(_ref, _excluded$1e);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
       in: inProp,
@@ -10525,7 +10525,7 @@
   };
   Fade.displayName = "Fade";
 
-  var _excluded$1c = ["in", "children", "style", "timeout", "initialDirection"];
+  var _excluded$1d = ["in", "children", "style", "timeout", "initialDirection"];
   var Slide = function Slide(_ref) {
     var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
@@ -10535,7 +10535,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$1c);
+      rest = _objectWithoutProperties(_ref, _excluded$1d);
     var directionSign;
     switch (initialDirection) {
       case "right":
@@ -10641,12 +10641,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$1b = ["children", "direction"];
+  var _excluded$1c = ["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$1b);
+      props = _objectWithoutProperties(_ref, _excluded$1c);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, _extends({
       timeout: 200,
       classNames: "c-slide",
@@ -10689,7 +10689,7 @@
   };
   ResizeTransition.displayName = "ResizeTransition";
 
-  var _excluded$1a = ["in", "children", "style", "timeout"];
+  var _excluded$1b = ["in", "children", "style", "timeout"];
   var defaultStyle = function defaultStyle(duration) {
     return {
       transition: "all ".concat(duration, "ms ease-in"),
@@ -10723,7 +10723,7 @@
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$1a);
+      rest = _objectWithoutProperties(_ref, _excluded$1b);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
       in: inProp,
@@ -10773,7 +10773,7 @@
   };
   Scale.displayName = "Scale";
 
-  var _excluded$19 = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"];
+  var _excluded$1a = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"];
   var _Dialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$open = _ref.open,
@@ -10787,7 +10787,7 @@
       _ref$animate = _ref.animate,
       animate = _ref$animate === void 0 ? "slide" : _ref$animate,
       onClickOutside = _ref.onClickOutside,
-      rest = _objectWithoutProperties(_ref, _excluded$19);
+      rest = _objectWithoutProperties(_ref, _excluded$1a);
     var animateDialog = function animateDialog() {
       switch (animate) {
         case "fade":
@@ -12447,10 +12447,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$18 = ["className"];
+  var _excluded$19 = ["className"];
   var SkeletonLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$18);
+      rest = _objectWithoutProperties(_ref, _excluded$19);
     return /*#__PURE__*/React__default["default"].createElement(StyledSkeletonLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--linear", className)
@@ -12464,10 +12464,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$17 = ["className"];
+  var _excluded$18 = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$17);
+      rest = _objectWithoutProperties(_ref, _excluded$18);
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--dots", className)
@@ -12489,7 +12489,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$16 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
+  var _excluded$17 = ["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,
@@ -12504,7 +12504,7 @@
       _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
       rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$16);
+      rest = _objectWithoutProperties(_ref, _excluded$17);
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader$1, _extends({
       ref: ref,
       className: className,
@@ -12543,7 +12543,7 @@
   });
   StyledLinearLoader.displayName = "StyledLinearLoader";
 
-  var _excluded$15 = ["height", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "animationDuration"];
+  var _excluded$16 = ["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,
@@ -12555,7 +12555,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$15);
+      rest = _objectWithoutProperties(_ref, _excluded$16);
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
       $height: height,
@@ -12567,7 +12567,7 @@
   });
   LinearLoader.displayName = "LinearLoader";
 
-  var _excluded$14 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
+  var _excluded$15 = ["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";
@@ -12617,7 +12617,7 @@
       loading = _ref.loading,
       _ref$loadingRows = _ref.loadingRows,
       loadingRows = _ref$loadingRows === void 0 ? 7 : _ref$loadingRows,
-      args = _objectWithoutProperties(_ref, _excluded$14);
+      args = _objectWithoutProperties(_ref, _excluded$15);
     var _useState = React.useState(sortDirection),
       _useState2 = _slicedToArray(_useState, 2),
       columnDirection = _useState2[0],
@@ -12977,7 +12977,7 @@
   });
   StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
 
-  var _excluded$13 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
+  var _excluded$14 = ["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,
@@ -12990,7 +12990,7 @@
       _ref$primary = _ref.primary,
       primary = _ref$primary === void 0 ? false : _ref$primary,
       checkMarkClassName = _ref.checkMarkClassName,
-      rest = _objectWithoutProperties(_ref, _excluded$13);
+      rest = _objectWithoutProperties(_ref, _excluded$14);
     return /*#__PURE__*/React__default["default"].createElement(StyledCompleteCheckbox, _extends({
       onClick: onClick,
       className: classNames__default["default"]("c-complete-checkbox", className),
@@ -13025,7 +13025,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
 
-  var _excluded$12 = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$13 = ["children", "className", "type", "hover", "useOptimizedShadow"];
   /**
    * This is a component description and should sit directly above your component
    */
@@ -13038,7 +13038,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$12);
+      rest = _objectWithoutProperties(_ref, _excluded$13);
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classNames__default["default"](className, {
         "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
@@ -13094,7 +13094,7 @@
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$11 = ["children", "className", "hoverable", "variant", "onClick"];
+  var _excluded$12 = ["children", "className", "hoverable", "variant", "onClick"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -13103,7 +13103,7 @@
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$11);
+      rest = _objectWithoutProperties(_ref, _excluded$12);
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: variant,
       className: classNames__default["default"]("c-card", className),
@@ -13184,12 +13184,12 @@
   });
   EntityCard$1.displayName = "EntityCard";
 
-  var _excluded$10 = ["weight", "children"];
+  var _excluded$11 = ["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$10);
+      props = _objectWithoutProperties(_ref, _excluded$11);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 1",
@@ -13198,12 +13198,12 @@
   });
   Title1.displayName = "Title1";
 
-  var _excluded$$ = ["weight", "children"];
+  var _excluded$10 = ["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$$);
+      props = _objectWithoutProperties(_ref, _excluded$10);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 2",
@@ -13212,10 +13212,10 @@
   });
   Title2.displayName = "Title2";
 
-  var _excluded$_ = ["children"];
+  var _excluded$$ = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$_);
+      props = _objectWithoutProperties(_ref, _excluded$$);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 2",
@@ -13224,12 +13224,12 @@
   });
   Header2.displayName = "Header2";
 
-  var _excluded$Z = ["weight", "children"];
+  var _excluded$_ = ["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$Z);
+      props = _objectWithoutProperties(_ref, _excluded$_);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
       weight: weight,
@@ -13238,12 +13238,12 @@
   });
   Body1.displayName = "Body1";
 
-  var _excluded$Y = ["weight", "children"];
+  var _excluded$Z = ["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$Y);
+      props = _objectWithoutProperties(_ref, _excluded$Z);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
       weight: weight,
@@ -13252,12 +13252,12 @@
   });
   Caption1.displayName = "Caption1";
 
-  var _excluded$X = ["weight", "children"];
+  var _excluded$Y = ["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$X);
+      props = _objectWithoutProperties(_ref, _excluded$Y);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
       weight: weight,
@@ -13469,7 +13469,7 @@
     componentId: "sc-5x2tyd-1"
   })(["border-radius:100%;object-fit:cover;"]);
 
-  var _excluded$W = ["url", "alt", "size", "className", "imgClassName", "children"];
+  var _excluded$X = ["url", "alt", "size", "className", "imgClassName", "children"];
   /**
    * @component Avatar
    * @description
@@ -13504,7 +13504,7 @@
       className = _ref.className,
       imgClassName = _ref.imgClassName,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$W);
+      rest = _objectWithoutProperties(_ref, _excluded$X);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       imageLoaded = _useState2[0],
@@ -13545,13 +13545,13 @@
     return props.$color && styled.css(["background-color:", ";"], props.$color);
   });
 
-  var _excluded$V = ["color", "size", "className"];
+  var _excluded$W = ["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$V);
+      rest = _objectWithoutProperties(_ref, _excluded$W);
     return /*#__PURE__*/React__default["default"].createElement(StyledDot, _extends({
       className: classNames__default["default"]("c-dot", className),
       ref: ref,
@@ -13588,7 +13588,7 @@
   });
   StyledTagText.displayName = "StyledTagText";
 
-  var _excluded$U = ["name", "color", "showText", "showDot", "className"];
+  var _excluded$V = ["name", "color", "showText", "showDot", "className"];
   var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var name = _ref.name,
       color = _ref.color,
@@ -13597,7 +13597,7 @@
       _ref$showDot = _ref.showDot,
       showDot = _ref$showDot === void 0 ? true : _ref$showDot,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$U);
+      rest = _objectWithoutProperties(_ref, _excluded$V);
     return /*#__PURE__*/React__default["default"].createElement(StyledTag, _extends({
       className: classNames__default["default"]("c-tag", className),
       ref: ref
@@ -13709,7 +13709,7 @@
   });
   StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 
-  var _excluded$T = ["children", "active", "disabled", "className", "role"];
+  var _excluded$U = ["children", "active", "disabled", "className", "role"];
   var Item = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$active = _ref.active,
@@ -13718,7 +13718,7 @@
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
       role = _ref.role,
-      rest = _objectWithoutProperties(_ref, _excluded$T);
+      rest = _objectWithoutProperties(_ref, _excluded$U);
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
       className: classNames__default["default"]("c-nav__item", {
         "c-nav__item--active": active
@@ -13766,11 +13766,11 @@
   });
   StyledExpandSingle.displayName = "StyledExpandSingle";
 
-  var _excluded$S = ["expanded"];
+  var _excluded$T = ["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$S);
+      rest = _objectWithoutProperties(_ref, _excluded$T);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpandSingle, _extends({
       ref: ref,
       viewBox: "0 0 24 24",
@@ -13946,7 +13946,7 @@
   };
   OptionContent.displayName = "OptionContent";
 
-  var _excluded$R = ["mixed", "data-testid"];
+  var _excluded$S = ["mixed", "data-testid"];
 
   /**
    * @component CheckboxIcon
@@ -13970,7 +13970,7 @@
   var CheckboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var mixed = _ref.mixed,
       testId = _ref["data-testid"],
-      props = _objectWithoutProperties(_ref, _excluded$R);
+      props = _objectWithoutProperties(_ref, _excluded$S);
     // const [animate, setAnimate] = useState(false);
     // const mountRef = useRef(false);
 
@@ -14064,7 +14064,7 @@
   });
   StyledCheckbox$1.displayName = "StyledCheckbox";
 
-  var _excluded$Q = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
+  var _excluded$R = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
   /**
    * Checkbox component
    */
@@ -14078,7 +14078,7 @@
       checked = _ref.checked,
       onChange = _ref.onChange,
       disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded$Q);
+      rest = _objectWithoutProperties(_ref, _excluded$R);
     var _useState = React.useState(mixed && !checked),
       _useState2 = _slicedToArray(_useState, 2),
       indeterminate = _useState2[0],
@@ -14243,7 +14243,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$P = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick", "mode"];
+  var _excluded$Q = ["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,
@@ -14262,7 +14262,7 @@
       wrapperClick = _ref.wrapperClick,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$P);
+      rest = _objectWithoutProperties(_ref, _excluded$Q);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
     var handleWrapperClick = React.useCallback(function () {
@@ -14319,14 +14319,14 @@
   }, StyledRadioLabel);
   StyledRadioButton$1.displayName = "StyledRadioButton";
 
-  var _excluded$O = ["className", "id", "hover"];
+  var _excluded$P = ["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$O);
+      props = _objectWithoutProperties(_ref, _excluded$P);
     return /*#__PURE__*/React__default["default"].createElement(StyledRadioButton$1, {
       className: classNames__default["default"]("c-radio-btn", {
         "c-radio-btn__hover": hover,
@@ -14474,7 +14474,7 @@
   StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
   StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
 
-  var _excluded$N = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
+  var _excluded$O = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
   var ScrollShadow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -14488,7 +14488,7 @@
       invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
       innerColor = _ref.innerColor,
       outerColor = _ref.outerColor,
-      rest = _objectWithoutProperties(_ref, _excluded$N);
+      rest = _objectWithoutProperties(_ref, _excluded$O);
     var _useState = React.useState({
         top: 0,
         right: 0,
@@ -14838,7 +14838,7 @@
     };
   };
 
-  var _excluded$M = ["as", "className", "invert", "style"];
+  var _excluded$N = ["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,
@@ -14846,7 +14846,7 @@
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
       style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded$M);
+      rest = _objectWithoutProperties(_ref, _excluded$N);
     var internalRef = useInitScrollRef(null, invert);
     var handleRef = useForkRef(internalRef, ref);
     var props = _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -15486,7 +15486,7 @@
     componentId: "sc-9x4q7e-0"
   })(["cursor:auto"]);
 
-  var _excluded$L = ["type", "mode", "target", "options", "selected", "mixed", "position", "onChange", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue", "startAdornment", "endAdornment", "focusInput"];
+  var _excluded$M = ["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,
@@ -15524,7 +15524,7 @@
       endAdornment = _ref.endAdornment,
       _ref$focusInput = _ref.focusInput,
       focusInput = _ref$focusInput === void 0 ? false : _ref$focusInput,
-      prop = _objectWithoutProperties(_ref, _excluded$L);
+      prop = _objectWithoutProperties(_ref, _excluded$M);
     if (disableSearch && (startAdornment || endAdornment)) {
       console.warn("Adornments are not visible when search bar is hidden");
     }
@@ -15831,7 +15831,7 @@
   };
   Nav.displayName = "Nav";
 
-  var _excluded$K = ["children", "as", "disablePointerEvents"];
+  var _excluded$L = ["children", "as", "disablePointerEvents"];
   var InputAdornmentBase = styled__default["default"].div.withConfig({
     displayName: "InputAdornment__InputAdornmentBase",
     componentId: "sc-1xfjx1z-0"
@@ -15839,7 +15839,8 @@
     "marginLeft": "0.25rem",
     "marginRight": "0.25rem",
     "display": "flex",
-    "alignItems": "center"
+    "alignItems": "center",
+    "gap": "0.5rem"
   }, function (props) {
     return props.$disablePointerEvents && styled.css(["", ""], {
       "pointerEvents": "none"
@@ -15849,7 +15850,7 @@
     var children = _ref.children,
       as = _ref.as,
       disablePointerEvents = _ref.disablePointerEvents,
-      rest = _objectWithoutProperties(_ref, _excluded$K);
+      rest = _objectWithoutProperties(_ref, _excluded$L);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(InputAdornmentBase, _extends({}, rest, {
       as: Component,
@@ -16087,7 +16088,7 @@
     };
   };
 
-  var _excluded$J = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick", "align"];
+  var _excluded$K = ["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,
@@ -16107,7 +16108,7 @@
       externalOnClick = _ref.onClick,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "center" : _ref$align,
-      rest = _objectWithoutProperties(_ref, _excluded$J);
+      rest = _objectWithoutProperties(_ref, _excluded$K);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputHours = useInputHours({
@@ -16146,7 +16147,7 @@
   });
   InputHours.displayName = "InputHours";
 
-  var _excluded$I = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit", "placeholder", "trimDecimals", "min", "max"];
+  var _excluded$J = ["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,
@@ -16175,7 +16176,7 @@
       trimDecimals = _ref$trimDecimals === void 0 ? true : _ref$trimDecimals,
       min = _ref.min,
       max = _ref.max,
-      rest = _objectWithoutProperties(_ref, _excluded$I);
+      rest = _objectWithoutProperties(_ref, _excluded$J);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputNumber = useInputNumber({
@@ -16224,11 +16225,14 @@
   });
   InputNumber.displayName = "InputNumber";
 
-  var _excluded$H = ["currency", "size"];
+  var _excluded$I = ["currency", "size", "startAdornment", "endAdornment", "disabled"];
   var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var currency = _ref.currency,
       size = _ref.size,
-      rest = _objectWithoutProperties(_ref, _excluded$H);
+      startAdornment = _ref.startAdornment,
+      endAdornment = _ref.endAdornment,
+      disabled = _ref.disabled,
+      rest = _objectWithoutProperties(_ref, _excluded$I);
     var variant = React.useMemo(function () {
       if (size === "biggest") {
         return "Header 2";
@@ -16244,16 +16248,23 @@
     return /*#__PURE__*/React__default["default"].createElement(InputNumber, _extends({
       size: size,
       align: "right",
-      startAdornment: /*#__PURE__*/React__default["default"].createElement(InputAdornment, null, /*#__PURE__*/React__default["default"].createElement(Typography, {
+      ref: ref,
+      disabled: disabled,
+      endAdornment: endAdornment && /*#__PURE__*/React__default["default"].createElement(InputAdornment, {
+        disablePointerEvents: disabled
+      }, endAdornment)
+    }, rest, {
+      startAdornment: /*#__PURE__*/React__default["default"].createElement(InputAdornment, {
+        disablePointerEvents: disabled
+      }, /*#__PURE__*/React__default["default"].createElement(Typography, {
         variant: variant,
         weight: weight
-      }, currency)),
-      ref: ref
-    }, rest));
+      }, currency), startAdornment)
+    }));
   });
   InputCurrency.displayName = "InputCurrency";
 
-  var _excluded$G = ["size", "disabled", "show", "hideControl", "showTooltipText", "hideTooltipText", "value", "validation", "errorMessage", "invalid", "onChange"];
+  var _excluded$H = ["size", "disabled", "show", "hideControl", "showTooltipText", "hideTooltipText", "value", "validation", "errorMessage", "invalid", "onChange"];
   var transform = {
     biggest: "big",
     regular: "small",
@@ -16346,7 +16357,7 @@
       errorMessage = _ref2.errorMessage,
       invalid = _ref2.invalid,
       onChange = _ref2.onChange,
-      rest = _objectWithoutProperties(_ref2, _excluded$G);
+      rest = _objectWithoutProperties(_ref2, _excluded$H);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useState = React.useState(show),
@@ -16465,7 +16476,7 @@
     componentId: "sc-1lmb5y-0"
   })(["flex-shrink:0"]);
 
-  var _excluded$F = ["size", "disabled", "value", "onChange", "scheme"];
+  var _excluded$G = ["size", "disabled", "value", "onChange", "scheme"];
   var defaultOptions = [{
     id: "https://",
     name: "https://"
@@ -16481,7 +16492,7 @@
       defaultValue = _ref$value === void 0 ? "" : _ref$value,
       onChange = _ref.onChange,
       scheme = _ref.scheme,
-      rest = _objectWithoutProperties(_ref, _excluded$F);
+      rest = _objectWithoutProperties(_ref, _excluded$G);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var options = React.useMemo(function () {
@@ -16609,7 +16620,7 @@
   });
   InputUrl.displayName = "InputUrl";
 
-  var _excluded$E = ["size", "disabled", "value", "onChange", "defaultCountry"];
+  var _excluded$F = ["size", "disabled", "value", "onChange", "defaultCountry"];
   var renderOption$2 = 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,
@@ -16625,7 +16636,7 @@
       onChange = _ref.onChange,
       _ref$defaultCountry = _ref.defaultCountry,
       defaultCountry = _ref$defaultCountry === void 0 ? "US" : _ref$defaultCountry,
-      rest = _objectWithoutProperties(_ref, _excluded$E);
+      rest = _objectWithoutProperties(_ref, _excluded$F);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useState = React.useState(defaultCountry),
@@ -16834,12 +16845,12 @@
     [ref, handler]);
   }
 
-  var _excluded$D = ["children", "type"];
+  var _excluded$E = ["children", "type"];
   var Trigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? "button" : _ref$type,
-      rest = _objectWithoutProperties(_ref, _excluded$D);
+      rest = _objectWithoutProperties(_ref, _excluded$E);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton, _extends({
       ref: ref,
       role: "button",
@@ -16894,7 +16905,7 @@
   })(["color:var(--color-theme-700);"]);
   ChipCloseIcon.displayName = "ChipCloseIcon";
 
-  var _excluded$C = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "typographyProps"];
+  var _excluded$D = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "typographyProps"];
   var Chip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var startAdornment = _ref.startAdornment,
       label = _ref.label,
@@ -16905,7 +16916,7 @@
       backgroundColor = _ref.backgroundColor,
       closeClassName = _ref.closeClassName,
       typographyProps = _ref.typographyProps,
-      rest = _objectWithoutProperties(_ref, _excluded$C);
+      rest = _objectWithoutProperties(_ref, _excluded$D);
     var showClose = typeof onClose === "function";
     var variant = React.useMemo(function () {
       switch (size) {
@@ -16938,7 +16949,7 @@
   });
   Chip.displayName = "Chip";
 
-  var _excluded$B = ["options", "selected", "loading", "loadingText", "onChange", "onInputChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue", "open", "onOpen", "triggerMode", "noResultText", "emptyValue"];
+  var _excluded$C = ["options", "selected", "loading", "loadingText", "onChange", "onInputChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue", "open", "onOpen", "triggerMode", "noResultText", "emptyValue"];
   var sizeMap = {
     small: 18,
     regular: 24,
@@ -16986,7 +16997,7 @@
       triggerMode = _ref.triggerMode,
       noResultText = _ref.noResultText,
       emptyValue = _ref.emptyValue,
-      prop = _objectWithoutProperties(_ref, _excluded$B);
+      prop = _objectWithoutProperties(_ref, _excluded$C);
     var selectedName = React.useMemo(function () {
       var value = "";
       if (!selected) {
@@ -17403,7 +17414,7 @@
     componentId: "sc-uvsz9l-4"
   })(["display:flex;justify-content:center;"]);
 
-  var _excluded$A = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid"];
+  var _excluded$B = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid"];
   nlp__default["default"].plugin(plg__default["default"]);
   var StyledInputTimeWrapper = styled__default["default"].div.withConfig({
     displayName: "InputTime__StyledInputTimeWrapper",
@@ -17431,7 +17442,7 @@
       triggerMode = _ref.triggerMode,
       disabled = _ref.disabled,
       invalid = _ref.invalid,
-      rest = _objectWithoutProperties(_ref, _excluded$A);
+      rest = _objectWithoutProperties(_ref, _excluded$B);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isOpen = _useState2[0],
@@ -17526,7 +17537,7 @@
     })));
   };
 
-  var _excluded$z = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as"];
+  var _excluded$A = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as"];
   var DisplayNumber = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -17546,7 +17557,7 @@
       className = _ref.className,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
-      rest = _objectWithoutProperties(_ref, _excluded$z);
+      rest = _objectWithoutProperties(_ref, _excluded$A);
     var formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, format);
     var formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long");
     if (format === "short") {
@@ -17569,7 +17580,7 @@
   });
   DisplayNumber.displayName = "DisplayNumber";
 
-  var _excluded$y = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as"];
+  var _excluded$z = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as"];
   var DisplayCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -17593,7 +17604,7 @@
       className = _ref.className,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
-      rest = _objectWithoutProperties(_ref, _excluded$y);
+      rest = _objectWithoutProperties(_ref, _excluded$z);
     var formattedValue = formatCurrency(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", currencyCode, currencyPosition);
     var formattedLongValue = formatCurrency(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", currencyCode, currencyPosition);
     if (format === "short") {
@@ -17616,7 +17627,7 @@
   });
   DisplayCurrency.displayName = "DisplayCurrency";
 
-  var _excluded$x = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimZeroMinutes", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "withLeadingZero", "as"];
+  var _excluded$y = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimZeroMinutes", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "withLeadingZero", "as"];
   var DisplayHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -17639,7 +17650,7 @@
       withLeadingZero = _ref.withLeadingZero,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
-      rest = _objectWithoutProperties(_ref, _excluded$x);
+      rest = _objectWithoutProperties(_ref, _excluded$y);
     var numberValue = +String(value).replaceAll(thousandSeparator, "").replace(decimalSeparator, ".");
     var formattedValue = formatNumber(numberValue, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
     var formattedLongValue = formatHours(numberValue, withLeadingZero, trimZeroMinutes);
@@ -17664,11 +17675,11 @@
   });
   DisplayHours.displayName = "DisplayHours";
 
-  var _excluded$w = ["expanded"];
+  var _excluded$x = ["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$w);
+      rest = _objectWithoutProperties(_ref, _excluded$x);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpand, _extends({
       ref: ref,
       viewBox: "0 0 24 24"
@@ -17790,7 +17801,7 @@
   });
   StyledTextarea.displayName = "StyledTextarea";
 
-  var _excluded$v = ["className", "disabled", "invalid", "mode"];
+  var _excluded$w = ["className", "disabled", "invalid", "mode"];
   var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$disabled = _ref.disabled,
@@ -17799,7 +17810,7 @@
       invalid = _ref$invalid === void 0 ? false : _ref$invalid,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$v);
+      rest = _objectWithoutProperties(_ref, _excluded$w);
     return /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
       $invalid: invalid,
       ref: ref,
@@ -17905,7 +17916,7 @@
   })(["@media (min-width:640px){display:none;}"]);
   StyledHeader$1.displayName = "StyledHeader";
 
-  var _excluded$u = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
+  var _excluded$v = ["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,
@@ -17929,7 +17940,7 @@
       bodyClassName = _ref.bodyClassName,
       _ref$disableBackgroun2 = _ref.disableBackgroundClick,
       disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      rest = _objectWithoutProperties(_ref, _excluded$u);
+      rest = _objectWithoutProperties(_ref, _excluded$v);
     var _useState = React.useState(defaultOpen),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
@@ -18049,13 +18060,13 @@
   });
   StyledHeader.displayName = "StyledHeader";
 
-  var _excluded$t = ["className", "size", "children"];
+  var _excluded$u = ["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$t);
+      rest = _objectWithoutProperties(_ref, _excluded$u);
     return /*#__PURE__*/React__default["default"].createElement(StyledHeader, _extends({
       type: "paper-2",
       className: classNames__default["default"]("c-header", className),
@@ -18071,7 +18082,7 @@
   })(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);
   StyledAutoResizeTextarea.displayName = "StyledAutoResizeTextarea";
 
-  var _excluded$s = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value", "mode"];
+  var _excluded$t = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value", "mode"];
   var AutoResizeTextarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$minRows = _ref.minRows,
       minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
@@ -18089,7 +18100,7 @@
       value = _ref.value,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$s);
+      rest = _objectWithoutProperties(_ref, _excluded$t);
     var innerRef = React.useRef(null);
     var _useState = React.useState(minRows),
       _useState2 = _slicedToArray(_useState, 2),
@@ -18366,7 +18377,7 @@
   });
   StyledChoose.displayName = "StyledChoose";
 
-  var _excluded$r = ["children", "disabled", "active", "className"];
+  var _excluded$s = ["children", "disabled", "active", "className"];
   /**
    * Choose component
    */
@@ -18377,7 +18388,7 @@
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$r);
+      args = _objectWithoutProperties(_ref, _excluded$s);
     return /*#__PURE__*/React__default["default"].createElement(StyledChoose, _extends({
       disabled: disabled,
       className: classNames__default["default"]("c-choose", className),
@@ -18473,21 +18484,21 @@
   StyledLinkElements.displayName = "StyledLinkElements";
   StyledLink.displayName = "StyledLink";
 
-  var _excluded$q = ["children", "className"];
+  var _excluded$r = ["children", "className"];
   /**
    * Back link component
    */
   var BackLink = function BackLink(_ref) {
     var children = _ref.children,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$q);
+      args = _objectWithoutProperties(_ref, _excluded$r);
     return /*#__PURE__*/React__default["default"].createElement(StyledBackLink, _extends({
       className: classNames__default["default"]("c-back-link", className)
     }, args), children);
   };
   BackLink.displayName = "BackLink";
 
-  var _excluded$p = ["as", "children", "variant", "size", "disabled", "className"];
+  var _excluded$q = ["as", "children", "variant", "size", "disabled", "className"];
   /**
    * Link component
    */
@@ -18500,7 +18511,7 @@
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$p);
+      args = _objectWithoutProperties(_ref, _excluded$q);
     var Component = as || "a";
     return /*#__PURE__*/React__default["default"].createElement(StyledLink, _extends({
       ref: ref,
@@ -19404,7 +19415,7 @@
   StyledToastMessage.displayName = "StyledToastMessage";
   StyledCloseSmallIcon.displayName = "StyledCloseSmallIcon";
 
-  var _excluded$o = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
+  var _excluded$p = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
   var ToastMessage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var text = _ref.text,
       type = _ref.type,
@@ -19415,7 +19426,7 @@
       dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$o);
+      rest = _objectWithoutProperties(_ref, _excluded$p);
     var handleOnClose = React.useCallback(function () {
       if (typeof onClose === "function") {
         onClose();
@@ -19463,7 +19474,7 @@
   });
   StyledValueButton.displayName = "StyledValueButton";
 
-  var _excluded$n = ["active", "alwaysShowIcon", "icon", "label", "value"];
+  var _excluded$o = ["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,
@@ -19472,7 +19483,7 @@
       icon = _ref.icon,
       label = _ref.label,
       value = _ref.value,
-      args = _objectWithoutProperties(_ref, _excluded$n);
+      args = _objectWithoutProperties(_ref, _excluded$o);
     return /*#__PURE__*/React__default["default"].createElement(StyledValueButton, _extends({
       className: "c-value-button"
     }, args, {
@@ -19540,7 +19551,7 @@
   });
   StyledCaretIcon.displayName = "StyledCaretIcon";
 
-  var _excluded$m = ["children", "type", "size", "invalid", "open", "endAdornment", "typographyProps", "mode"];
+  var _excluded$n = ["children", "type", "size", "invalid", "open", "endAdornment", "typographyProps", "mode"];
   var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$type = _ref.type,
@@ -19555,7 +19566,7 @@
       typographyProps = _ref.typographyProps,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$m);
+      rest = _objectWithoutProperties(_ref, _excluded$n);
     var variant = React.useMemo(function () {
       if (size === "big") {
         return "Body 1";
@@ -19586,7 +19597,7 @@
   });
   SelectTrigger.displayName = "SelectTrigger";
 
-  var _excluded$l = ["mode", "selected", "min", "max", "onChange", "target", "triggerMode", "step"];
+  var _excluded$m = ["mode", "selected", "min", "max", "onChange", "target", "triggerMode", "step"];
   var renderOption = function renderOption(option) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       id: option.id
@@ -19605,7 +19616,7 @@
       triggerMode = _ref.triggerMode,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 15 : _ref$step,
-      rest = _objectWithoutProperties(_ref, _excluded$l);
+      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");
@@ -19680,11 +19691,11 @@
   });
   StyledToggle.displayName = "StyledToggle";
 
-  var _excluded$k = ["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$k);
+      args = _objectWithoutProperties(_ref, _excluded$l);
     return /*#__PURE__*/React__default["default"].createElement(StyledToggle, {
       className: classNames__default["default"]("c-toggle", className),
       $isHovered: hovered,
@@ -19712,11 +19723,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$k = ["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$k);
     return /*#__PURE__*/React__default["default"].createElement(StyledAddToListButton, _extends({
       ref: ref,
       className: classNames__default["default"]("c--add-to-list-btn", className)
@@ -19841,7 +19852,7 @@
   });
   StyledProgressRingPercentage.displayName = "StyledProgressRingPercentage";
 
-  var _excluded$i = ["className", "children"];
+  var _excluded$j = ["className", "children"];
   var ProgressCircle = function ProgressCircle(_ref) {
     var backgroundColor = _ref.backgroundColor,
       progressColor = _ref.progressColor,
@@ -19918,7 +19929,7 @@
   var ProgressRing = function ProgressRing(_ref2) {
     var className = _ref2.className,
       children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded$i);
+      rest = _objectWithoutProperties(_ref2, _excluded$j);
     return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
       className: classNames__default["default"](className),
       "data-testid": "progress-ring"
@@ -19926,11 +19937,11 @@
   };
   ProgressRing.displayName = "ProgressRing";
 
-  var _excluded$h = ["radius"];
+  var _excluded$i = ["radius"];
   var ProgressPie = function ProgressPie(_ref) {
     var _ref$radius = _ref.radius,
       radius = _ref$radius === void 0 ? 20 : _ref$radius,
-      rest = _objectWithoutProperties(_ref, _excluded$h);
+      rest = _objectWithoutProperties(_ref, _excluded$i);
     return /*#__PURE__*/React__default["default"].createElement(ProgressCircle, _extends({}, rest, {
       stroke: radius,
       radius: radius
@@ -20254,7 +20265,7 @@
   ThumbsDownIcon.displayName = "ThumbsDownIcon";
   var ThumbsDownIcon$1 = ThumbsDownIcon;
 
-  var _excluded$g = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
+  var _excluded$h = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
   var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$invalid = _ref.invalid,
       invalid = _ref$invalid === void 0 ? false : _ref$invalid,
@@ -20267,7 +20278,7 @@
       _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "bold" : _ref$weight,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutProperties(_ref, _excluded$g);
+      props = _objectWithoutProperties(_ref, _excluded$h);
     var color = invalid ? "alert" : "primary";
     var variant = size === "regular" ? "Body 2" : "Caption 1";
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
@@ -20324,7 +20335,7 @@
   });
   StyledInput$1.displayName = "StyledInput";
 
-  var _excluded$f = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children"];
+  var _excluded$g = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children"];
   var EditableContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$variant = _ref.variant,
@@ -20335,7 +20346,7 @@
       inputProps = _ref.inputProps,
       wrapRef = _ref.wrapRef,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$f);
+      props = _objectWithoutProperties(_ref, _excluded$g);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
     var handleBlur = React.useCallback(function (evt) {
@@ -20366,14 +20377,14 @@
   });
   EditableContent.displayName = "EditableContent";
 
-  var _excluded$e = ["onSave", "onCancel", "value", "inputProps", "allowEmptyString"];
+  var _excluded$f = ["onSave", "onCancel", "value", "inputProps", "allowEmptyString"];
   var EditableText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var onSave = _ref.onSave,
       onCancel = _ref.onCancel,
       value = _ref.value,
       inputProps = _ref.inputProps,
       allowEmptyString = _ref.allowEmptyString,
-      props = _objectWithoutProperties(_ref, _excluded$e);
+      props = _objectWithoutProperties(_ref, _excluded$f);
     var _useState = React.useState(value),
       _useState2 = _slicedToArray(_useState, 2),
       currentValue = _useState2[0],
@@ -20431,7 +20442,7 @@
   });
   EditableText.displayName = "EditableText";
 
-  var _excluded$d = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onEnterKeyPress", "inputProps", "onClick", "ticking", "onFocus"];
+  var _excluded$e = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onEnterKeyPress", "inputProps", "onClick", "ticking", "onFocus"];
   var StyledEditableContent = styled__default["default"](EditableContent).withConfig({
     displayName: "EditableHours__StyledEditableContent",
     componentId: "sc-nvi34j-0"
@@ -20458,7 +20469,7 @@
       externalOnClick = _ref2.onClick,
       ticking = _ref2.ticking,
       onFocus = _ref2.onFocus,
-      rest = _objectWithoutProperties(_ref2, _excluded$d);
+      rest = _objectWithoutProperties(_ref2, _excluded$e);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputHours = useInputHours({
@@ -20532,7 +20543,7 @@
   });
   EditableHours.displayName = "EditableHours";
 
-  var _excluded$c = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "step", "thousandSeparator", "value", "onSave", "onCancel", "className", "allowEmptyValue", "onEnterKeyPress", "onClick", "onChange", "trimDecimals", "min", "max"];
+  var _excluded$d = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "step", "thousandSeparator", "value", "onSave", "onCancel", "className", "allowEmptyValue", "onEnterKeyPress", "onClick", "onChange", "trimDecimals", "min", "max"];
   var EditableCurrency = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$decimalLength = _ref.decimalLength,
       decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
@@ -20559,7 +20570,7 @@
       trimDecimals = _ref$trimDecimals === void 0 ? true : _ref$trimDecimals,
       min = _ref.min,
       max = _ref.max,
-      rest = _objectWithoutProperties(_ref, _excluded$c);
+      rest = _objectWithoutProperties(_ref, _excluded$d);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputNumber = useInputNumber({
@@ -20612,11 +20623,11 @@
   });
   EditableCurrency.displayName = "EditableCurrency";
 
-  var _excluded$b = ["withDocuments"];
+  var _excluded$c = ["withDocuments"];
   var FolderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var _ref$withDocuments = _ref.withDocuments,
       withDocuments = _ref$withDocuments === void 0 ? false : _ref$withDocuments,
-      props = _objectWithoutProperties(_ref, _excluded$b);
+      props = _objectWithoutProperties(_ref, _excluded$c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 100,
       height: 100,
@@ -20759,7 +20770,7 @@
     return $renderAs === "list" && styled.css(["justify-self:flex-end;"]);
   });
 
-  var _excluded$a = ["children", "gap", "renderAs"];
+  var _excluded$b = ["children", "gap", "renderAs"];
   var EntityGroupContext = /*#__PURE__*/React__default["default"].createContext({
     renderAs: "grid"
   });
@@ -20768,7 +20779,7 @@
       gap = _ref.gap,
       _ref$renderAs = _ref.renderAs,
       renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
-      rest = _objectWithoutProperties(_ref, _excluded$a);
+      rest = _objectWithoutProperties(_ref, _excluded$b);
     return /*#__PURE__*/React__default["default"].createElement(EntityGroupContext.Provider, {
       value: {
         renderAs: renderAs
@@ -20780,14 +20791,14 @@
   };
   EntityGroup.displayName = "EntityGroup";
 
-  var _excluded$9 = ["children", "isCollection", "background", "className", "as"];
+  var _excluded$a = ["children", "isCollection", "background", "className", "as"];
   var EntityCard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       isCollection = _ref.isCollection,
       background = _ref.background,
       className = _ref.className,
       as = _ref.as,
-      rest = _objectWithoutProperties(_ref, _excluded$9);
+      rest = _objectWithoutProperties(_ref, _excluded$a);
     var _useContext = React.useContext(EntityGroupContext),
       renderAs = _useContext.renderAs;
     var classSuffix = "c-entity-card-".concat(renderAs);
@@ -20806,13 +20817,13 @@
   });
   EntityCard.displayName = "EntityCard";
 
-  var _excluded$8 = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
+  var _excluded$9 = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
   var EntityProperty = function EntityProperty(_ref) {
     var listOrder = _ref.listOrder,
       listWidth = _ref.listWidth,
       visibleFromBreakpoint = _ref.visibleFromBreakpoint,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$8);
+      props = _objectWithoutProperties(_ref, _excluded$9);
     var _useContext = React.useContext(EntityGroupContext),
       renderAs = _useContext.renderAs;
     var classSuffix = "c-entity-property-".concat(renderAs);
@@ -20827,10 +20838,10 @@
   };
   EntityProperty.displayName = "EntityProperty";
 
-  var _excluded$7 = ["children"];
+  var _excluded$8 = ["children"];
   var EntitySeparator = function EntitySeparator(_ref) {
     var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$7);
+      rest = _objectWithoutProperties(_ref, _excluded$8);
     return /*#__PURE__*/React__default["default"].createElement(_StyledDiv, rest, children);
   };
   var _StyledDiv = styled__default["default"]("div").withConfig({
@@ -20977,7 +20988,7 @@
     }), children);
   };
 
-  var _excluded$6 = ["id", "title", "submenu", "searchPlaceholder", "disableInternalSort", "isSingleSelect", "defaultValue"];
+  var _excluded$7 = ["id", "title", "submenu", "searchPlaceholder", "disableInternalSort", "isSingleSelect", "defaultValue"];
   var Filter = function Filter(_ref) {
     var data = _ref.data,
       _ref$selected = _ref.selected,
@@ -21144,7 +21155,7 @@
         disableInternalSort = _ref2.disableInternalSort,
         isSingleSelect = _ref2.isSingleSelect,
         defaultValue = _ref2.defaultValue,
-        rest = _objectWithoutProperties(_ref2, _excluded$6);
+        rest = _objectWithoutProperties(_ref2, _excluded$7);
       return /*#__PURE__*/React__default["default"].createElement(SlideLeftRightTransition, {
         key: "filter-submenu-".concat(index),
         in: menu === id,
@@ -21364,7 +21375,7 @@
     return props.size + "px";
   });
 
-  var _excluded$5 = ["limit", "size", "children", "hasTooltip"];
+  var _excluded$6 = ["limit", "size", "children", "hasTooltip"];
   var AvatarGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _Children$toArray;
     var limit = _ref.limit,
@@ -21373,7 +21384,7 @@
       children = _ref.children,
       _ref$hasTooltip = _ref.hasTooltip,
       hasTooltip = _ref$hasTooltip === void 0 ? false : _ref$hasTooltip,
-      rest = _objectWithoutProperties(_ref, _excluded$5);
+      rest = _objectWithoutProperties(_ref, _excluded$6);
     // always display counter with min +2 as +1 can takes space of an 1 more Avatar
     var minChildren = React.Children.count(children) - limit > 1 ? false : true;
     // gap between Avatars
@@ -21539,14 +21550,14 @@
     return React.useContext(SearchContext);
   };
 
-  var _excluded$4 = ["title", "renderIcon", "className", "index", "as"];
+  var _excluded$5 = ["title", "renderIcon", "className", "index", "as"];
   var CommandPaletteCommandItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
       renderIcon = _ref.renderIcon,
       className = _ref.className,
       index = _ref.index,
       as = _ref.as,
-      rest = _objectWithoutProperties(_ref, _excluded$4);
+      rest = _objectWithoutProperties(_ref, _excluded$5);
     var Component = as || "a";
     var icon = renderIcon();
     var _useSelectedContext = useSelectedContext(),
@@ -21715,7 +21726,7 @@
     return "";
   };
 
-  var _excluded$3 = ["title", "renderIcon", "className", "index", "loading", "as"];
+  var _excluded$4 = ["title", "renderIcon", "className", "index", "loading", "as"];
   var generateRandomWidth = function generateRandomWidth() {
     // generate range 30-80
     var randomNum = Math.round(Math.random() * 30 + 30);
@@ -21728,7 +21739,7 @@
       index = _ref.index,
       loading = _ref.loading,
       as = _ref.as,
-      rest = _objectWithoutProperties(_ref, _excluded$3);
+      rest = _objectWithoutProperties(_ref, _excluded$4);
     var Component = as || "a";
     var icon = renderIcon && renderIcon();
     var _useSelectedContext = useSelectedContext(),
@@ -21818,7 +21829,7 @@
     });
   };
 
-  var _excluded$2 = ["children", "onChangeSearch", "search", "mode", "setMode", "loading", "idModeEnabled"];
+  var _excluded$3 = ["children", "onChangeSearch", "search", "mode", "setMode", "loading", "idModeEnabled"];
   var _CommandPalette = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       onChangeSearch = _ref.onChangeSearch,
@@ -21828,7 +21839,7 @@
       loading = _ref.loading,
       _ref$idModeEnabled = _ref.idModeEnabled,
       idModeEnabled = _ref$idModeEnabled === void 0 ? false : _ref$idModeEnabled,
-      rest = _objectWithoutProperties(_ref, _excluded$2);
+      rest = _objectWithoutProperties(_ref, _excluded$3);
     var _useState = React.useState(0),
       _useState2 = _slicedToArray(_useState, 2),
       selected = _useState2[0],
@@ -21993,25 +22004,25 @@
     componentId: "sc-jfbqky-5"
   })(["margin-block-start:24px;display:flex;flex-direction:column;gap:12px;align-items:center;", "{flex-direction:row;}"], screen.lg);
 
-  var _excluded$1 = ["children"];
+  var _excluded$2 = ["children"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
   var EmptySlateFooter = function EmptySlateFooter(_ref) {
     var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$1);
+      rest = _objectWithoutProperties(_ref, _excluded$2);
     return /*#__PURE__*/React__default["default"].createElement(FooterContainer, rest, children);
   };
   EmptySlateFooter.displayName = "EmptySlateFooter";
 
-  var _excluded = ["title", "description", "src", "alt", "children"];
+  var _excluded$1 = ["title", "description", "src", "alt", "children"];
   var EmptySlate = function EmptySlate(_ref) {
     var title = _ref.title,
       description = _ref.description,
       src = _ref.src,
       alt = _ref.alt,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded$1);
     return /*#__PURE__*/React__default["default"].createElement(Container, _extends({}, rest, {
       role: "status"
     }), /*#__PURE__*/React__default["default"].createElement(StyledImg, {
@@ -22053,6 +22064,84 @@
   }
   Toolbar.displayName = "Toolbar";
 
+  var StyledInfoBoxWrapper = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledInfoBoxWrapper",
+    componentId: "sc-amgpyr-0"
+  })(["gap:4px;width:100%;border-radius:8px;padding-inline:16px;padding-block:12px;background-color:", ";border:1px solid ", ";position:relative;"], function (_ref) {
+    var $color = _ref.$color,
+      $opacity = _ref.$opacity;
+    return $color + $opacity;
+  }, function (_ref2) {
+    var $color = _ref2.$color;
+    return $color;
+  });
+  StyledInfoBoxWrapper.displayName = "StyledInfoBoxWrapper";
+  var StyledInfoBoxHeader = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledInfoBoxHeader",
+    componentId: "sc-amgpyr-1"
+  })(["display:flex;width:100%;flex-direction:column;gap:", ";"], function (_ref3) {
+    var $hasTitle = _ref3.$hasTitle;
+    return $hasTitle ? "4px" : "none";
+  });
+  StyledInfoBoxHeader.displayName = "StyledInfoBoxHeader";
+  var StyledInfoBoxContainer = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledInfoBoxContainer",
+    componentId: "sc-amgpyr-2"
+  })(["display:flex;justify-items:space-between;width:100%;gap:8px;"]);
+  StyledInfoBoxContainer.displayName = "StyledInfoBoxContainer";
+  var SyledInfoBoxInnerHeader = styled__default["default"].div.withConfig({
+    displayName: "Styles__SyledInfoBoxInnerHeader",
+    componentId: "sc-amgpyr-3"
+  })(["display:flex;"]);
+  SyledInfoBoxInnerHeader.displayName = "SyledInfoBoxInnerHeader";
+
+  var _excluded = ["type", "children", "showIcon", "icon", "title", "action"];
+  var InfoBox = function InfoBox(_ref) {
+    var _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "default" : _ref$type,
+      children = _ref.children,
+      showIcon = _ref.showIcon,
+      icon = _ref.icon,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? null : _ref$title,
+      _ref$action = _ref.action,
+      action = _ref$action === void 0 ? null : _ref$action,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var statusColors = {
+      success: colors$1.greenSuccess.color,
+      warning: colors$1.redAlert.color,
+      note: colors$1.yellowWarning.color,
+      default: colors$1.blueSky.color,
+      neutral: colors$1.gray.color
+    };
+    // https://davidwalsh.name/hex-opacity
+    var opacity = "1A";
+    return /*#__PURE__*/React__default["default"].createElement(StyledInfoBoxWrapper, _extends({
+      $color: "".concat(statusColors[type]),
+      $opacity: opacity
+    }, rest), /*#__PURE__*/React__default["default"].createElement(StyledInfoBoxContainer, null, showIcon && /*#__PURE__*/React__default["default"].createElement("span", null, icon && /*#__PURE__*/React__default["default"].isValidElement(icon) ? ( /*#__PURE__*/React__default["default"].cloneElement(icon, {
+      fill: statusColors[type],
+      width: 18
+    })) : type === "success" ? /*#__PURE__*/React__default["default"].createElement(CheckboxBlankTogglerIcon$1, {
+      fill: statusColors[type],
+      width: 18
+    }) : type === "warning" ? /*#__PURE__*/React__default["default"].createElement(CloseCircleIcon$1, {
+      fill: statusColors[type],
+      width: 18
+    }) : type === "note" || type === "default" ? /*#__PURE__*/React__default["default"].createElement(InfoIcon$1, {
+      fill: statusColors[type],
+      width: 18
+    }) : /*#__PURE__*/React__default["default"].createElement(InfoIcon$1, {
+      fill: statusColors["neutral"],
+      width: 18
+    })), /*#__PURE__*/React__default["default"].createElement(StyledInfoBoxHeader, {
+      $hasTitle: title ? true : false
+    }, /*#__PURE__*/React__default["default"].createElement(SyledInfoBoxInnerHeader, null, typeof title === "string" && title ? /*#__PURE__*/React__default["default"].createElement(Body2, {
+      weight: "bold",
+      lineHeight: "loose"
+    }, title) : title, action), children)));
+  };
+
   exports.AccessLogIcon = AccessLogIcon$1;
   exports.Accordion = Accordion;
   exports.AccordionContext = AccordionContext;
@@ -22214,6 +22303,7 @@
   exports.HistoryOfChangesIcon = HistoryOfChangesIcon$1;
   exports.IconButton = IconButton;
   exports.ImageIcon = ImageIcon$1;
+  exports.InfoBox = InfoBox;
   exports.InfoIcon = InfoIcon$1;
   exports.InfoSmallIcon = InfoSmallIcon$1;
   exports.Input = Input;