@itwin/itwinui-react 3.17.3 → 3.18.0

package/cjs/core/DropdownMenu/DropdownMenu.js

@@ -35,6 +35,8 @@ const DropdownMenu = _react.forwardRef((props, forwardedRef) =>
     }),
   ),
 );
+if ('development' === process.env.NODE_ENV)
+  DropdownMenu.displayName = 'DropdownMenu';
 const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
   let {
     menuItems,
@@ -46,6 +48,7 @@ const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
     onVisibleChange,
     portal = true,
     middleware,
+    closeOnItemClick = false,
     ...rest
   } = props;
   let [visible, setVisible] = (0, _index.useControlledState)(
@@ -67,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/cjs/core/ExpandableBlock/ExpandableBlock.d.ts

@@ -36,15 +36,18 @@ type ExpandableBlockOwnProps = {
      */
     disabled?: boolean;
 };
+export declare const ExpandableBlockWrapper: PolymorphicForwardRefComponent<"div", ExpandableBlockOwnProps>;
 type ExpandableBlockTriggerOwnProps = {
     label?: React.ReactNode;
     caption?: React.ReactNode;
     expandIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
 };
+export declare const ExpandableBlockTrigger: PolymorphicForwardRefComponent<"div", ExpandableBlockTriggerOwnProps>;
 type ExpandableBlockContentOwnProps = {
     innerProps?: React.ComponentPropsWithoutRef<'div'>;
 };
+export declare const ExpandableBlockContent: PolymorphicForwardRefComponent<"div", ExpandableBlockContentOwnProps>;
 /**
  * Expandable block with customizable Title, Caption, Content and EndIcon subcomponents.
  * @example

package/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,6 +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);
+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(
@@ -34,6 +51,8 @@ const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef) => {
     _react.createElement(ExpandableBlock.Content, null, children),
   );
 });
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockComponent.displayName = 'ExpandableBlock';
 const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
   let {
     children,
@@ -81,6 +100,8 @@ const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
     ),
   );
 });
+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;
@@ -111,6 +132,8 @@ const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef) => {
       ),
   );
 });
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
 const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef) => {
   let { className, children, ...rest } = props;
   return _react.createElement(
@@ -129,9 +152,13 @@ const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef) => {
       }),
   );
 });
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockExpandIcon.displayName = 'ExpandableBlock.ExpandIcon';
 const ExpandableBlockLabelArea = _index.polymorphic.span(
   'iui-expandable-block-label',
 );
+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,
@@ -158,6 +185,8 @@ const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef) => {
     children,
   );
 });
+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);
@@ -175,6 +204,8 @@ const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef) => {
     ),
   });
 });
+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);
@@ -189,6 +220,8 @@ const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef) => {
     icon,
   );
 });
+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(
@@ -201,6 +234,8 @@ const ExpandableBlockContent = _react.forwardRef((props, forwardedRef) => {
     _react.createElement(_index.Box, innerProps, children),
   );
 });
+if ('development' === process.env.NODE_ENV)
+  ExpandableBlockContent.displayName = 'ExpandableBlock.Content';
 const ExpandableBlock = Object.assign(ExpandableBlockComponent, {
   Wrapper: ExpandableBlockWrapper,
   Trigger: ExpandableBlockTrigger,

package/cjs/core/Fieldset/Fieldset.js

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

package/cjs/core/FileUpload/FileEmptyCard.js

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

package/cjs/core/FileUpload/FileUpload.js

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

package/cjs/core/FileUpload/FileUploadCard.js

@@ -40,7 +40,11 @@ const toDate = (dateNumber) => {
 const FileUploadCardIcon = _index.polymorphic.span('iui-file-card-icon', {
   children: _react.createElement(_index.SvgDocument, null),
 });
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardIcon.displayName = 'FileUploadCard.Icon';
 const FileUploadCardInfo = _index.polymorphic.span('iui-file-card-text');
+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);
@@ -57,6 +61,8 @@ const FileUploadCardTitle = _react.forwardRef((props, ref) => {
     children ?? 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);
@@ -80,7 +86,11 @@ const FileUploadCardDescription = _react.forwardRef((props, ref) => {
     children ?? description,
   );
 });
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardDescription.displayName = 'FileUploadCard.Description';
 const FileUploadCardAction = _index.polymorphic.div('iui-file-card-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);
@@ -95,6 +105,8 @@ const FileUploadCardInputLabel = _react.forwardRef((props, ref) => {
     children,
   );
 });
+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,
@@ -132,6 +144,8 @@ const FileUploadCardInput = _react.forwardRef((props, ref) => {
     children,
   );
 });
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardInput.displayName = 'FileUploadCard.Input';
 const FileUploadCardComponent = _react.forwardRef((props, ref) => {
   let {
     className,
@@ -200,4 +214,8 @@ const FileUploadCard = Object.assign(FileUploadCardComponent, {
   InputLabel: FileUploadCardInputLabel,
   Input: FileUploadCardInput,
 });
+if ('development' === process.env.NODE_ENV)
+  FileUploadCard.displayName = 'FileUploadCard';
 const FileUploadCardContext = _react.createContext(void 0);
+if ('development' === process.env.NODE_ENV)
+  FileUploadCardContext.displayName = 'FileUploadCardContext';

package/cjs/core/FileUpload/FileUploadTemplate.js

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

package/cjs/core/Flex/Flex.js

@@ -47,6 +47,7 @@ const FlexComponent = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
+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, {
@@ -59,6 +60,8 @@ const FlexSpacer = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
+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;
@@ -82,6 +85,7 @@ const FlexItem = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
+if ('development' === process.env.NODE_ENV) FlexItem.displayName = 'Flex.Item';
 const Flex = Object.assign(FlexComponent, {
   Item: FlexItem,
   Spacer: FlexSpacer,

package/cjs/core/Footer/Footer.js

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

package/cjs/core/Footer/FooterItem.js

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

package/cjs/core/Footer/FooterList.js

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

package/cjs/core/Footer/FooterSeparator.js

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

package/cjs/core/Header/Header.js

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

package/cjs/core/Header/HeaderBreadcrumbs.js

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

package/cjs/core/Header/HeaderButton.js

@@ -92,3 +92,5 @@ const HeaderButton = _react.forwardRef((props, ref) => {
     headerButton,
   );
 });
+if ('development' === process.env.NODE_ENV)
+  HeaderButton.displayName = 'HeaderButton';

package/cjs/core/Header/HeaderLogo.js

@@ -21,7 +21,7 @@ const HeaderLogo = _react.forwardRef((props, ref) => {
     children,
     logo,
     onClick,
-    as = onClick ? 'button' : 'div',
+    as = !!onClick ? 'button' : 'div',
     ...rest
   } = props;
   return _react.createElement(
@@ -56,3 +56,5 @@ const HeaderLogo = _react.forwardRef((props, ref) => {
       ),
   );
 });
+if ('development' === process.env.NODE_ENV)
+  HeaderLogo.displayName = 'HeaderLogo';

package/cjs/core/Icon/Icon.js

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

package/cjs/core/InformationPanel/InformationPanel.js

@@ -102,3 +102,5 @@ const InformationPanel = _react.forwardRef((props, forwardedRef) => {
     children,
   );
 });
+if ('development' === process.env.NODE_ENV)
+  InformationPanel.displayName = 'InformationPanel';

package/cjs/core/InformationPanel/InformationPanelBody.js

@@ -10,3 +10,5 @@ Object.defineProperty(exports, 'InformationPanelBody', {
 });
 const _index = require('../../utils/index.js');
 const InformationPanelBody = _index.polymorphic.div('iui-information-body');
+if ('development' === process.env.NODE_ENV)
+  InformationPanelBody.displayName = 'InformationPanel.Body';

package/cjs/core/InformationPanel/InformationPanelContent.js

@@ -33,3 +33,5 @@ const InformationPanelContent = _react.forwardRef((props, forwardedRef) => {
     children,
   );
 });
+if ('development' === process.env.NODE_ENV)
+  InformationPanelContent.displayName = 'InformationPanelContent';

package/cjs/core/InformationPanel/InformationPanelHeader.js

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

package/cjs/core/InformationPanel/InformationPanelWrapper.js

@@ -12,3 +12,5 @@ const _index = require('../../utils/index.js');
 const InformationPanelWrapper = _index.polymorphic.div(
   'iui-information-panel-wrapper',
 );
+if ('development' === process.env.NODE_ENV)
+  InformationPanelWrapper.displayName = 'InformationPanelWrapper';

package/cjs/core/Input/Input.js

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

package/cjs/core/InputGrid/InputGrid.js

@@ -36,6 +36,7 @@ const InputGrid = _react.forwardRef((props, ref) => {
     children,
   );
 });
+if ('development' === process.env.NODE_ENV) InputGrid.displayName = 'InputGrid';
 const useChildrenWithIds = (children) => {
   let { labelId, inputId, messageId } = useSetup(children);
   return _react.useMemo(

package/cjs/core/InputGroup/InputGroup.js

@@ -76,6 +76,8 @@ const InputGroup = _react.forwardRef((props, forwardedRef) => {
     }),
   );
 });
+if ('development' === process.env.NODE_ENV)
+  InputGroup.displayName = 'InputGroup';
 const BottomMessage = (props) => {
   let { message, status, svgIcon, displayStyle, messageProps } = props;
   if (message && 'string' != typeof message) return message;

package/cjs/core/InputWithDecorations/InputWithDecorations.js

@@ -12,6 +12,8 @@ const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const InputWithDecorationsContext = _react.createContext(void 0);
+if ('development' === process.env.NODE_ENV)
+  InputWithDecorationsContext.displayName = 'InputWithDecorationsContext';
 const InputWithDecorationsComponent = _react.forwardRef((props, ref) => {
   let { children, size, isDisabled, ...rest } = props;
   return _react.createElement(
@@ -34,6 +36,8 @@ const InputWithDecorationsComponent = _react.forwardRef((props, ref) => {
     ),
   );
 });
+if ('development' === process.env.NODE_ENV)
+  InputWithDecorationsComponent.displayName = 'InputWithDecorations';
 const InputWithDecorationsInput = _react.forwardRef((props, ref) => {
   let { id: idProp, size, disabled: localDisabled, ...rest } = props;
   let { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
@@ -48,6 +52,8 @@ const InputWithDecorationsInput = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
+if ('development' === process.env.NODE_ENV)
+  InputWithDecorationsInput.displayName = 'InputWithDecorations.Input';
 const InputWithDecorationsButton = _react.forwardRef((props, ref) => {
   let { children, size, disabled: localDisabled, ...rest } = props;
   let { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
@@ -64,7 +70,11 @@ const InputWithDecorationsButton = _react.forwardRef((props, ref) => {
     children,
   );
 });
+if ('development' === process.env.NODE_ENV)
+  InputWithDecorationsButton.displayName = 'InputWithDecorations.Button';
 const InputWithDecorationsIcon = _index.InputFlexContainerIcon;
+if ('development' === process.env.NODE_ENV)
+  InputWithDecorationsIcon.displayName = 'InputWithDecorations.Icon';
 const InputWithDecorations = Object.assign(InputWithDecorationsComponent, {
   Input: InputWithDecorationsInput,
   Button: InputWithDecorationsButton,

package/cjs/core/Label/Label.js

@@ -43,3 +43,4 @@ const Label = _react.forwardRef((props, forwardedRef) => {
     children,
   );
 });
+if ('development' === process.env.NODE_ENV) Label.displayName = 'Label';

package/cjs/core/LabeledInput/LabeledInput.js

@@ -92,3 +92,5 @@ const LabeledInput = _react.forwardRef((props, ref) => {
       : message,
   );
 });
+if ('development' === process.env.NODE_ENV)
+  LabeledInput.displayName = 'LabeledInput';

package/cjs/core/LabeledSelect/LabeledSelect.js

@@ -56,7 +56,9 @@ const LabeledSelect = _react.forwardRef((props, forwardedRef) => {
       required: props.native ? required : void 0,
       ...rest,
       ref: forwardedRef,
-      styleType: 'default',
+      ...{
+        styleType: 'default',
+      },
     }),
     'string' == typeof message
       ? _react.createElement(
@@ -72,3 +74,5 @@ const LabeledSelect = _react.forwardRef((props, forwardedRef) => {
       : message,
   );
 });
+if ('development' === process.env.NODE_ENV)
+  LabeledSelect.displayName = 'LabeledSelect';

package/cjs/core/LabeledTextarea/LabeledTextarea.js

@@ -19,3 +19,5 @@ const LabeledTextarea = _react.forwardRef((props, forwardedRef) =>
     ...props,
   }),
 );
+if ('development' === process.env.NODE_ENV)
+  LabeledTextarea.displayName = 'LabeledTextarea';

package/cjs/core/LinkAction/LinkAction.js

@@ -26,7 +26,7 @@ const _classnames = /*#__PURE__*/ _interop_require_default._(
 const _polymorphic = require('../../utils/functions/polymorphic.js');
 const _index = require('../../utils/components/index.js');
 const LinkAction = _react.forwardRef((props, forwardedRef) => {
-  let { as: asProp = props.href ? 'a' : 'button' } = props;
+  let { as: asProp = !!props.href ? 'a' : 'button' } = props;
   return _react.createElement(_index.Box, {
     ...props,
     as: asProp,
@@ -34,4 +34,7 @@ const LinkAction = _react.forwardRef((props, forwardedRef) => {
     ref: forwardedRef,
   });
 });
+if ('development' === process.env.NODE_ENV)
+  LinkAction.displayName = 'LinkAction';
 const LinkBox = _polymorphic.polymorphic.div('iui-link-box');
+if ('development' === process.env.NODE_ENV) LinkBox.displayName = 'LinkBox';

package/cjs/core/List/List.js

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

package/cjs/core/List/ListItem.js

@@ -38,10 +38,20 @@ const ListItemComponent = _react.forwardRef((props, ref) => {
     ...rest,
   });
 });
+if ('development' === process.env.NODE_ENV)
+  ListItemComponent.displayName = 'ListItem';
 const ListItemIcon = _index.polymorphic.div('iui-list-item-icon');
+if ('development' === process.env.NODE_ENV)
+  ListItemIcon.displayName = 'ListItem.Icon';
 const ListItemContent = _index.polymorphic.div('iui-list-item-content');
+if ('development' === process.env.NODE_ENV)
+  ListItemContent.displayName = 'ListItem.Content';
 const ListItemDescription = _index.polymorphic.div('iui-list-item-description');
+if ('development' === process.env.NODE_ENV)
+  ListItemDescription.displayName = 'ListItem.Description';
 const ListItemAction = _LinkAction.LinkAction;
+if ('development' === process.env.NODE_ENV)
+  ListItemAction.displayName = 'ListItem.Action';
 const ListItem = Object.assign(ListItemComponent, {
   Icon: ListItemIcon,
   Content: ListItemContent,

package/cjs/core/Menu/Menu.d.ts

@@ -17,7 +17,9 @@ type MenuProps = {
     trigger: React.ReactNode;
     /**
      * You can use this optional prop when the position reference is not the trigger.
-     * (Equivalent to using FloatingUI's `floating.refs.setPositionReference`)
+     *
+     * This can be either a real element, or a [virtual element](https://floating-ui.com/docs/virtual-elements)
+     * containing a `getBoundingClientRect` method.
      */
     positionReference?: Parameters<ReturnType<typeof usePopover>['refs']['setPositionReference']>[0];
     /**

package/cjs/core/Menu/Menu.js

@@ -166,7 +166,9 @@ const Menu = _react.forwardRef((props, ref) => {
             if (null != focusableItemIndex && focusableItemIndex >= 0)
               setActiveIndex(focusableItemIndex);
             if (event.target === event.currentTarget)
-              event.currentTarget.focus();
+              event.currentTarget.focus({
+                focusVisible: false,
+              });
           },
         ),
       }),

package/cjs/core/Menu/MenuDivider.js

@@ -12,3 +12,5 @@ const _index = require('../../utils/index.js');
 const MenuDivider = _index.polymorphic.div('iui-menu-divider', {
   role: 'separator',
 });
+if ('development' === process.env.NODE_ENV)
+  MenuDivider.displayName = 'MenuDivider';

package/cjs/core/Menu/MenuExtraContent.d.ts

@@ -18,4 +18,4 @@
  *   ]}
  * </Menu>
  */
-export declare const MenuExtraContent: import("../../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
+export declare const MenuExtraContent: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/Menu/MenuExtraContent.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, 'MenuExtraContent', {
   },
 });
 const _index = require('../../utils/index.js');
-const MenuExtraContent = _index.polymorphic.li('iui-menu-content', {
-  role: 'presentation',
-});
+const MenuExtraContent = _index.polymorphic.div('iui-menu-content');
+if ('development' === process.env.NODE_ENV)
+  MenuExtraContent.displayName = 'MenuExtraContent';