@activecollab/components 2.0.265 → 2.0.267

package/dist/index.js

@@ -17,6 +17,31 @@
   var plg__default = /*#__PURE__*/_interopDefaultLegacy(plg);
   var moment__default$1 = /*#__PURE__*/_interopDefaultLegacy(moment$1);
 
+  function _arrayLikeToArray(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
+  }
+  function _defineProperty(e, r, t) {
+    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
+  }
+  function _extends() {
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      }
+      return n;
+    }, _extends.apply(null, arguments);
+  }
   function _iterableToArrayLimit(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
@@ -44,6 +69,9 @@
       return a;
     }
   }
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
   function ownKeys(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -65,6 +93,36 @@
     }
     return e;
   }
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose(e, t);
+    if (Object.getOwnPropertySymbols) {
+      var n = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+  }
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (-1 !== e.indexOf(n)) continue;
+      t[n] = r[n];
+    }
+    return t;
+  }
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+  }
+  function _taggedTemplateLiteral(e, t) {
+    return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+      raw: {
+        value: Object.freeze(t)
+      }
+    }));
+  }
   function _toPrimitive(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
@@ -77,84 +135,14 @@
   }
   function _toPropertyKey(t) {
     var i = _toPrimitive(t, "string");
-    return "symbol" == typeof i ? i : String(i);
+    return "symbol" == typeof i ? i : i + "";
   }
-  function _defineProperty(obj, key, value) {
-    key = _toPropertyKey(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
+  function _unsupportedIterableToArray(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
     }
-    return obj;
-  }
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-    return target;
-  }
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-    return target;
-  }
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
-  }
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
   var BoxSizingStyle = styled.css(["box-sizing:border-box;*{box-sizing:border-box;}"]);
@@ -11503,7 +11491,7 @@
     "borderStyle": "solid",
     "borderColor": "var(--color-theme-200)",
     "--tw-bg-opacity": "1",
-    "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity))",
+    "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity, 1))",
     "color": "var(--color-theme-800)",
     "opacity": "1",
     "--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
@@ -12553,12 +12541,17 @@
     }, function (_ref3) {
       var _ref3$transitionProps = _ref3.transitionProps,
         transitionProps = _ref3$transitionProps === void 0 ? {} : _ref3$transitionProps;
-      return /*#__PURE__*/React__default["default"].createElement(TransitionComponent, _extends({}, transitionProps, {
-        style: style
-      }), /*#__PURE__*/React__default["default"].createElement(StyledTooltip, {
-        className: classNames__default["default"]("c-tooltip-ds", className),
-        $isLight: isLight
-      }, title));
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore - due to @node/types making ts more strict
+        React__default["default"].createElement(TransitionComponent, _extends({}, transitionProps, {
+          style: style
+        }), /*#__PURE__*/React__default["default"].createElement(StyledTooltip, {
+          className: classNames__default["default"]("c-tooltip-ds", className),
+          $isLight: isLight
+        }, title))
+      );
     })));
   });
   Tooltip.displayName = "Tooltip";
@@ -13501,10 +13494,10 @@
       isMonthSelectOpen = _useState8[0],
       setIsMonthSelectOpen = _useState8[1];
     var _useState9 = React.useState(null),
