@itwin/itwinui-react 3.12.2 → 3.13.0

package/cjs/core/Dialog/DialogMain.js

@@ -18,8 +18,8 @@ const _reacttransitiongroup = require('react-transition-group');
 const _DialogDragContext = require('./DialogDragContext.js');
 const _useDragAndDrop = require('../../utils/hooks/useDragAndDrop.js');
 const DialogMain = _react.forwardRef((props, ref) => {
-  const dialogContext = (0, _DialogContext.useDialogContext)();
-  const {
+  let dialogContext = (0, _DialogContext.useDialogContext)();
+  let {
     className,
     children,
     styleType = 'default',
@@ -37,62 +37,49 @@ const DialogMain = _react.forwardRef((props, ref) => {
     placement = dialogContext.placement,
     ...rest
   } = props;
-  const [style, setStyle] = _react.useState();
-  const dialogRef = _react.useRef(null);
-  const hasBeenResized = _react.useRef(false);
-  const previousFocusedElement = _react.useRef();
-  const originalBodyOverflow = _react.useRef('');
+  let [style, setStyle] = _react.useState();
+  let dialogRef = _react.useRef(null);
+  let hasBeenResized = _react.useRef(false);
+  let previousFocusedElement = _react.useRef();
+  let originalBodyOverflow = _react.useRef('');
   _react.useEffect(() => {
-    if (isOpen) {
-      originalBodyOverflow.current = document.body.style.overflow;
-    }
+    if (isOpen) originalBodyOverflow.current = document.body.style.overflow;
   }, [isOpen]);
   _react.useEffect(() => {
-    const ownerDocument = dialogRef.current?.ownerDocument;
+    let ownerDocument = dialogRef.current?.ownerDocument;
     if (
       !ownerDocument ||
       !preventDocumentScroll ||
-      originalBodyOverflow.current === 'hidden'
-    ) {
+      'hidden' === originalBodyOverflow.current
+    )
       return;
-    }
-    if (isOpen) {
-      ownerDocument.body.style.overflow = 'hidden';
-    } else {
-      ownerDocument.body.style.overflow = originalBodyOverflow.current;
-    }
+    if (isOpen) ownerDocument.body.style.overflow = 'hidden';
+    else ownerDocument.body.style.overflow = originalBodyOverflow.current;
     return () => {
       ownerDocument.body.style.overflow = originalBodyOverflow.current;
     };
   }, [isOpen, preventDocumentScroll]);
-  const handleKeyDown = (event) => {
-    if (event.altKey) {
-      return;
-    }
+  let handleKeyDown = (event) => {
+    if (event.altKey) return;
     event.persist();
-    if (isDismissible && closeOnEsc && event.key === 'Escape' && onClose) {
+    if (isDismissible && closeOnEsc && 'Escape' === event.key && onClose)
       onClose(event);
-    }
     onKeyDown?.(event);
   };
-  const { onPointerDown, transform } = (0, _useDragAndDrop.useDragAndDrop)(
+  let { onPointerDown, transform } = (0, _useDragAndDrop.useDragAndDrop)(
     dialogRef,
     dialogContext.dialogRootRef,
     isDraggable,
   );
-  const handlePointerDown = _react.useCallback(
+  let handlePointerDown = _react.useCallback(
     (event) => {
-      if (isDraggable) {
-        onPointerDown(event);
-      }
+      if (isDraggable) onPointerDown(event);
     },
     [isDraggable, onPointerDown],
   );
   (0, _index.useLayoutEffect)(() => {
-    if (!isDraggable || !isOpen) {
-      return;
-    }
-    const [translateX, translateY] = (0, _index.getTranslateValuesFromElement)(
+    if (!isDraggable || !isOpen) return;
+    let [translateX, translateY] = (0, _index.getTranslateValuesFromElement)(
       dialogRef.current,
     );
     setStyle((oldStyle) => ({
@@ -102,20 +89,20 @@ const DialogMain = _react.forwardRef((props, ref) => {
       transform: `translate(${translateX}px,${translateY}px)`,
     }));
   }, [isDraggable, isOpen]);
-  const setResizeStyle = _react.useCallback((newStyle) => {
+  let setResizeStyle = _react.useCallback((newStyle) => {
     setStyle((oldStyle) => ({
       ...oldStyle,
       ...newStyle,
     }));
   }, []);
-  const content = _react.createElement(
+  let content = _react.createElement(
     _index.Box,
     {
       className: (0, _classnames.default)(
         'iui-dialog',
         {
-          'iui-dialog-default': styleType === 'default',
-          'iui-dialog-full-page': styleType === 'fullPage',
+          'iui-dialog-default': 'default' === styleType,
+          'iui-dialog-full-page': 'fullPage' === styleType,
           'iui-dialog-visible': isOpen,
           'iui-dialog-draggable': isDraggable,
         },
@@ -175,9 +162,8 @@ const DialogMain = _react.forwardRef((props, ref) => {
           dialogRef.current?.contains(
             dialogRef.current?.ownerDocument.activeElement,
           )
-        ) {
+        )
           previousFocusedElement.current?.focus();
-        }
       },
       unmountOnExit: true,
       nodeRef: dialogRef,

package/cjs/core/Dialog/DialogTitleBar.js

@@ -19,8 +19,8 @@ const _DialogTitleBarTitle = require('./DialogTitleBarTitle.js');
 const _DialogDragContext = require('./DialogDragContext.js');
 const DialogTitleBar = Object.assign(
   _react.forwardRef((props, ref) => {
-    const dialogContext = (0, _DialogContext.useDialogContext)();
-    const {
+    let dialogContext = (0, _DialogContext.useDialogContext)();
+    let {
       children,
       titleText,
       isDismissible = dialogContext.isDismissible,
@@ -30,7 +30,7 @@ const DialogTitleBar = Object.assign(
       onPointerDown: onPointerDownProp,
       ...rest
     } = props;
-    const { onPointerDown } = (0, _DialogDragContext.useDialogDragContext)();
+    let { onPointerDown } = (0, _DialogDragContext.useDialogDragContext)();
     return _react.createElement(
       _index.Box,
       {

package/cjs/core/Dialog/DialogTitleBarTitle.d.ts

@@ -1,6 +1,8 @@
 /**
  * Dialog title bar. Recommended to be used as a child of `Dialog`.
  * @example
- * <Dialog.TitleBar>My dialog title</Dialog.TitleBar>
+ * <Dialog.TitleBar>
+ *   <Dialog.TitleBar.Title>My dialog title</Dialog.TitleBar.Title>
+ * </Dialog.TitleBar>
  */
 export declare const DialogTitleBarTitle: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/Divider/Divider.js

@@ -14,11 +14,11 @@ const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _Box = require('../../utils/components/Box.js');
 const Divider = _react.forwardRef((props, ref) => {
-  const { className, orientation = 'horizontal', ...rest } = props;
+  let { className, orientation = 'horizontal', ...rest } = props;
   return _react.createElement(_Box.Box, {
     as: 'hr',
     className: (0, _classnames.default)('iui-divider', className),
-    'aria-orientation': orientation === 'vertical' ? 'vertical' : undefined,
+    'aria-orientation': 'vertical' === orientation ? 'vertical' : void 0,
     ref: ref,
     ...rest,
   });

package/cjs/core/DropdownMenu/DropdownMenu.js

@@ -13,18 +13,18 @@ const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Menu = require('../Menu/Menu.js');
 const _react1 = require('@floating-ui/react');
-const DropdownMenu = _react.forwardRef((props, forwardedRef) => {
-  return _react.createElement(
+const DropdownMenu = _react.forwardRef((props, forwardedRef) =>
+  _react.createElement(
     _react1.FloatingTree,
     null,
     _react.createElement(DropdownMenuContent, {
       ref: forwardedRef,
       ...props,
     }),
-  );
-});
+  ),
+);
 const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     menuItems,
     children,
     role = 'menu',
@@ -35,15 +35,14 @@ const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
     portal = true,
     ...rest
   } = props;
-  const [visible, setVisible] = (0, _index.useControlledState)(
+  let [visible, setVisible] = (0, _index.useControlledState)(
     false,
     visibleProp,
     onVisibleChange,
   );
-  const menuContent = _react.useMemo(() => {
-    if (typeof menuItems === 'function') {
+  let menuContent = _react.useMemo(() => {
+    if ('function' == typeof menuItems)
       return menuItems(() => setVisible(false));
-    }
     return menuItems;
   }, [menuItems, setVisible]);
   return _react.createElement(
@@ -54,12 +53,8 @@ const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
       {
         trigger: children,
         onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, (e) => {
-          if (e.defaultPrevented) {
-            return;
-          }
-          if (e.key === 'Tab') {
-            setVisible(false);
-          }
+          if (e.defaultPrevented) return;
+          if ('Tab' === e.key) setVisible(false);
         }),
         role: role,
         ref: forwardedRef,

package/cjs/core/ExpandableBlock/ExpandableBlock.js

@@ -15,10 +15,9 @@ const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Icon = require('../Icon/Icon.js');
 const _LinkAction = require('../LinkAction/LinkAction.js');
-const ExpandableBlockContext = _react.createContext(undefined);
-ExpandableBlockContext.displayName = 'ExpandableBlockContext';
+const ExpandableBlockContext = _react.createContext(void 0);
 const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef) => {
-  const { children, title, caption, endIcon, ...rest } = props;
+  let { children, title, caption, endIcon, ...rest } = props;
   return _react.createElement(
     ExpandableBlock.Wrapper,
     {
@@ -33,9 +32,8 @@ const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef) => {
     _react.createElement(ExpandableBlock.Content, null, children),
   );
 });
-ExpandableBlockComponent.displayName = 'ExpandableBlock';
 const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     children,
     className,
     onToggle,
@@ -47,9 +45,9 @@ const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
     disabled = false,
     ...rest
   } = props;
-  const [expandedState, setExpanded] = _react.useState(isExpanded ?? false);
-  const expanded = isExpanded ?? expandedState;
-  const [descriptionId, setDescriptionId] = _react.useState(undefined);
+  let [expandedState, setExpanded] = _react.useState(isExpanded ?? false);
+  let expanded = isExpanded ?? expandedState;
+  let [descriptionId, setDescriptionId] = _react.useState(void 0);
   return _react.createElement(
     ExpandableBlockContext.Provider,
     {
@@ -72,7 +70,7 @@ const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
         className: (0, _classnames.default)('iui-expandable-block', className),
         'data-iui-expanded': expanded,
         'data-iui-size': size,
-        'data-iui-variant': styleType !== 'default' ? styleType : undefined,
+        'data-iui-variant': 'default' !== styleType ? styleType : void 0,
         style: style,
         ref: forwardedRef,
         ...rest,
@@ -81,18 +79,15 @@ const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
     ),
   );
 });
-ExpandableBlockWrapper.displayName = 'ExpandableBlock.Wrapper';
 const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef) => {
-  const { className, children, label, caption, expandIcon, endIcon, ...rest } =
+  let { className, children, label, caption, expandIcon, endIcon, ...rest } =
     props;
-  const { disabled, status } = (0, _index.useSafeContext)(
-    ExpandableBlockContext,
-  );
+  let { disabled, status } = (0, _index.useSafeContext)(ExpandableBlockContext);
   return _react.createElement(
     _LinkAction.LinkBox,
     {
       className: (0, _classnames.default)('iui-expandable-header', className),
-      'data-iui-disabled': disabled ? 'true' : undefined,
+      'data-iui-disabled': disabled ? 'true' : void 0,
       ref: forwardedRef,
       ...rest,
     },
@@ -114,9 +109,8 @@ const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef) => {
       ),
   );
 });
-ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
 const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef) => {
-  const { className, children, ...rest } = props;
+  let { className, children, ...rest } = props;
   return _react.createElement(
     _Icon.Icon,
     {
@@ -133,14 +127,12 @@ const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef) => {
       }),
   );
 });
-ExpandableBlockExpandIcon.displayName = 'ExpandableBlock.ExpandIcon';
 const ExpandableBlockLabelArea = _index.polymorphic.span(
   'iui-expandable-block-label',
 );
-ExpandableBlockLabelArea.displayName = 'ExpandableBlock.LabelArea';
 const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef) => {
-  const { className, children, onClick: onClickProp, ...rest } = props;
-  const { isExpanded, setExpanded, disabled, onToggle, descriptionId } = (0,
+  let { className, children, onClick: onClickProp, ...rest } = props;
+  let { isExpanded, setExpanded, disabled, onToggle, descriptionId } = (0,
   _index.useSafeContext)(ExpandableBlockContext);
   return _react.createElement(
     _index.ButtonBase,
@@ -153,9 +145,7 @@ const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef) => {
       'aria-expanded': isExpanded,
       'aria-disabled': disabled,
       onClick: (0, _index.mergeEventHandlers)(onClickProp, () => {
-        if (disabled) {
-          return;
-        }
+        if (disabled) return;
         setExpanded(!isExpanded);
         onToggle?.(!isExpanded);
       }),
@@ -166,15 +156,12 @@ const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef) => {
     children,
   );
 });
-ExpandableBlockTitle.displayName = 'ExpandableBlock.Title';
 const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef) => {
-  const fallbackId = (0, _index.useId)();
-  const { setDescriptionId } = (0, _index.useSafeContext)(
-    ExpandableBlockContext,
-  );
+  let fallbackId = (0, _index.useId)();
+  let { setDescriptionId } = (0, _index.useSafeContext)(ExpandableBlockContext);
   _react.useEffect(() => {
     setDescriptionId(props.id || fallbackId);
-    return () => setDescriptionId(undefined);
+    return () => setDescriptionId(void 0);
   }, [props.id, fallbackId, setDescriptionId]);
   return _react.createElement(_index.Box, {
     ref: forwardedRef,
@@ -186,11 +173,10 @@ const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef) => {
     ),
   });
 });
-ExpandableBlockCaption.displayName = 'ExpandableBlock.Caption';
 const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef) => {
-  const { children, ...rest } = props;
-  const { status } = (0, _index.useSafeContext)(ExpandableBlockContext);
-  const icon = children ?? (status && _index.StatusIconMap[status]());
+  let { children, ...rest } = props;
+  let { status } = (0, _index.useSafeContext)(ExpandableBlockContext);
+  let icon = children ?? (status && _index.StatusIconMap[status]());
   return _react.createElement(
     _Icon.Icon,
     {
@@ -201,9 +187,8 @@ const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef) => {
     icon,
   );
 });
-ExpandableBlockEndIcon.displayName = 'ExpandableBlock.EndIcon';
 const ExpandableBlockContent = _react.forwardRef((props, forwardedRef) => {
-  const { className, children, innerProps, ...rest } = props;
+  let { className, children, innerProps, ...rest } = props;
   return _react.createElement(
     _index.Box,
     {
@@ -214,7 +199,6 @@ const ExpandableBlockContent = _react.forwardRef((props, forwardedRef) => {
     _react.createElement(_index.Box, innerProps, children),
   );
 });
-ExpandableBlockContent.displayName = 'ExpandableBlock.Content';
 const ExpandableBlock = Object.assign(ExpandableBlockComponent, {
   Wrapper: ExpandableBlockWrapper,
   Trigger: ExpandableBlockTrigger,

package/cjs/core/Fieldset/Fieldset.js

@@ -14,11 +14,10 @@ const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _classnames = _interop_require_default._(require('classnames'));
 const Fieldset = _react.forwardRef((props, ref) => {
-  const { children, className, disabled, legend, ...rest } = props;
+  let { children, className, disabled, legend, ...rest } = props;
   return _react.createElement(
-    _index.Box,
+    _index.FieldsetBase,
     {
-      as: 'fieldset',
       className: (0, _classnames.default)('iui-fieldset', className),
       disabled: disabled,
       ref: ref,

package/cjs/core/FileUpload/FileEmptyCard.js

@@ -19,7 +19,7 @@ const FileEmptyCardIcon = _index.polymorphic.span('iui-file-card-empty-icon', {
 });
 const FileEmptyCardText = _index.polymorphic.span('iui-file-card-empty-action');
 const FileEmptyCardComponent = _react.forwardRef((props, ref) => {
-  const { children, className, ...rest } = props;
+  let { children, className, ...rest } = props;
   return _react.createElement(
     _index.Box,
     {

package/cjs/core/FileUpload/FileUpload.js

@@ -14,27 +14,25 @@ const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const FileUpload = _react.forwardRef((props, forwardedRef) => {
-  const { dragContent, children, onFileDropped, contentProps, ...rest } = props;
-  const [isDragActive, setIsDragActive] = _react.useState(false);
-  const onDragOverHandler = (e) => {
+  let { dragContent, children, onFileDropped, contentProps, ...rest } = props;
+  let [isDragActive, setIsDragActive] = _react.useState(false);
+  let onDragOverHandler = (e) => {
     e.preventDefault();
     e.stopPropagation();
   };
-  const onDragEnterHandler = (e) => {
+  let onDragEnterHandler = (e) => {
     e.preventDefault();
     e.stopPropagation();
-    if (!isDragActive && e.dataTransfer?.items?.[0]?.kind === 'file') {
+    if (!isDragActive && e.dataTransfer?.items?.[0]?.kind === 'file')
       setIsDragActive(true);
-    }
   };
-  const onDragLeaveHandler = (e) => {
+  let onDragLeaveHandler = (e) => {
     e.preventDefault();
     e.stopPropagation();
-    if (isDragActive && !e.currentTarget?.contains(e.relatedTarget)) {
+    if (isDragActive && !e.currentTarget?.contains(e.relatedTarget))
       setIsDragActive(false);
-    }
   };
-  const onDropHandler = (e) => {
+  let onDropHandler = (e) => {
     e.preventDefault();
     e.stopPropagation();
     if (isDragActive) {

package/cjs/core/FileUpload/FileUploadCard.js

@@ -26,27 +26,23 @@ const _FileEmptyCard = require('./FileEmptyCard.js');
 const _Anchor = require('../Typography/Anchor.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 const toBytes = (bytes) => {
-  const units = [' bytes', 'KB', 'MB', 'GB', 'TB'];
+  let units = [' bytes', 'KB', 'MB', 'GB', 'TB'];
   let i = 0;
-  while (bytes >= 1024 && ++i) {
-    bytes = bytes / 1024;
-  }
+  while (bytes >= 1024 && ++i) bytes /= 1024;
   return bytes.toFixed(bytes < 10 && i > 0 ? 2 : 0) + units[i];
 };
 const toDate = (dateNumber) => {
-  const date = new Date(dateNumber);
+  let date = new Date(dateNumber);
   return date.toDateString() + ' ' + date.toLocaleTimeString();
 };
 const FileUploadCardIcon = _index.polymorphic.span('iui-file-card-icon', {
   children: _react.createElement(_index.SvgDocument, null),
 });
-FileUploadCardIcon.displayName = 'FileUploadCard.Icon';
 const FileUploadCardInfo = _index.polymorphic.span('iui-file-card-text');
-FileUploadCardInfo.displayName = 'FileUploadCard.Info';
 const FileUploadCardTitle = _react.forwardRef((props, ref) => {
-  const { children, className, ...rest } = props;
-  const { files } = (0, _index.useSafeContext)(FileUploadCardContext);
-  const title =
+  let { children, className, ...rest } = props;
+  let { files } = (0, _index.useSafeContext)(FileUploadCardContext);
+  let title =
     files.length > 1 ? files.length + ' files selected' : files[0].name;
   return _react.createElement(
     _index.Box,
@@ -59,17 +55,15 @@ const FileUploadCardTitle = _react.forwardRef((props, ref) => {
     children ?? title,
   );
 });
-FileUploadCardTitle.displayName = 'FileUploadCard.Title';
 const FileUploadCardDescription = _react.forwardRef((props, ref) => {
-  const { children, className, ...rest } = props;
-  const { files } = (0, _index.useSafeContext)(FileUploadCardContext);
+  let { children, className, ...rest } = props;
+  let { files } = (0, _index.useSafeContext)(FileUploadCardContext);
   let description =
     files.length > 1
       ? files[0].name + ', ' + files[1].name
       : toBytes(files[0].size) + ' ' + toDate(files[0].lastModified);
-  if (files.length > 2) {
+  if (files.length > 2)
     description += ', and ' + (files.length - 2) + ' others';
-  }
   return _react.createElement(
     _index.Box,
     {
@@ -84,12 +78,10 @@ const FileUploadCardDescription = _react.forwardRef((props, ref) => {
     children ?? description,
   );
 });
-FileUploadCardDescription.displayName = 'FileUploadCard.Description';
 const FileUploadCardAction = _index.polymorphic.div('iui-file-card-action');
-FileUploadCardAction.displayName = 'FileUploadCard.Action';
 const FileUploadCardInputLabel = _react.forwardRef((props, ref) => {
-  const { children, ...rest } = props;
-  const { inputId } = (0, _index.useSafeContext)(FileUploadCardContext);
+  let { children, ...rest } = props;
+  let { inputId } = (0, _index.useSafeContext)(FileUploadCardContext);
   return _react.createElement(
     _Anchor.Anchor,
     {
@@ -101,28 +93,23 @@ const FileUploadCardInputLabel = _react.forwardRef((props, ref) => {
     children,
   );
 });
-FileUploadCardInputLabel.displayName = 'FileUploadCard.InputLabel';
 const FileUploadCardInput = _react.forwardRef((props, ref) => {
-  const { children, onChange, id, ...rest } = props;
-  const { files, onFilesChange, setInternalFiles, inputId, setInputId } = (0,
+  let { children, onChange, id, ...rest } = props;
+  let { files, onFilesChange, setInternalFiles, inputId, setInputId } = (0,
   _index.useSafeContext)(FileUploadCardContext);
-  const setNativeFilesRef = _react.useCallback(
+  let setNativeFilesRef = _react.useCallback(
     (node) => {
-      if (!node || !(0, _index.getWindow)()?.DataTransfer) {
-        return;
-      }
-      const dataTransfer = new DataTransfer();
+      if (!node || !(0, _index.getWindow)()?.DataTransfer) return;
+      let dataTransfer = new DataTransfer();
       dataTransfer.items.clear();
       Array.from(files).forEach((file) => dataTransfer.items.add(file));
       node.files = dataTransfer.files;
     },
     [files],
   );
-  const refs = (0, _index.useMergedRefs)(ref, setNativeFilesRef);
+  let refs = (0, _index.useMergedRefs)(ref, setNativeFilesRef);
   _react.useEffect(() => {
-    if (id && id !== inputId) {
-      setInputId(id);
-    }
+    if (id && id !== inputId) setInputId(id);
   }, [id, inputId, setInputId]);
   return _react.createElement(
     _react.Fragment,
@@ -132,7 +119,7 @@ const FileUploadCardInput = _react.forwardRef((props, ref) => {
       type: 'file',
       unhideOnFocus: false,
       onChange: (0, _index.mergeEventHandlers)(onChange, (e) => {
-        const _files = Array.from(e.currentTarget.files || []);
+        let _files = Array.from(e.currentTarget.files || []);
         onFilesChange?.(_files);
         setInternalFiles(_files);
       }),
@@ -143,9 +130,8 @@ const FileUploadCardInput = _react.forwardRef((props, ref) => {
     children,
   );
 });
-FileUploadCardInput.displayName = 'FileUploadCard.Input';
 const FileUploadCardComponent = _react.forwardRef((props, ref) => {
-  const {
+  let {
     className,
     children,
     files: filesProp,
@@ -154,10 +140,10 @@ const FileUploadCardComponent = _react.forwardRef((props, ref) => {
     input,
     ...rest
   } = props;
-  const [internalFiles, setInternalFiles] = _react.useState();
-  const uid = (0, _index.useId)();
-  const [inputId, setInputId] = _react.useState(uid);
-  const files = filesProp ?? internalFiles ?? [];
+  let [internalFiles, setInternalFiles] = _react.useState();
+  let uid = (0, _index.useId)();
+  let [inputId, setInputId] = _react.useState(uid);
+  let files = filesProp ?? internalFiles ?? [];
   return _react.createElement(
     FileUploadCardContext.Provider,
     {
@@ -212,5 +198,4 @@ const FileUploadCard = Object.assign(FileUploadCardComponent, {
   InputLabel: FileUploadCardInputLabel,
   Input: FileUploadCardInput,
 });
-FileUploadCard.displayName = 'FileUploadCard';
-const FileUploadCardContext = _react.createContext(undefined);
+const FileUploadCardContext = _react.createContext(void 0);

package/cjs/core/FileUpload/FileUploadTemplate.js

@@ -15,7 +15,7 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const _Anchor = require('../Typography/Anchor.js');
 const FileUploadTemplate = _react.forwardRef((props, ref) => {
-  const {
+  let {
     onChange,
     acceptMultiple = true,
     acceptType,

package/cjs/core/Flex/Flex.js

@@ -15,13 +15,11 @@ const _classnames = _interop_require_default._(require('classnames'));
 const _Box = require('../../utils/components/Box.js');
 const sizeTokens = ['3xs', '2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'];
 const getValueForToken = (token) => {
-  if (sizeTokens.includes(token)) {
-    return `var(--iui-size-${token})`;
-  }
+  if (sizeTokens.includes(token)) return `var(--iui-size-${token})`;
   return token;
 };
 const FlexComponent = _react.forwardRef((props, ref) => {
-  const {
+  let {
     display,
     flexDirection,
     justifyContent,
@@ -47,9 +45,8 @@ const FlexComponent = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-FlexComponent.displayName = 'Flex';
 const FlexSpacer = _react.forwardRef((props, ref) => {
-  const { flex, className, style, ...rest } = props;
+  let { flex, className, style, ...rest } = props;
   return _react.createElement(_Box.Box, {
     className: (0, _classnames.default)('iui-flex-spacer', className),
     style: {
@@ -60,19 +57,18 @@ const FlexSpacer = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-FlexSpacer.displayName = 'Flex.Spacer';
 const FlexItem = _react.forwardRef((props, ref) => {
-  const { gapBefore, gapAfter, flex, alignSelf, className, style, ...rest } =
+  let { gapBefore, gapAfter, flex, alignSelf, className, style, ...rest } =
     props;
-  const _style = {
+  let _style = {
     '--iui-flex-item-flex': flex,
     '--iui-flex-item-align': alignSelf,
     '--iui-flex-item-gap-before': getValueForToken(gapBefore),
     '--iui-flex-item-gap-after': getValueForToken(gapAfter),
-    ...(gapBefore !== undefined && {
+    ...(void 0 !== gapBefore && {
       '--iui-flex-item-gap-before-toggle': 'var(--iui-on)',
     }),
-    ...(gapAfter !== undefined && {
+    ...(void 0 !== gapAfter && {
       '--iui-flex-item-gap-after-toggle': 'var(--iui-on)',
     }),
     ...style,
@@ -84,7 +80,6 @@ const FlexItem = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-FlexItem.displayName = 'Flex.Item';
 const Flex = Object.assign(FlexComponent, {
   Item: FlexItem,
   Spacer: FlexSpacer,