@doist/reactist 28.7.0 → 28.7.2

package/dist/reactist.cjs.development.js

@@ -170,11 +170,11 @@ function getClassNames(styles, property, value) {
   const classList = [];
 
   if (typeof value === 'string') {
-    classList.push(styles[property + "-" + value]);
+    classList.push(styles[`${property}-${value}`]);
   } else {
-    if (value.mobile) classList.push(styles[property + "-" + value.mobile]);
-    if (value.tablet) classList.push(styles["tablet-" + property + "-" + value.tablet]);
-    if (value.desktop) classList.push(styles["desktop-" + property + "-" + value.desktop]);
+    if (value.mobile) classList.push(styles[`${property}-${value.mobile}`]);
+    if (value.tablet) classList.push(styles[`tablet-${property}-${value.tablet}`]);
+    if (value.desktop) classList.push(styles[`desktop-${property}-${value.desktop}`]);
   }
 
   if (!classList.every(Boolean)) {
@@ -265,16 +265,14 @@ function getBoxClassNames({
   overlayScroll,
   className
 }) {
-  var _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8;
-
-  const resolvedPaddingTop = (_ref = paddingTop != null ? paddingTop : paddingY) != null ? _ref : padding;
-  const resolvedPaddingRight = (_ref2 = paddingRight != null ? paddingRight : paddingX) != null ? _ref2 : padding;
-  const resolvedPaddingBottom = (_ref3 = paddingBottom != null ? paddingBottom : paddingY) != null ? _ref3 : padding;
-  const resolvedPaddingLeft = (_ref4 = paddingLeft != null ? paddingLeft : paddingX) != null ? _ref4 : padding;
-  const resolvedMarginTop = (_ref5 = marginTop != null ? marginTop : marginY) != null ? _ref5 : margin;
-  const resolvedMarginRight = (_ref6 = marginRight != null ? marginRight : marginX) != null ? _ref6 : margin;
-  const resolvedMarginBottom = (_ref7 = marginBottom != null ? marginBottom : marginY) != null ? _ref7 : margin;
-  const resolvedMarginLeft = (_ref8 = marginLeft != null ? marginLeft : marginX) != null ? _ref8 : margin;
+  const resolvedPaddingTop = paddingTop ?? paddingY ?? padding;
+  const resolvedPaddingRight = paddingRight ?? paddingX ?? padding;
+  const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding;
+  const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding;
+  const resolvedMarginTop = marginTop ?? marginY ?? margin;
+  const resolvedMarginRight = marginRight ?? marginX ?? margin;
+  const resolvedMarginBottom = marginBottom ?? marginY ?? margin;
+  const resolvedMarginLeft = marginLeft ?? marginX ?? margin;
   const omitFlex = !display || typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex';
   return classNames__default["default"](className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), getClassNames(modules_54d944f2, 'textAlign', textAlign), // padding
   getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft), // margin
@@ -283,7 +281,7 @@ function getBoxClassNames({
   getClassNames(modules_54d944f2, 'overflow', overflow), width != null ? getClassNames(modules_89b7671c, 'width', String(width)) : null, getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null, overlayScroll ? modules_54d944f2.overlayScroll : null);
 }
 
-const Box$1 = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
+const Box$1 = /*#__PURE__*/polymorphicComponent(function Box(_ref, ref) {
   let {
     as: component = 'div',
     position = 'static',
@@ -322,8 +320,8 @@ const Box$1 = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
     overlayScroll,
     className,
     children
-  } = _ref9,
-      props = _objectWithoutProperties(_ref9, _excluded$w);
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$w);
 
   return /*#__PURE__*/React__namespace.createElement(component, _objectSpread2(_objectSpread2({}, props), {}, {
     className: getBoxClassNames({
@@ -560,10 +558,10 @@ function uniqueId() {
 
 function generateElementId(prefix) {
   const num = uniqueId();
-  return prefix + "-" + num;
+  return `${prefix}-${num}`;
 }
 function useId(providedId) {
-  const ref = React__namespace.useRef(providedId != null ? providedId : null);
+  const ref = React__namespace.useRef(providedId ?? null);
 
   if (!ref.current) {
     ref.current = generateElementId('element');
@@ -637,8 +635,8 @@ const Tooltip = /*#__PURE__*/React__namespace.forwardRef(({
   } = React__namespace.useContext(TooltipContext);
   const tooltip = react.useTooltipStore({
     placement: position,
-    showTimeout: showTimeout != null ? showTimeout : globalShowTimeout,
-    hideTimeout: hideTimeout != null ? hideTimeout : globalHideTimeout
+    showTimeout: showTimeout ?? globalShowTimeout,
+    hideTimeout: hideTimeout ?? globalHideTimeout
   });
   React__namespace.useImperativeHandle(ref, () => tooltip, [tooltip]);
   const isOpen = tooltip.useState('open');
@@ -718,7 +716,7 @@ const Button$1 = /*#__PURE__*/React__namespace.forwardRef(function Button(_ref,
     onClick: isDisabled ? preventDefault : onClick,
     className: classNames__default["default"]([getBoxClassNames({
       width
-    }), exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8["variant-" + variant], modules_5357ebb8["tone-" + tone], modules_5357ebb8["size-" + size], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, disabled ? modules_5357ebb8.disabled : null])
+    }), exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8[`variant-${variant}`], modules_5357ebb8[`tone-${tone}`], modules_5357ebb8[`size-${size}`], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, disabled ? modules_5357ebb8.disabled : null])
   }), /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, startIcon ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     display: "flex",
     className: modules_5357ebb8.startIcon,
@@ -769,7 +767,7 @@ const IconButton = /*#__PURE__*/React__namespace.forwardRef(function IconButton(
     ref: ref,
     "aria-disabled": isDisabled,
     onClick: isDisabled ? preventDefault : onClick,
-    className: classNames__default["default"]([exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8["variant-" + variant], modules_5357ebb8["tone-" + tone], modules_5357ebb8["size-" + size], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, modules_5357ebb8.iconButton, disabled ? modules_5357ebb8.disabled : null])
+    className: classNames__default["default"]([exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8[`variant-${variant}`], modules_5357ebb8[`tone-${tone}`], modules_5357ebb8[`size-${size}`], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, modules_5357ebb8.iconButton, disabled ? modules_5357ebb8.disabled : null])
   }), loading && /*#__PURE__*/React__namespace.createElement(Spinner, null) || icon);
   const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip;
   return tooltipContent ? /*#__PURE__*/React__namespace.createElement(Tooltip, {
@@ -808,7 +806,7 @@ function BannerIcon(_ref) {
 
   const Icon = bannerIconForType[type];
   return Icon ? /*#__PURE__*/React__namespace.createElement(Icon, _objectSpread2(_objectSpread2({}, props), {}, {
-    "data-testid": "banner-icon-" + type,
+    "data-testid": `banner-icon-${type}`,
     className: modules_de8ae2e5[type],
     "aria-hidden": true
   })) : null;
@@ -958,7 +956,7 @@ const Banner = /*#__PURE__*/React__namespace.forwardRef(function Banner(_ref, re
     variant: "quaternary",
     onClick: onClose,
     icon: /*#__PURE__*/React__namespace.createElement(CloseIcon, null),
-    "aria-label": closeLabel != null ? closeLabel : 'Close banner'
+    "aria-label": closeLabel ?? 'Close banner'
   }) : null;
   return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
@@ -1053,15 +1051,13 @@ const sizeMapping = {
 };
 
 function Loading(_ref) {
-  var _sizeMapping$size;
-
   let {
     size = 'small',
     exceptionallySetClassName
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded$m);
 
-  const numericSize = (_sizeMapping$size = sizeMapping[size]) != null ? _sizeMapping$size : sizeMapping.small;
+  const numericSize = sizeMapping[size] ?? sizeMapping.small;
   const ariaLabel = props['aria-label'] ? props['aria-label'] : !props['aria-labelledby'] ? 'Loading…' : undefined;
   return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     "aria-label": ariaLabel,
@@ -1191,7 +1187,7 @@ const Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded$k);
 
-  const lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp != null ? lineClamp : 1) > 1;
+  const lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1;
   return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     as: as,
     className: [exceptionallySetClassName, modules_a9637dd3.text, size !== 'body' ? getClassNames(modules_a9637dd3, 'size', size) : null, weight !== 'regular' ? getClassNames(modules_a9637dd3, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_a9637dd3, 'tone', tone) : null, lineClampMultipleLines ? modules_a9637dd3.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_a9637dd3, 'lineClamp', lineClamp.toString()) : null],
@@ -1394,7 +1390,7 @@ function useToastsAnimation() {
           transition: ENTRANCE_TRANSITION,
           transforms: [{
             property: 'transform',
-            from: "translateY(" + (prevTop - top) + "px)"
+            from: `translateY(${prevTop - top}px)`
           }]
         });
       } else if (typeof prevTop !== 'number') {
@@ -1404,7 +1400,7 @@ function useToastsAnimation() {
           transition: ENTRANCE_TRANSITION,
           transforms: [{
             property: 'transform',
-            from: "translateY(" + height + "px)"
+            from: `translateY(${height}px)`
           }, {
             property: 'opacity',
             from: '0'
@@ -1491,24 +1487,20 @@ const InternalToast = /*#__PURE__*/React__default["default"].forwardRef(function
    */
 
   const actionWithCustomActionHandler = React__default["default"].useMemo(() => {
-    var _action$closeToast;
-
     if (!isActionObject(action)) {
       return action;
     }
 
     return _objectSpread2(_objectSpread2({}, action), {}, {
-      closeToast: (_action$closeToast = action.closeToast) != null ? _action$closeToast : true,
+      closeToast: action.closeToast ?? true,
       onClick: function handleActionClick() {
-        var _action$closeToast2;
-
         if (!action) {
           return;
         }
 
         action.onClick();
 
-        if ((_action$closeToast2 = action.closeToast) != null ? _action$closeToast2 : true) {
+        if (action.closeToast ?? true) {
           removeToast();
         }
       }
@@ -1681,7 +1673,7 @@ const Heading = /*#__PURE__*/React__namespace.forwardRef(function Heading(_ref,
 
   // In TypeScript v4.1, this would be properly recognized without needing the type assertion
   // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types
-  const headingElementName = "h" + level;
+  const headingElementName = `h${level}`;
   const lineClampMultipleLines = typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1;
   return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
     className: [exceptionallySetClassName, modules_949d2ff4.heading, weight !== 'regular' ? getClassNames(modules_949d2ff4, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_949d2ff4, 'tone', tone) : null, getClassNames(modules_949d2ff4, 'size', size), lineClampMultipleLines ? modules_949d2ff4.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_949d2ff4, 'lineClamp', lineClamp.toString()) : null],
@@ -1806,8 +1798,6 @@ function useForkRef(...refs) {
 
 const _excluded$e = ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"];
 const CheckboxField = /*#__PURE__*/React__namespace.forwardRef(function CheckboxField(_ref, ref) {
-  var _ref2, _props$checked, _props$checked2;
-
   let {
     label,
     icon,
@@ -1832,8 +1822,8 @@ const CheckboxField = /*#__PURE__*/React__namespace.forwardRef(function Checkbox
   }
 
   const [keyFocused, setKeyFocused] = React__namespace.useState(false);
-  const [checkedState, setChecked] = React__namespace.useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
-  const isChecked = (_props$checked2 = props.checked) != null ? _props$checked2 : checkedState;
+  const [checkedState, setChecked] = React__namespace.useState(props.checked ?? defaultChecked ?? false);
+  const isChecked = props.checked ?? checkedState;
   const internalRef = React__namespace.useRef(null);
   const combinedRef = useForkRef(internalRef, ref);
   React__namespace.useEffect(function setIndeterminate() {
@@ -1979,7 +1969,7 @@ function validateInputLength({
   const currentLength = String(value || '').length;
   const isNearMaxLength = maxLength - currentLength <= MAX_LENGTH_THRESHOLD;
   return {
-    count: currentLength + "/" + maxLength,
+    count: `${currentLength}/${maxLength}`,
     tone: isNearMaxLength ? 'error' : 'neutral'
   };
 }
@@ -2014,7 +2004,7 @@ function BaseField({
   });
   const [characterCount, setCharacterCount] = React__namespace.useState(inputLength.count);
   const [characterCountTone, setCharacterCountTone] = React__namespace.useState(inputLength.tone);
-  const ariaDescribedBy = originalAriaDescribedBy != null ? originalAriaDescribedBy : message ? messageId : null;
+  const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : null);
   const renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null;
   const renderCharacterCountInline = characterCountPosition === 'inline' && characterCount !== null;
 
@@ -2272,8 +2262,6 @@ var modules_8e05f7c9 = {"container":"bae487be","disabled":"_408d32a0","checked":
 
 const _excluded$a = ["label", "message", "tone", "disabled", "hidden", "defaultChecked", "id", "aria-describedby", "aria-label", "aria-labelledby", "onChange"];
 const SwitchField = /*#__PURE__*/React__namespace.forwardRef(function SwitchField(_ref, ref) {
-  var _ref2, _props$checked, _props$checked2;
-
   let {
     label,
     message,
@@ -2291,12 +2279,12 @@ const SwitchField = /*#__PURE__*/React__namespace.forwardRef(function SwitchFiel
 
   const id = useId(originalId);
   const messageId = useId();
-  const ariaDescribedBy = originalAriaDescribedBy != null ? originalAriaDescribedBy : message ? messageId : undefined;
-  const ariaLabel = originalAriaLabel != null ? originalAriaLabel : undefined;
-  const ariaLabelledBy = originalAriaLabelledby != null ? originalAriaLabelledby : undefined;
+  const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : undefined);
+  const ariaLabel = originalAriaLabel ?? undefined;
+  const ariaLabelledBy = originalAriaLabelledby ?? undefined;
   const [keyFocused, setKeyFocused] = React__namespace.useState(false);
-  const [checkedState, setChecked] = React__namespace.useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
-  const isChecked = (_props$checked2 = props.checked) != null ? _props$checked2 : checkedState;
+  const [checkedState, setChecked] = React__namespace.useState(props.checked ?? defaultChecked ?? false);
+  const isChecked = props.checked ?? checkedState;
   return /*#__PURE__*/React__namespace.createElement(Stack, {
     space: "small",
     hidden: hidden
@@ -2507,7 +2495,7 @@ function Avatar(_ref) {
   const userInitials = getInitials(user.name) || getInitials(user.email);
   const avatarSize = size ? size : 'l';
   const style = avatarUrl ? {
-    backgroundImage: "url(" + avatarUrl + ")",
+    backgroundImage: `url(${avatarUrl})`,
     textIndent: '-9999px' // hide the initials
 
   } : {
@@ -2537,7 +2525,7 @@ function Badge(_ref) {
     as: "span" // It enables putting the badge inside a button (https://stackoverflow.com/a/12982334)
     ,
     display: "inline",
-    className: [modules_33c7c985.badge, modules_33c7c985["badge-" + tone]]
+    className: [modules_33c7c985.badge, modules_33c7c985[`badge-${tone}`]]
   }), label);
 }
 
@@ -2855,15 +2843,11 @@ function Tabs({
     setSelectedId: onSelectedIdChange
   });
   const actualSelectedId = tabStore.useState('selectedId');
-  const memoizedTabState = React__namespace.useMemo(() => {
-    var _ref;
-
-    return {
-      tabStore,
-      variant,
-      selectedId: (_ref = selectedId != null ? selectedId : actualSelectedId) != null ? _ref : null
-    };
-  }, [variant, tabStore, selectedId, actualSelectedId]);
+  const memoizedTabState = React__namespace.useMemo(() => ({
+    tabStore,
+    variant,
+    selectedId: selectedId ?? actualSelectedId ?? null
+  }), [variant, tabStore, selectedId, actualSelectedId]);
   return /*#__PURE__*/React__namespace.createElement(TabsContext.Provider, {
     value: memoizedTabState
   }, children);
@@ -2887,7 +2871,7 @@ const Tab = /*#__PURE__*/React__namespace.forwardRef(function Tab({
     variant,
     tabStore
   } = tabContextValue;
-  const className = classNames__default["default"](exceptionallySetClassName, modules_40c67f5b.tab, modules_40c67f5b["tab-" + variant]);
+  const className = classNames__default["default"](exceptionallySetClassName, modules_40c67f5b.tab, modules_40c67f5b[`tab-${variant}`]);
   return /*#__PURE__*/React__namespace.createElement(react.Tab, {
     id: id,
     ref: ref,
@@ -2902,15 +2886,15 @@ const Tab = /*#__PURE__*/React__namespace.forwardRef(function Tab({
  * A component used to group `<Tab>` elements together.
  */
 
-function TabList(_ref2) {
+function TabList(_ref) {
   let {
     children,
     space,
     width = 'maxContent',
     align = 'start',
     exceptionallySetClassName
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded$5);
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$5);
 
   const tabListRef = React__namespace.useRef(null);
   const tabListPrevWidthRef = React__namespace.useRef(0);
@@ -2929,8 +2913,8 @@ function TabList(_ref2) {
     if (selectedTab) {
       setSelectedTabElement(selectedTab);
       setSelectedTabStyle({
-        left: selectedTab.offsetLeft + "px",
-        width: selectedTab.offsetWidth + "px"
+        left: `${selectedTab.offsetLeft}px`,
+        width: `${selectedTab.offsetWidth}px`
       });
     }
   }, [selectedId]);
@@ -3000,9 +2984,9 @@ function TabList(_ref2) {
       }),
       ref: tabListRef
     }, props), /*#__PURE__*/React__namespace.createElement(Box$1, {
-      className: [modules_40c67f5b.track, modules_40c67f5b["track-" + variant]]
+      className: [modules_40c67f5b.track, modules_40c67f5b[`track-${variant}`]]
     }), selectedTabElement ? /*#__PURE__*/React__namespace.createElement(Box$1, {
-      className: [modules_40c67f5b.selected, modules_40c67f5b["selected-" + variant]],
+      className: [modules_40c67f5b.selected, modules_40c67f5b[`selected-${variant}`]],
       style: selectedTabStyle
     }) : null, /*#__PURE__*/React__namespace.createElement(Inline, {
       space: space,
@@ -3016,13 +3000,13 @@ function TabList(_ref2) {
  */
 
 
-const TabPanel = /*#__PURE__*/React__namespace.forwardRef(function TabPanel(_ref3, ref) {
+const TabPanel = /*#__PURE__*/React__namespace.forwardRef(function TabPanel(_ref2, ref) {
   let {
     children,
     id,
     renderMode = 'always'
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded2$1);
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded2$1);
 
   const tabContextValue = React__namespace.useContext(TabsContext);
   const [tabRendered, setTabRendered] = React__namespace.useState(false);
@@ -3196,9 +3180,9 @@ const MenuList = /*#__PURE__*/React__namespace.forwardRef(function MenuList(_ref
     shift: 4,
     ref: ref,
     className: classNames__default["default"]('reactist_menulist', exceptionallySetClassName),
-    getAnchorRect: getAnchorRect != null ? getAnchorRect : undefined,
+    getAnchorRect: getAnchorRect ?? undefined,
     modal: modal,
-    flip: flip != null ? flip : isSubMenu ? 'left bottom' : undefined
+    flip: flip ?? (isSubMenu ? 'left bottom' : undefined)
   }))) : null;
 });
 /**
@@ -3354,7 +3338,7 @@ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(_ref, re
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded$3);
 
-  const className = classNames__default["default"]('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
+  const className = classNames__default["default"]('reactist_button', variant ? `reactist_button--${variant}` : null, size !== 'default' ? `reactist_button--${size}` : null, {
     'reactist_button--loading': loading
   }, props.className);
   const button = /*#__PURE__*/React__namespace.createElement("button", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -3729,13 +3713,13 @@ function parseKeys(shortcut, isMac, translateKey) {
 }
 
 function KeyboardShortcut(_ref) {
-  var _navigator$platform$t, _navigator$platform;
+  var _navigator$platform;
 
   let {
     children,
     className,
     translateKey = globalTranslateKey,
-    isMac = (_navigator$platform$t = (_navigator$platform = navigator.platform) == null ? void 0 : _navigator$platform.toUpperCase().includes('MAC')) != null ? _navigator$platform$t : false
+    isMac = ((_navigator$platform = navigator.platform) == null ? void 0 : _navigator$platform.toUpperCase().includes('MAC')) ?? false
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded$1);
 
@@ -3947,12 +3931,12 @@ function ProgressBar({
   }, /*#__PURE__*/React__namespace.createElement("div", {
     className: modules_a0e70af1.inner,
     style: {
-      width: width + "%"
+      width: `${width}%`
     }
   }), /*#__PURE__*/React__namespace.createElement(HiddenVisually, null, /*#__PURE__*/React__namespace.createElement("progress", {
     value: width,
     max: 100,
-    "aria-valuetext": ariaValuetext != null ? ariaValuetext : undefined
+    "aria-valuetext": ariaValuetext ?? undefined
   })));
 }
 
@@ -3988,11 +3972,11 @@ const TimeUtils = {
         return date.format(shortFormatPastYear);
       }
     } else if (diffDays === 1) {
-      return "" + diffDays + daysSuffix;
+      return `${diffDays}${daysSuffix}`;
     } else if (diffHours > 0 && diffHours <= 23) {
-      return "" + diffHours + hoursSuffix;
+      return `${diffHours}${hoursSuffix}`;
     } else if (diffMinutes > 0 && diffMinutes <= 59) {
-      return "" + diffMinutes + minutesSuffix;
+      return `${diffMinutes}${minutesSuffix}`;
     } else {
       return momentsAgo;
     }