-      _useState10 = _slicedToArray(_useState9, 2),
-      monthTransitionDirection = _useState10[0],
-      setMonthTransitionDirection = _useState10[1];
-    var _useState11 = React.useState(function () {
+      _useState0 = _slicedToArray(_useState9, 2),
+      monthTransitionDirection = _useState0[0],
+      setMonthTransitionDirection = _useState0[1];
+    var _useState1 = React.useState(function () {
         if (defaultSelected && defaultSelected.from) {
           return toMoment(defaultSelected.from);
         }
@@ -13513,10 +13506,10 @@
         }
         return moment__default["default"].utc();
       }),
-      _useState12 = _slicedToArray(_useState11, 2),
-      currentDate = _useState12[0],
-      setCurrentDate = _useState12[1];
-    var _useState13 = React.useState(function () {
+      _useState10 = _slicedToArray(_useState1, 2),
+      currentDate = _useState10[0],
+      setCurrentDate = _useState10[1];
+    var _useState11 = React.useState(function () {
         if (defaultSelected && defaultSelected.from) {
           return toMoment(defaultSelected.from);
         } else if (month) {
@@ -13524,10 +13517,10 @@
         }
         return moment__default["default"].utc();
       }),
-      _useState14 = _slicedToArray(_useState13, 2),
-      targetDate = _useState14[0],
-      setTargetDate = _useState14[1];
-    var _useState15 = React.useState(function () {
+      _useState12 = _slicedToArray(_useState11, 2),
+      targetDate = _useState12[0],
+      setTargetDate = _useState12[1];
+    var _useState13 = React.useState(function () {
         if (!defaultSelected) {
           return null;
         }
@@ -13539,13 +13532,13 @@
           to: defaultSelected.to ? toMoment(defaultSelected.to) : null
         };
       }),
+      _useState14 = _slicedToArray(_useState13, 2),
+      selected = _useState14[0],
+      setSelected = _useState14[1];
+    var _useState15 = React.useState(null),
       _useState16 = _slicedToArray(_useState15, 2),
-      selected = _useState16[0],
-      setSelected = _useState16[1];
-    var _useState17 = React.useState(null),
-      _useState18 = _slicedToArray(_useState17, 2),
-      hoveredDate = _useState18[0],
-      setHoveredDate = _useState18[1];
+      hoveredDate = _useState16[0],
+      setHoveredDate = _useState16[1];
     var timezone = moment__default["default"].defaultZone ? moment__default["default"].defaultZone.name : moment__default["default"].tz.guess();
     var currentDateInTimezone = moment__default["default"]().tz(timezone).format("YYYY-MM-DD");
     var today = moment__default["default"].utc(currentDateInTimezone);
@@ -13781,11 +13774,11 @@
       setTargetDate(newDate);
       if (mode === "monthly") {
         var _selected$to;
-        var _range = {
+        var range = {
           from: newDate.clone().startOf("month"),
           to: newDate.clone().endOf("month").startOf("day")
         };
-        var isSameMonth = (selected === null || selected === void 0 ? void 0 : selected.from.isSame(_range.from, "month")) && (selected === null || selected === void 0 || (_selected$to = selected.to) === null || _selected$to === void 0 ? void 0 : _selected$to.isSame(_range.to, "month"));
+        var isSameMonth = (selected === null || selected === void 0 ? void 0 : selected.from.isSame(range.from, "month")) && (selected === null || selected === void 0 || (_selected$to = selected.to) === null || _selected$to === void 0 ? void 0 : _selected$to.isSame(range.to, "month"));
         if (isSameMonth) {
           if (!required) {
             handleSelection(undefined);
@@ -13795,7 +13788,7 @@
             }
           }
         } else {
-          handleSelection(_range);
+          handleSelection(range);
         }
       }
       if (mode === "quarterly") {
@@ -13917,7 +13910,7 @@
           }));
         }
         var isOutside = !clonedDate.isSame(currentDate, "month");
-        dates.push( /*#__PURE__*/React__default["default"].createElement(Tooltip, {
+        dates.push(/*#__PURE__*/React__default["default"].createElement(Tooltip, {
           title: titles,
           disable: !modifierTitles.length,
           key: clonedDate.toString(),
@@ -14928,9 +14921,9 @@
       return rows;
     }, [groupBy, rows, sortBy, sortDirection]);
     var _useState9 = React.useState(initialData),
-      _useState10 = _slicedToArray(_useState9, 2),
-      data = _useState10[0],
-      setData = _useState10[1];
+      _useState0 = _slicedToArray(_useState9, 2),
+      data = _useState0[0],
+      setData = _useState0[1];
     var getNextSortDirection = function getNextSortDirection(previousDirection, sameColumn) {
       if (!sameColumn) {
         return SortDirection.Asc;
@@ -16923,19 +16916,19 @@
     var _useState9 = React.useState(function () {
         return formatNumber(value, "", decimalSeparator, false, decimalLength, "long", shortenThreshold);
       }),
-      _useState10 = _slicedToArray(_useState9, 2),
-      unformattedValue = _useState10[0],
-      setUnformattedValue = _useState10[1];
-    var _useState11 = React.useState(function () {
+      _useState0 = _slicedToArray(_useState9, 2),
+      unformattedValue = _useState0[0],
+      setUnformattedValue = _useState0[1];
+    var _useState1 = React.useState(function () {
         return formatNumber(value, "", decimalSeparator, false, decimalLength, "long", shortenThreshold);
       }),
+      _useState10 = _slicedToArray(_useState1, 2),
+      unformattedPrevValue = _useState10[0],
+      setUnformattedPrevValue = _useState10[1];
+    var _useState11 = React.useState(false),
       _useState12 = _slicedToArray(_useState11, 2),
-      unformattedPrevValue = _useState12[0],
-      setUnformattedPrevValue = _useState12[1];
-    var _useState13 = React.useState(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      focused = _useState14[0],
-      setFocused = _useState14[1];
+      focused = _useState12[0],
+      setFocused = _useState12[1];
     React.useEffect(function () {
       if (value !== prevNumericValue && (!focused || update)) {
         setCurrentValue(formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short", shortenThreshold));
@@ -17792,8 +17785,8 @@
       });
     }, [filter, flatOptions, toggleSelected, handleDefaultOptionChange, handleEmpty, hover, showAddNew, showDefaultOption]);
     React.useEffect(function () {
-      var _inputEl$current2;
-      var listenerTarget = (_inputEl$current2 = inputEl === null || inputEl === void 0 ? void 0 : inputEl.current) !== null && _inputEl$current2 !== void 0 ? _inputEl$current2 : document;
+      var listenerTarget = inputEl === null || inputEl === void 0 ? void 0 : inputEl.current;
+      if (!listenerTarget) return;
       listenerTarget.addEventListener("input", handleInputChange);
       listenerTarget.addEventListener("keydown", handleOnKeyDown);
       return function () {
@@ -18132,7 +18125,7 @@
       placeholder: placeholder
     }), endAdornment ? /*#__PURE__*/React__default["default"].createElement(StyledEndAdornment, null, endAdornment) : null) : null, /*#__PURE__*/React__default["default"].createElement(Autocomplete, _extends({}, prop, {
       clearInputOnSelect: true,
-      inputEl: childNode,
+      inputEl: disableSearch ? undefined : childNode,
       handleEmptyAction: handleEmptyAction,
       selected: selected,
       handleChange: handleChange,
@@ -18208,10 +18201,10 @@
         return;
       }
       if (e.target && e.currentTarget.dataset.index && !e.currentTarget.dataset.disabled) {
-        var _index = Number(e.currentTarget.dataset.index);
-        setActive(_index);
+        var index = Number(e.currentTarget.dataset.index);
+        setActive(index);
         if (onSelect) {
-          onSelect(_index);
+          onSelect(index);
         }
       }
     }, [onSelect]);
@@ -19432,6 +19425,7 @@
   });
   Chip.displayName = "Chip";
 
+  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
   var _excluded$D = ["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", "disableVirtualization", "hideClearButton", "errorMessage", "onCancel"];
   var sizeMap = {
     small: 18,
@@ -19712,13 +19706,13 @@
             }
           }
         });
-        var _hidden = 0;
+        var hidden = 0;
         if (!open && limitChips > 0 && elements.length > limitChips) {
-          _hidden = elements.splice(limitChips, elements.length - limitChips).length;
+          hidden = elements.splice(limitChips, elements.length - limitChips).length;
         }
-        return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, elements, _hidden > 0 && /*#__PURE__*/React__default["default"].createElement(_StyledTypography$1, {
+        return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, elements, hidden > 0 && /*#__PURE__*/React__default["default"].createElement(_StyledTypography$1, {
           variant: size === "small" ? "Caption 1" : size === "regular" ? "Body 2" : "Body 1"
-        }, typeof hiddenNumberText === "function" ? hiddenNumberText(_hidden) : "+".concat(_hidden)));
+        }, typeof hiddenNumberText === "function" ? hiddenNumberText(hidden) : "+".concat(hidden)));
       }
       if (type === "single" && selected) {
         var optionItem;
@@ -19879,35 +19873,23 @@
     })))))) : null);
   };
   ComboBox.displayName = "ComboBox";
