@itwin/itwinui-react 3.17.4 → 3.18.1

package/DEV-cjs/core/ComboBox/ComboBoxMultipleContainer.js

@@ -19,4 +19,5 @@ const ComboBoxMultipleContainer = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-ComboBoxMultipleContainer.displayName = 'ComboBoxMultipleContainer';
+if ('development' === process.env.NODE_ENV)
+  ComboBoxMultipleContainer.displayName = 'ComboBoxMultipleContainer';

package/DEV-cjs/core/ComboBox/helpers.js

@@ -20,6 +20,8 @@ _export(exports, {
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const ComboBoxRefsContext = _react.createContext(void 0);
-ComboBoxRefsContext.displayName = 'ComboBoxRefsContext';
+if ('development' === process.env.NODE_ENV)
+  ComboBoxRefsContext.displayName = 'ComboBoxRefsContext';
 const ComboBoxStateContext = _react.createContext(void 0);
-ComboBoxStateContext.displayName = 'ComboBoxStateContext';
+if ('development' === process.env.NODE_ENV)
+  ComboBoxStateContext.displayName = 'ComboBoxStateContext';

package/DEV-cjs/core/DatePicker/DatePicker.js

@@ -151,7 +151,7 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
     ...rest
   } = props;
   let logWarning = (0, _index.useWarningLogger)();
-  {
+  if ('development' === process.env.NODE_ENV) {
     let onlyOneRangePropPassed = (startDate ? 1 : 0) + (endDate ? 1 : 0) === 1;
     if (enableRangeSelect && onlyOneRangePropPassed)
       logWarning(
@@ -265,7 +265,7 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
     setFocusedDay(getNewFocusedDate(newYear, newMonth));
   };
   let onDayClick = (day) => {
-    if (enableRangeSelect) {
+    if (enableRangeSelect)
       if (isSelectingStartDate) {
         if (day.getMonth() !== selectedStartDay?.getMonth())
           setMonthAndYear(day.getMonth(), day.getFullYear());
@@ -309,7 +309,7 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
           setIsSelectingStartDate(true);
         }
       }
-    } else {
+    else {
       if (day.getMonth() !== selectedDay?.getMonth())
         setMonthAndYear(day.getMonth(), day.getFullYear());
       let currentDate = selectedDay ?? new Date();
@@ -602,4 +602,5 @@ const DatePicker = _react.forwardRef((props, forwardedRef) => {
       }),
   );
 });
-DatePicker.displayName = 'DatePicker';
+if ('development' === process.env.NODE_ENV)
+  DatePicker.displayName = 'DatePicker';

package/DEV-cjs/core/Dialog/Dialog.js

@@ -21,7 +21,7 @@ const _DialogContext = require('./DialogContext.js');
 const _DialogButtonBar = require('./DialogButtonBar.js');
 const _DialogMain = require('./DialogMain.js');
 const _index = require('../../utils/index.js');
-const DialogComponent = _react.forwardRef((props, ref) => {
+const DialogComponent = _react.forwardRef((props, forwardedRef) => {
   let {
     trapFocus = false,
     setFocus = trapFocus,
@@ -40,7 +40,8 @@ const DialogComponent = _react.forwardRef((props, ref) => {
     ...rest
   } = props;
   let dialogRootRef = _react.useRef(null);
-  let mergedRefs = (0, _index.useMergedRefs)(ref, dialogRootRef);
+  let [dialogElement, setDialogElement] = _react.useState(null);
+  let mergedRefs = (0, _index.useMergedRefs)(forwardedRef, dialogRootRef);
   return isOpen
     ? _react.createElement(
         _DialogContext.DialogContext.Provider,
@@ -58,6 +59,8 @@ const DialogComponent = _react.forwardRef((props, ref) => {
             isResizable,
             relativeTo,
             placement,
+            dialogRootRef,
+            setDialogElement,
           },
         },
         _react.createElement(
@@ -65,20 +68,27 @@ const DialogComponent = _react.forwardRef((props, ref) => {
           {
             portal: portal,
           },
-          _react.createElement(_index.Box, {
-            className: (0, _classnames.default)(
-              'iui-dialog-wrapper',
-              className,
-            ),
-            'data-iui-relative': 'container' === relativeTo,
-            ref: mergedRefs,
-            ...rest,
-          }),
+          _react.createElement(
+            _index.PortalContainerContext.Provider,
+            {
+              value: dialogElement,
+            },
+            _react.createElement(_index.Box, {
+              className: (0, _classnames.default)(
+                'iui-dialog-wrapper',
+                className,
+              ),
+              'data-iui-relative': 'container' === relativeTo,
+              ref: mergedRefs,
+              ...rest,
+            }),
+          ),
         ),
       )
     : null;
 });
-DialogComponent.displayName = 'Dialog';
+if ('development' === process.env.NODE_ENV)
+  DialogComponent.displayName = 'Dialog';
 const Dialog = Object.assign(DialogComponent, {
   Backdrop: _DialogBackdrop.DialogBackdrop,
   Main: _DialogMain.DialogMain,

package/DEV-cjs/core/Dialog/DialogBackdrop.js

@@ -22,11 +22,11 @@ const DialogBackdrop = _react.forwardRef((props, ref) => {
   let dialogContext = (0, _DialogContext.useDialogContext)();
   let dialogMainContext = (0, _DialogMainContext.useDialogMainContext)();
   let {
-    isVisible = dialogContext.isOpen,
-    isDismissible = dialogContext.isDismissible,
-    onClose = dialogContext.onClose,
-    closeOnExternalClick = dialogContext.closeOnExternalClick,
-    relativeTo = dialogContext.relativeTo,
+    isVisible = dialogContext?.isOpen,
+    isDismissible = dialogContext?.isDismissible,
+    onClose = dialogContext?.onClose,
+    closeOnExternalClick = dialogContext?.closeOnExternalClick,
+    relativeTo = dialogContext?.relativeTo,
     onMouseDown,
     className,
     style,
@@ -60,4 +60,5 @@ const DialogBackdrop = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-DialogBackdrop.displayName = 'Dialog.Backdrop';
+if ('development' === process.env.NODE_ENV)
+  DialogBackdrop.displayName = 'Dialog.Backdrop';

package/DEV-cjs/core/Dialog/DialogButtonBar.js

@@ -10,4 +10,5 @@ Object.defineProperty(exports, 'DialogButtonBar', {
 });
 const _index = require('../../utils/index.js');
 const DialogButtonBar = _index.polymorphic.div('iui-dialog-button-bar');
-DialogButtonBar.displayName = 'Dialog.ButtonBar';
+if ('development' === process.env.NODE_ENV)
+  DialogButtonBar.displayName = 'Dialog.ButtonBar';

package/DEV-cjs/core/Dialog/DialogContent.js

@@ -10,4 +10,5 @@ Object.defineProperty(exports, 'DialogContent', {
 });
 const _index = require('../../utils/index.js');
 const DialogContent = _index.polymorphic.div('iui-dialog-content');
-DialogContent.displayName = 'Dialog.Content';
+if ('development' === process.env.NODE_ENV)
+  DialogContent.displayName = 'Dialog.Content';

package/DEV-cjs/core/Dialog/DialogContext.js

@@ -20,4 +20,4 @@ _export(exports, {
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const DialogContext = _react.createContext(void 0);
-const useDialogContext = () => _react.useContext(DialogContext) || {};
+const useDialogContext = () => _react.useContext(DialogContext);

package/DEV-cjs/core/Dialog/DialogMain.js

@@ -19,27 +19,27 @@ const _DialogContext = require('./DialogContext.js');
 const _DialogDragContext = require('./DialogDragContext.js');
 const _useDragAndDrop = require('../../utils/hooks/useDragAndDrop.js');
 const _DialogMainContext = require('./DialogMainContext.js');
-const DialogMain = _react.forwardRef((props, ref) => {
+const DialogMain = _react.forwardRef((props, forwardedRef) => {
   let dialogContext = (0, _DialogContext.useDialogContext)();
   let {
     className,
     children,
     styleType = 'default',
-    isOpen = dialogContext.isOpen,
-    isDismissible = dialogContext.isDismissible,
-    onClose = dialogContext.onClose,
-    closeOnEsc = dialogContext.closeOnEsc,
-    trapFocus = dialogContext.trapFocus,
-    setFocus = dialogContext.setFocus,
-    preventDocumentScroll = dialogContext.preventDocumentScroll,
+    isOpen = dialogContext?.isOpen,
+    isDismissible = dialogContext?.isDismissible,
+    onClose = dialogContext?.onClose,
+    closeOnEsc = dialogContext?.closeOnEsc,
+    trapFocus = dialogContext?.trapFocus,
+    setFocus = dialogContext?.setFocus,
+    preventDocumentScroll = dialogContext?.preventDocumentScroll,
     onKeyDown,
-    isDraggable = dialogContext.isDraggable,
-    isResizable = dialogContext.isResizable,
+    isDraggable = dialogContext?.isDraggable,
+    isResizable = dialogContext?.isResizable,
     style: propStyle,
-    placement = dialogContext.placement,
+    placement = dialogContext?.placement,
     ...rest
   } = props;
-  let { dialogRootRef } = dialogContext;
+  let { dialogRootRef, setDialogElement } = dialogContext || {};
   let dialogRef = _react.useRef(null);
   let previousFocusedElement = _react.useRef(null);
   let [style, setStyle] = _react.useState();
@@ -136,7 +136,12 @@ const DialogMain = _react.forwardRef((props, ref) => {
         className,
       ),
       role: 'dialog',
-      ref: (0, _index.useMergedRefs)(dialogRef, mountRef, ref),
+      ref: (0, _index.useMergedRefs)(
+        dialogRef,
+        mountRef,
+        setDialogElement,
+        forwardedRef,
+      ),
       onKeyDown: handleKeyDown,
       tabIndex: -1,
       'data-iui-placement': placement,
@@ -190,4 +195,5 @@ const DialogMain = _react.forwardRef((props, ref) => {
     ),
   );
 });
-DialogMain.displayName = 'Dialog.Main';
+if ('development' === process.env.NODE_ENV)
+  DialogMain.displayName = 'Dialog.Main';

package/DEV-cjs/core/Dialog/DialogTitleBar.js

@@ -27,9 +27,9 @@ const DialogTitleBar = Object.assign(
     let {
       children,
       titleText,
-      isDismissible = dialogContext.isDismissible,
-      onClose = dialogContext.onClose,
-      isDraggable = dialogContext.isDraggable,
+      isDismissible = dialogContext?.isDismissible,
+      onClose = dialogContext?.onClose,
+      isDraggable = dialogContext?.isDraggable,
       className,
       onPointerDown: onPointerDownProp,
       ...rest
@@ -84,4 +84,5 @@ const DialogTitleBar = Object.assign(
     Title: _DialogTitleBarTitle.DialogTitleBarTitle,
   },
 );
-DialogTitleBar.displayName = 'Dialog.TitleBar';
+if ('development' === process.env.NODE_ENV)
+  DialogTitleBar.displayName = 'Dialog.TitleBar';

package/DEV-cjs/core/Dialog/DialogTitleBarTitle.js

@@ -10,4 +10,5 @@ Object.defineProperty(exports, 'DialogTitleBarTitle', {
 });
 const _index = require('../../utils/index.js');
 const DialogTitleBarTitle = _index.polymorphic.div('iui-dialog-title');
-DialogTitleBarTitle.displayName = 'Dialog.TitleBar.Title';
+if ('development' === process.env.NODE_ENV)
+  DialogTitleBarTitle.displayName = 'Dialog.TitleBar.Title';

package/DEV-cjs/core/Divider/Divider.js

@@ -25,4 +25,4 @@ const Divider = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-Divider.displayName = 'Divider';
+if ('development' === process.env.NODE_ENV) Divider.displayName = 'Divider';

package/DEV-cjs/core/DropdownMenu/DropdownMenu.js

@@ -35,7 +35,8 @@ const DropdownMenu = _react.forwardRef((props, forwardedRef) =>
     }),
   ),
 );
-DropdownMenu.displayName = 'DropdownMenu';
+if ('development' === process.env.NODE_ENV)
+  DropdownMenu.displayName = 'DropdownMenu';
 const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
   let {
     menuItems,
@@ -47,6 +48,7 @@ const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
     onVisibleChange,
     portal = true,
     middleware,
+    closeOnItemClick = false,
     ...rest
   } = props;
   let [visible, setVisible] = (0, _index.useControlledState)(
@@ -68,34 +70,40 @@ const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
     [close],
   );
   return _react.createElement(
-    DropdownMenuContext.Provider,
+    DropdownMenuCloseOnClickContext.Provider,
     {
-      value: dropdownMenuContextValue,
+      value: closeOnItemClick,
     },
     _react.createElement(
-      _Menu.Menu,
+      DropdownMenuContext.Provider,
       {
-        trigger: children,
-        onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, (e) => {
-          if (e.defaultPrevented) return;
-          if ('Tab' === e.key) setVisible(false);
-        }),
-        role: role,
-        ref: forwardedRef,
-        portal: portal,
-        popoverProps: _react.useMemo(
-          () => ({
-            placement,
-            matchWidth,
-            visible,
-            onVisibleChange: setVisible,
-            middleware,
-          }),
-          [matchWidth, middleware, placement, setVisible, visible],
-        ),
-        ...rest,
+        value: dropdownMenuContextValue,
       },
-      menuContent,
+      _react.createElement(
+        _Menu.Menu,
+        {
+          trigger: children,
+          onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, (e) => {
+            if (e.defaultPrevented) return;
+            if ('Tab' === e.key) setVisible(false);
+          }),
+          role: role,
+          ref: forwardedRef,
+          portal: portal,
+          popoverProps: _react.useMemo(
+            () => ({
+              placement,
+              matchWidth,
+              visible,
+              onVisibleChange: setVisible,
+              middleware,
+            }),
+            [matchWidth, middleware, placement, setVisible, visible],
+          ),
+          ...rest,
+        },
+        menuContent,
+      ),
     ),
   );
 });

package/DEV-cjs/core/ExpandableBlock/ExpandableBlock.js

@@ -2,11 +2,26 @@
 Object.defineProperty(exports, '__esModule', {
   value: true,
 });
-Object.defineProperty(exports, 'ExpandableBlock', {
-  enumerable: true,
-  get: function () {
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  ExpandableBlock: function () {
     return ExpandableBlock;
   },
+  ExpandableBlockContent: function () {
+    return ExpandableBlockContent;
+  },
+  ExpandableBlockTrigger: function () {
+    return ExpandableBlockTrigger;
+  },
+  ExpandableBlockWrapper: function () {
+    return ExpandableBlockWrapper;
+  },
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
@@ -18,7 +33,8 @@ const _index = require('../../utils/index.js');
 const _Icon = require('../Icon/Icon.js');
 const _LinkAction = require('../LinkAction/LinkAction.js');
 const ExpandableBlockContext = _react.createContext(void 0);
-ExpandableBlockContext.displayName = 'ExpandableBlockContext';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockContext.displayName = 'ExpandableBlockContext';
 const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef) => {
   let { children, title, caption, endIcon, ...rest } = props;
   return _react.createElement(
@@ -35,7 +51,8 @@ const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef) => {
     _react.createElement(ExpandableBlock.Content, null, children),
   );
 });
-ExpandableBlockComponent.displayName = 'ExpandableBlock';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockComponent.displayName = 'ExpandableBlock';
 const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
   let {
     children,
@@ -83,7 +100,8 @@ const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
     ),
   );
 });
-ExpandableBlockWrapper.displayName = 'ExpandableBlock.Wrapper';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockWrapper.displayName = 'ExpandableBlock.Wrapper';
 const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef) => {
   let { className, children, label, caption, expandIcon, endIcon, ...rest } =
     props;
@@ -114,7 +132,8 @@ const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef) => {
       ),
   );
 });
-ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
 const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef) => {
   let { className, children, ...rest } = props;
   return _react.createElement(
@@ -133,11 +152,13 @@ const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef) => {
       }),
   );
 });
-ExpandableBlockExpandIcon.displayName = 'ExpandableBlock.ExpandIcon';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockExpandIcon.displayName = 'ExpandableBlock.ExpandIcon';
 const ExpandableBlockLabelArea = _index.polymorphic.span(
   'iui-expandable-block-label',
 );
-ExpandableBlockLabelArea.displayName = 'ExpandableBlock.LabelArea';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockLabelArea.displayName = 'ExpandableBlock.LabelArea';
 const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef) => {
   let { className, children, onClick: onClickProp, ...rest } = props;
   let { isExpanded, setExpanded, disabled, onToggle, descriptionId } = (0,
@@ -164,7 +185,8 @@ const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef) => {
     children,
   );
 });