-  var _StyledAvatar = styled__default["default"](Avatar).withConfig({
-    displayName: "ComboBox___StyledAvatar",
-    componentId: "sc-uvsz9l-0"
-  })(["", " ", ""], function (p) {
+  var _StyledAvatar = styled__default["default"](Avatar)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            ", "\n            ", "\n          "])), function (p) {
     return p.$_css;
   }, function (p) {
     return p.$_css2;
   });
-  var _StyledTypography$1 = styled__default["default"](Typography).withConfig({
-    displayName: "ComboBox___StyledTypography",
-    componentId: "sc-uvsz9l-1"
-  })(["display:flex;flex-shrink:0;align-items:center;"]);
-  var _StyledStyledInputWrapper = styled__default["default"](StyledInputWrapper).withConfig({
-    displayName: "ComboBox___StyledStyledInputWrapper",
-    componentId: "sc-uvsz9l-2"
-  })(["display:flex;justify-content:space-between;flex:1;height:", ";overflow-y:", ";"], function (p) {
+  var _StyledTypography$1 = styled__default["default"](Typography)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                display: flex;\n                flex-shrink: 0;\n                align-items: center;\n              "])));
+  var _StyledStyledInputWrapper = styled__default["default"](StyledInputWrapper)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              display: flex;\n              justify-content: space-between;\n              flex: 1;\n              height: ", ";\n              overflow-y: ", ";\n            "])), function (p) {
     return p.$_css3;
   }, function (p) {
     return p.$_css4;
   });
-  var _StyledStyledChipWrapper = styled__default["default"](StyledChipWrapper).withConfig({
-    displayName: "ComboBox___StyledStyledChipWrapper",
-    componentId: "sc-uvsz9l-3"
-  })(["max-height:", ";"], function (p) {
+  var _StyledStyledChipWrapper = styled__default["default"](StyledChipWrapper)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                max-height: ", ";\n              "])), function (p) {
     return p.$_css5;
   });
   var _StyledTrigger = styled__default["default"](Trigger).withConfig({
     displayName: "ComboBox___StyledTrigger",
-    componentId: "sc-uvsz9l-4"
+    componentId: "sc-uvsz9l-0"
   })(["display:flex;justify-content:center;"]);
 
   var _excluded$C = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid", "enableVirtualization", "addCustomTimeLabel"];
@@ -23095,8 +23077,8 @@
         "display": "flex"
       }
     });
-  }, function (_ref10) {
-    var $visibleFromBreakpoint = _ref10.$visibleFromBreakpoint;
+  }, function (_ref0) {
+    var $visibleFromBreakpoint = _ref0.$visibleFromBreakpoint;
     return $visibleFromBreakpoint === "2xl" && styled.css(["", ""], {
       "@media (min-width: 1536px)": {
         "display": "flex"
@@ -23107,9 +23089,9 @@
   var StyledEntityGroup = styled__default["default"]("div").withConfig({
     displayName: "Styles__StyledEntityGroup",
     componentId: "sc-bjeea8-2"
-  })(["", " ", ""], function (_ref11) {
-    var $renderAs = _ref11.$renderAs,
-      $gap = _ref11.$gap;
+  })(["", " ", ""], function (_ref1) {
+    var $renderAs = _ref1.$renderAs,
+      $gap = _ref1.$gap;
     return $renderAs === "grid" && styled.css(["display:grid;grid-gap:", ";grid-template-columns:repeat(auto-fill,minmax(260px,1fr));"], $gap ? "".concat($gap, "px") : "initial");
   }, function (props) {
     return props.$renderAs === "list" && styled.css(["display:flex;flex-direction:column;"]);
@@ -23118,11 +23100,11 @@
   styled__default["default"]("div").withConfig({
     displayName: "Styles__StyledEntityActions",
     componentId: "sc-bjeea8-3"
-  })(["display:flex;flex-direction:column;align-items:center;", " ", ""], function (_ref12) {
-    var $renderAs = _ref12.$renderAs;
+  })(["display:flex;flex-direction:column;align-items:center;", " ", ""], function (_ref10) {
+    var $renderAs = _ref10.$renderAs;
     return $renderAs === "grid" && styled.css(["position:absolute;right:16px;top:20px;"]);
-  }, function (_ref13) {
-    var $renderAs = _ref13.$renderAs;
+  }, function (_ref11) {
+    var $renderAs = _ref11.$renderAs;
     return $renderAs === "list" && styled.css(["justify-self:flex-end;"]);
   });
 
@@ -23383,15 +23365,15 @@
       height = _useState8[0],
       setHeight = _useState8[1];
     var _useState9 = React.useState("index"),
-      _useState10 = _slicedToArray(_useState9, 2),
-      enteredMenu = _useState10[0],
-      setEnteredMenu = _useState10[1];
-    var _useState11 = React.useState(function () {
+      _useState0 = _slicedToArray(_useState9, 2),
+      enteredMenu = _useState0[0],
+      setEnteredMenu = _useState0[1];
+    var _useState1 = React.useState(function () {
         return selected;
       }),
-      _useState12 = _slicedToArray(_useState11, 2),
-      filter = _useState12[0],
-      setFilter = _useState12[1];
+      _useState10 = _slicedToArray(_useState1, 2),
+      filter = _useState10[0],
+      setFilter = _useState10[1];
     React.useEffect(function () {
       if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {
         setFilter(selected);
@@ -23931,16 +23913,13 @@
     }, "+", React.Children.count(children) - limit))));
   });
   AvatarGroup.displayName = "AvatarGroup";
-  var _StyledTooltip = styled__default["default"](Tooltip).withConfig({
-    displayName: "AvatarGroup___StyledTooltip",
-    componentId: "sc-1rsx1j5-0"
-  })({
+  var _StyledTooltip = styled__default["default"](Tooltip)({
     whiteSpace: "break-spaces",
     lineHeight: "18px"
   });
   var _StyledLengthCountStyles = styled__default["default"](LengthCountStyles).withConfig({
     displayName: "AvatarGroup___StyledLengthCountStyles",
-    componentId: "sc-1rsx1j5-1"
+    componentId: "sc-1rsx1j5-0"
   })(function (p) {
     return {
       marginLeft: p.$_css
@@ -24273,17 +24252,14 @@
     }) : null));
   });
   CommandPaletteItem.displayName = "CommandPaletteItem";
-  var _StyledSkeletonLoader = styled__default["default"](SkeletonLoader).withConfig({
-    displayName: "CommandPaletteItem___StyledSkeletonLoader",
-    componentId: "sc-6tfj5q-0"
-  })({
+  var _StyledSkeletonLoader = styled__default["default"](SkeletonLoader)({
     width: 24,
     height: 24,
     borderRadius: "100%"
   });
   var _StyledSkeletonLoader2 = styled__default["default"](SkeletonLoader).withConfig({
     displayName: "CommandPaletteItem___StyledSkeletonLoader2",
-    componentId: "sc-6tfj5q-1"
+    componentId: "sc-6tfj5q-0"
   })(function (p) {
     return {
       width: p.$_css,
@@ -24314,11 +24290,11 @@
       return response || /*#__PURE__*/React.isValidElement(child);
     }, false);
   };
-  var deepMap = function deepMap(children, deepMapFn) {
+  var _deepMap = function deepMap(children, deepMapFn) {
     return React.Children.toArray(children).map(function (child, index, mapChildren) {
-      if ( /*#__PURE__*/React.isValidElement(child) && hasComplexChildren(child)) {
-        return deepMapFn( /*#__PURE__*/React.cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), {}, {
-          children: deepMap(child.props.children, deepMapFn)
+      if (/*#__PURE__*/React.isValidElement(child) && hasComplexChildren(child)) {
+        return deepMapFn(/*#__PURE__*/React.cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), {}, {
+          children: _deepMap(child.props.children, deepMapFn)
         })));
       }
       return deepMapFn(child, index, mapChildren);
@@ -24358,7 +24334,7 @@
     var filterChildren = React.useMemo(function () {
       var itemsLength = 0;
       var commandsLength = 0;
-      var items = deepMap(children, function (child) {
+      var items = _deepMap(children, function (child) {
         var item = child;
         var clonedElement;
         if (item && item.type === CommandPaletteList) {
@@ -24616,7 +24592,7 @@
       $color: "".concat(statusColors[type]),
       $opacity: opacity,
       $type: type
-    }, 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, {
+    }, 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, {