-ExpandableBlockTitle.displayName = 'ExpandableBlock.Title';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockTitle.displayName = 'ExpandableBlock.Title';
 const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef) => {
   let fallbackId = (0, _index.useId)();
   let { setDescriptionId } = (0, _index.useSafeContext)(ExpandableBlockContext);
@@ -182,7 +204,8 @@ const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef) => {
     ),
   });
 });
-ExpandableBlockCaption.displayName = 'ExpandableBlock.Caption';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockCaption.displayName = 'ExpandableBlock.Caption';
 const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef) => {
   let { children, ...rest } = props;
   let { status } = (0, _index.useSafeContext)(ExpandableBlockContext);
@@ -197,7 +220,8 @@ const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef) => {
     icon,
   );
 });
-ExpandableBlockEndIcon.displayName = 'ExpandableBlock.EndIcon';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockEndIcon.displayName = 'ExpandableBlock.EndIcon';
 const ExpandableBlockContent = _react.forwardRef((props, forwardedRef) => {
   let { className, children, innerProps, ...rest } = props;
   return _react.createElement(
@@ -210,7 +234,8 @@ const ExpandableBlockContent = _react.forwardRef((props, forwardedRef) => {
     _react.createElement(_index.Box, innerProps, children),
   );
 });
-ExpandableBlockContent.displayName = 'ExpandableBlock.Content';
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockContent.displayName = 'ExpandableBlock.Content';
 const ExpandableBlock = Object.assign(ExpandableBlockComponent, {
   Wrapper: ExpandableBlockWrapper,
   Trigger: ExpandableBlockTrigger,

package/DEV-cjs/core/Fieldset/Fieldset.js

@@ -37,4 +37,4 @@ const Fieldset = _react.forwardRef((props, ref) => {
       : children,
   );
 });
-Fieldset.displayName = 'Fieldset';
+if ('development' === process.env.NODE_ENV) Fieldset.displayName = 'Fieldset';

package/DEV-cjs/core/FileUpload/FileEmptyCard.js

@@ -19,9 +19,11 @@ const _FileUploadCard = require('./FileUploadCard.js');
 const FileEmptyCardIcon = _index.polymorphic.span('iui-file-card-empty-icon', {
   children: _react.createElement(_index.SvgUpload, null),
 });
-FileEmptyCardIcon.displayName = 'FileEmptyCard.Icon';
+if ('development' === process.env.NODE_ENV)
+  FileEmptyCardIcon.displayName = 'FileEmptyCard.Icon';
 const FileEmptyCardText = _index.polymorphic.span('iui-file-card-empty-action');
-FileEmptyCardText.displayName = 'FileEmptyCard.Text';
+if ('development' === process.env.NODE_ENV)
+  FileEmptyCardText.displayName = 'FileEmptyCard.Text';
 const FileEmptyCardComponent = _react.forwardRef((props, ref) => {
   let { children, className, ...rest } = props;
   return _react.createElement(
@@ -49,7 +51,8 @@ const FileEmptyCardComponent = _react.forwardRef((props, ref) => {
       ),
   );
 });
-FileEmptyCardComponent.displayName = 'FileEmptyCard';
+if ('development' === process.env.NODE_ENV)
+  FileEmptyCardComponent.displayName = 'FileEmptyCard';
 const FileEmptyCard = Object.assign(FileEmptyCardComponent, {
   Icon: FileEmptyCardIcon,
   Text: FileEmptyCardText,

package/DEV-cjs/core/FileUpload/FileUpload.js

@@ -97,4 +97,5 @@ const FileUpload = _react.forwardRef((props, forwardedRef) => {
       ),
   );
 });
-FileUpload.displayName = 'FileUpload';
+if ('development' === process.env.NODE_ENV)
+  FileUpload.displayName = 'FileUpload';

package/DEV-cjs/core/FileUpload/FileUploadCard.js

@@ -40,9 +40,11 @@ const toDate = (dateNumber) => {
 const FileUploadCardIcon = _index.polymorphic.span('iui-file-card-icon', {
   children: _react.createElement(_index.SvgDocument, null),
 });
-FileUploadCardIcon.displayName = 'FileUploadCard.Icon';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardIcon.displayName = 'FileUploadCard.Icon';
 const FileUploadCardInfo = _index.polymorphic.span('iui-file-card-text');
-FileUploadCardInfo.displayName = 'FileUploadCard.Info';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardInfo.displayName = 'FileUploadCard.Info';
 const FileUploadCardTitle = _react.forwardRef((props, ref) => {
   let { children, className, ...rest } = props;
   let { files } = (0, _index.useSafeContext)(FileUploadCardContext);
@@ -59,7 +61,8 @@ const FileUploadCardTitle = _react.forwardRef((props, ref) => {
     children ?? title,
   );
 });
-FileUploadCardTitle.displayName = 'FileUploadCard.Title';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardTitle.displayName = 'FileUploadCard.Title';
 const FileUploadCardDescription = _react.forwardRef((props, ref) => {
   let { children, className, ...rest } = props;
   let { files } = (0, _index.useSafeContext)(FileUploadCardContext);
@@ -83,9 +86,11 @@ const FileUploadCardDescription = _react.forwardRef((props, ref) => {
     children ?? description,
   );
 });
-FileUploadCardDescription.displayName = 'FileUploadCard.Description';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardDescription.displayName = 'FileUploadCard.Description';
 const FileUploadCardAction = _index.polymorphic.div('iui-file-card-action');
-FileUploadCardAction.displayName = 'FileUploadCard.Action';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardAction.displayName = 'FileUploadCard.Action';
 const FileUploadCardInputLabel = _react.forwardRef((props, ref) => {
   let { children, ...rest } = props;
   let { inputId } = (0, _index.useSafeContext)(FileUploadCardContext);
@@ -100,7 +105,8 @@ const FileUploadCardInputLabel = _react.forwardRef((props, ref) => {
     children,
   );
 });
-FileUploadCardInputLabel.displayName = 'FileUploadCard.InputLabel';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardInputLabel.displayName = 'FileUploadCard.InputLabel';
 const FileUploadCardInput = _react.forwardRef((props, ref) => {
   let { children, onChange, id, ...rest } = props;
   let { files, onFilesChange, setInternalFiles, inputId, setInputId } = (0,
@@ -138,7 +144,8 @@ const FileUploadCardInput = _react.forwardRef((props, ref) => {
     children,
   );
 });
-FileUploadCardInput.displayName = 'FileUploadCard.Input';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardInput.displayName = 'FileUploadCard.Input';
 const FileUploadCardComponent = _react.forwardRef((props, ref) => {
   let {
     className,
@@ -207,6 +214,8 @@ const FileUploadCard = Object.assign(FileUploadCardComponent, {
   InputLabel: FileUploadCardInputLabel,
   Input: FileUploadCardInput,
 });
-FileUploadCard.displayName = 'FileUploadCard';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCard.displayName = 'FileUploadCard';
 const FileUploadCardContext = _react.createContext(void 0);
-FileUploadCardContext.displayName = 'FileUploadCardContext';
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardContext.displayName = 'FileUploadCardContext';

package/DEV-cjs/core/FileUpload/FileUploadTemplate.js

@@ -66,4 +66,5 @@ const FileUploadTemplate = _react.forwardRef((props, ref) => {
     ),
   );
 });
-FileUploadTemplate.displayName = 'FileUploadTemplate';
+if ('development' === process.env.NODE_ENV)
+  FileUploadTemplate.displayName = 'FileUploadTemplate';

package/DEV-cjs/core/Flex/Flex.js

@@ -47,7 +47,7 @@ const FlexComponent = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-FlexComponent.displayName = 'Flex';
+if ('development' === process.env.NODE_ENV) FlexComponent.displayName = 'Flex';
 const FlexSpacer = _react.forwardRef((props, ref) => {
   let { flex, className, style, ...rest } = props;
   return _react.createElement(_Box.Box, {
@@ -60,7 +60,8 @@ const FlexSpacer = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-FlexSpacer.displayName = 'Flex.Spacer';
+if ('development' === process.env.NODE_ENV)
+  FlexSpacer.displayName = 'Flex.Spacer';
 const FlexItem = _react.forwardRef((props, ref) => {
   let { gapBefore, gapAfter, flex, alignSelf, className, style, ...rest } =
     props;
@@ -84,7 +85,7 @@ const FlexItem = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
-FlexItem.displayName = 'Flex.Item';
+if ('development' === process.env.NODE_ENV) FlexItem.displayName = 'Flex.Item';
 const Flex = Object.assign(FlexComponent, {
   Item: FlexItem,
   Spacer: FlexSpacer,

package/DEV-cjs/core/Footer/Footer.js

@@ -136,4 +136,4 @@ const Footer = Object.assign(
     Separator: _FooterSeparator.FooterSeparator,
   },
 );
-Footer.displayName = 'Footer';
+if ('development' === process.env.NODE_ENV) Footer.displayName = 'Footer';

package/DEV-cjs/core/Footer/FooterItem.js

@@ -10,4 +10,5 @@ Object.defineProperty(exports, 'FooterItem', {
 });
 const _index = require('../../utils/index.js');
 const FooterItem = _index.polymorphic.li('iui-legal-footer-item');
-FooterItem.displayName = 'Footer.Item';
+if ('development' === process.env.NODE_ENV)
+  FooterItem.displayName = 'Footer.Item';

package/DEV-cjs/core/Footer/FooterList.js

@@ -10,4 +10,5 @@ Object.defineProperty(exports, 'FooterList', {
 });
 const _index = require('../../utils/index.js');
 const FooterList = _index.polymorphic.ul('iui-legal-footer-list');
-FooterList.displayName = 'Footer.List';
+if ('development' === process.env.NODE_ENV)
+  FooterList.displayName = 'Footer.List';

package/DEV-cjs/core/Footer/FooterSeparator.js

@@ -12,4 +12,5 @@ const _index = require('../../utils/index.js');
 const FooterSeparator = _index.polymorphic.li('iui-legal-footer-separator', {
   'aria-hidden': true,
 });
-FooterSeparator.displayName = 'Footer.Separator';
+if ('development' === process.env.NODE_ENV)
+  FooterSeparator.displayName = 'Footer.Separator';