@itwin/itwinui-react 3.3.4 → 3.4.1

package/esm/core/InformationPanel/InformationPanelBody.js

@@ -7,4 +7,3 @@ import { polymorphic } from '../utils/index.js';
  * Body of the `InformationPanel` containing the main content.
  */
 export const InformationPanelBody = polymorphic.div('iui-information-body');
-export default InformationPanelBody;

package/esm/core/InformationPanel/InformationPanelContent.d.ts

@@ -38,4 +38,4 @@ type InformationPanelContentProps = {
  * </InformationPanelContent>
  */
 export declare const InformationPanelContent: PolymorphicForwardRefComponent<"div", InformationPanelContentProps>;
-export default InformationPanelContent;
+export {};

package/esm/core/InformationPanel/InformationPanelContent.js

@@ -32,4 +32,3 @@ export const InformationPanelContent = React.forwardRef((props, forwardedRef) =>
     const { className, displayStyle = 'default', children, ...rest } = props;
     return (React.createElement(Box, { className: cx('iui-information-body-content', { 'iui-inline': displayStyle === 'inline' }, className), ref: forwardedRef, ...rest }, children));
 });
-export default InformationPanelContent;

package/esm/core/InformationPanel/InformationPanelHeader.d.ts

@@ -40,4 +40,4 @@ type InformationPanelHeaderProps = {
  * </InformationPanelHeader>
  */
 export declare const InformationPanelHeader: PolymorphicForwardRefComponent<"div", InformationPanelHeaderProps>;
-export default InformationPanelHeader;
+export {};

package/esm/core/InformationPanel/InformationPanelHeader.js

@@ -31,4 +31,3 @@ export const InformationPanelHeader = React.forwardRef((props, forwardedRef) =>
             onClose && (React.createElement(IconButton, { styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
                 React.createElement(SvgCloseSmall, { "aria-hidden": true }))))));
 });
-export default InformationPanelHeader;

package/esm/core/InformationPanel/InformationPanelWrapper.d.ts

@@ -8,4 +8,3 @@
  * </InformationPanelWrapper>
  */
 export declare const InformationPanelWrapper: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
-export default InformationPanelWrapper;

package/esm/core/InformationPanel/InformationPanelWrapper.js

@@ -13,4 +13,3 @@ import { polymorphic } from '../utils/index.js';
  * </InformationPanelWrapper>
  */
 export const InformationPanelWrapper = polymorphic.div('iui-information-panel-wrapper');
-export default InformationPanelWrapper;

package/esm/core/Input/Input.d.ts

@@ -21,4 +21,3 @@ export type InputProps = {
  * <Input size='small' />
  */
 export declare const Input: PolymorphicForwardRefComponent<"input", InputProps>;
-export default Input;

package/esm/core/Input/Input.js

@@ -17,4 +17,3 @@ export const Input = React.forwardRef((props, ref) => {
     const refs = useMergedRefs(inputRef, ref);
     return (React.createElement(Box, { as: 'input', className: cx('iui-input', className), "data-iui-size": size, "data-iui-status": status, size: htmlSize, ref: refs, ...rest }));
 });
-export default Input;

package/esm/core/InputGrid/InputGrid.d.ts

@@ -24,4 +24,4 @@ type InputGridOwnProps = {
  * </InputGrid>
  */
 export declare const InputGrid: PolymorphicForwardRefComponent<"div", InputGridOwnProps>;
-export default InputGrid;
+export {};

package/esm/core/InputGrid/InputGrid.js

@@ -192,4 +192,3 @@ const isInput = (child) => {
     );
 };
 //-------------------------------------------------------------------------------
-export default InputGrid;

package/esm/core/InputGroup/InputGroup.d.ts

@@ -66,4 +66,4 @@ type InputGroupProps = {
  * </InputGroup>
  */
 export declare const InputGroup: PolymorphicForwardRefComponent<"div", InputGroupProps>;
-export default InputGroup;
+export {};

package/esm/core/InputGroup/InputGroup.js

@@ -32,4 +32,3 @@ export const InputGroup = React.forwardRef((props, forwardedRef) => {
                 'aria-hidden': true,
             }, startIcon: svgIcon, status: status, ...messageProps }, displayStyle !== 'inline' && message))));
 });
-export default InputGroup;

package/esm/core/Label/Label.d.ts

@@ -26,4 +26,4 @@ type LabelOwnProps = {
  * <Input id='name-input' />
  */
 export declare const Label: PolymorphicForwardRefComponent<"label", LabelOwnProps>;
-export default Label;
+export {};

package/esm/core/Label/Label.js

@@ -19,4 +19,3 @@ export const Label = React.forwardRef((props, forwardedRef) => {
             'iui-required': required,
         }, className), "data-iui-disabled": disabled ? true : undefined, ref: forwardedRef, ...rest }, children));
 });
-export default Label;

package/esm/core/LabeledInput/LabeledInput.d.ts

@@ -58,4 +58,3 @@ export type LabeledInputProps = {
  * <LabeledInput status='negative' label='Negative' />
  */
 export declare const LabeledInput: PolymorphicForwardRefComponent<"input", LabeledInputProps>;
-export default LabeledInput;

package/esm/core/LabeledInput/LabeledInput.js

@@ -29,4 +29,3 @@ export const LabeledInput = React.forwardRef((props, ref) => {
             shouldShowIcon && (React.createElement(Icon, { fill: status, ...iconProps, className: cx('iui-end-icon', iconProps?.className) }, icon))),
         typeof message === 'string' ? (React.createElement(StatusMessage, { status: status, iconProps: iconProps, contentProps: messageContentProps }, message)) : (message)));
 });
-export default LabeledInput;

package/esm/core/LabeledSelect/LabeledSelect.d.ts

@@ -97,4 +97,3 @@ export type LabeledSelectProps<T> = {
 export declare const LabeledSelect: <T>(props: LabeledSelectProps<T> & {
     ref?: React.ForwardedRef<HTMLElement> | undefined;
 }) => JSX.Element;
-export default LabeledSelect;

package/esm/core/LabeledSelect/LabeledSelect.js

@@ -48,4 +48,3 @@ export const LabeledSelect = React.forwardRef((props, forwardedRef) => {
         React.createElement(Select, { disabled: disabled, className: className, style: style, ...rest, ref: forwardedRef }),
         typeof message === 'string' ? (React.createElement(StatusMessage, { status: status, startIcon: svgIcon, iconProps: messageIconProps, contentProps: messageContentProps }, message)) : (message)));
 });
-export default LabeledSelect;

package/esm/core/LabeledTextarea/LabeledTextarea.d.ts

@@ -55,4 +55,4 @@ type LabeledTextareaProps = {
  * />
  */
 export declare const LabeledTextarea: PolymorphicForwardRefComponent<"textarea", LabeledTextareaProps>;
-export default LabeledTextarea;
+export {};

package/esm/core/LabeledTextarea/LabeledTextarea.js

@@ -34,4 +34,3 @@ export const LabeledTextarea = React.forwardRef((props, forwardedRef) => {
     // @ts-ignore
     React.createElement(LabeledInput, { as: 'textarea', rows: 3, ref: forwardedRef, ...props }));
 });
-export default LabeledTextarea;

package/esm/core/LinkAction/LinkAction.d.ts

@@ -1,3 +1,4 @@
+import type { PolymorphicForwardRefComponent } from '../utils/props.js';
 /**
  * Polymorphic link action component.
  * It is rendered as `a` by default.
@@ -8,7 +9,7 @@
  *   </Surface>
  * </LinkBox>
  */
-export declare const LinkAction: import("../utils/props.js").PolymorphicForwardRefComponent<"a", {}>;
+export declare const LinkAction: PolymorphicForwardRefComponent<"a", {}>;
 /**
  * Polymorphic link box component.
  * Used to wrap around your component to use LinkAction.
@@ -20,4 +21,4 @@ export declare const LinkAction: import("../utils/props.js").PolymorphicForwardR
  *   </Surface>
  * </LinkBox>
  */
-export declare const LinkBox: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const LinkBox: PolymorphicForwardRefComponent<"div", {}>;

package/esm/core/LinkAction/LinkAction.js

@@ -2,7 +2,10 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
+import * as React from 'react';
+import cx from 'classnames';
 import { polymorphic } from '../utils/functions/polymorphic.js';
+import { Box } from '../utils/components/index.js';
 /**
  * Polymorphic link action component.
  * It is rendered as `a` by default.
@@ -13,7 +16,10 @@ import { polymorphic } from '../utils/functions/polymorphic.js';
  *   </Surface>
  * </LinkBox>
  */
-export const LinkAction = polymorphic.a('iui-link-action');
+export const LinkAction = React.forwardRef((props, forwardedRef) => {
+    const { as: asProp = (!!props.href ? 'a' : 'button') } = props;
+    return (React.createElement(Box, { ...props, as: asProp, className: cx('iui-link-action', props.className), ref: forwardedRef }));
+});
 LinkAction.displayName = 'LinkAction';
 /**
  * Polymorphic link box component.

package/esm/core/Menu/Menu.d.ts

@@ -18,4 +18,4 @@ type MenuProps = {
  * Basic menu component. Can be used for select or dropdown components.
  */
 export declare const Menu: PolymorphicForwardRefComponent<"div", MenuProps>;
-export default Menu;
+export {};

package/esm/core/Menu/Menu.js

@@ -57,4 +57,3 @@ export const Menu = React.forwardRef((props, ref) => {
     };
     return (React.createElement(Box, { as: 'div', className: cx('iui-menu', className), role: 'menu', ref: refs, ...rest, onKeyDown: mergeEventHandlers(props.onKeyDown, onKeyDown) }));
 });
-export default Menu;

package/esm/core/Menu/MenuDivider.d.ts

@@ -14,4 +14,3 @@
  * </Menu>
  */
 export declare const MenuDivider: import("../utils/props.js").PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
-export default MenuDivider;

package/esm/core/Menu/MenuDivider.js

@@ -21,4 +21,3 @@ import { polymorphic } from '../utils/index.js';
 export const MenuDivider = polymorphic('iui-menu-divider', {
     role: 'separator',
 });
-export default MenuDivider;

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

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

package/esm/core/Menu/MenuExtraContent.js

@@ -26,4 +26,3 @@ import { polymorphic } from '../utils/index.js';
 export const MenuExtraContent = polymorphic.li('iui-menu-content', {
     role: 'presentation',
 });
-export default MenuExtraContent;

package/esm/core/Menu/MenuItem.d.ts

@@ -65,4 +65,3 @@ export type MenuItemProps = {
  * Basic menu item component. Should be used inside `Menu` component for each item.
  */
 export declare const MenuItem: PolymorphicForwardRefComponent<"div", MenuItemProps>;
-export default MenuItem;

package/esm/core/Menu/MenuItem.js

@@ -101,4 +101,3 @@ export const MenuItem = React.forwardRef((props, forwardedRef) => {
                         },
                     }) }, subMenuItems))))));
 });
-export default MenuItem;

package/esm/core/Menu/MenuItemSkeleton.d.ts

@@ -27,4 +27,4 @@ type MenuItemSkeletonProps = {
  * Menu item that uses skeletons to indicate loading state.
  */
 export declare const MenuItemSkeleton: PolymorphicForwardRefComponent<"div", MenuItemSkeletonProps>;
-export default MenuItemSkeleton;
+export {};

package/esm/core/Menu/MenuItemSkeleton.js

@@ -23,4 +23,3 @@ export const MenuItemSkeleton = React.forwardRef((props, forwardedRef) => {
             hasSublabel && (React.createElement(Box, { className: 'iui-menu-description iui-skeleton', "aria-hidden": true })),
             React.createElement(VisuallyHidden, null, translatedStrings.loading))));
 });
-export default MenuItemSkeleton;

package/esm/core/Modal/Modal.d.ts

@@ -42,6 +42,18 @@ type ModalProps = {
      * Content of the modal.
      */
     children: React.ReactNode;
+    /**
+     * Props for customizing the title bar element.
+     */
+    titleBarProps?: React.ComponentPropsWithRef<'div'>;
+    /**
+     * Props for customizing the dialog-wrapper element.
+     */
+    wrapperProps?: React.ComponentPropsWithoutRef<'div'>;
+    /**
+     * Props for customizing the backdrop element.
+     */
+    backdropProps?: React.ComponentPropsWithRef<'div'>;
 } & Pick<DialogMainProps, 'isOpen' | 'styleType'>;
 /**
  * Modal component which can wrap any content.
@@ -65,4 +77,4 @@ type ModalProps = {
  * </Modal>
  */
 export declare const Modal: PolymorphicForwardRefComponent<"div", ModalProps>;
-export default Modal;
+export {};

package/esm/core/Modal/Modal.js

@@ -26,11 +26,10 @@ import { Dialog } from '../Dialog/Dialog.js';
  * </Modal>
  */
 export const Modal = React.forwardRef((props, forwardedRef) => {
-    const { isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = true, onClose, title, children, portal = true, ...rest } = props;
-    return (React.createElement(Dialog, { isOpen: isOpen, closeOnEsc: closeOnEsc, closeOnExternalClick: closeOnExternalClick, isDismissible: isDismissible, onClose: onClose, preventDocumentScroll: true, trapFocus: true, setFocus: true, ref: forwardedRef, portal: portal },
-        React.createElement(Dialog.Backdrop, null),
+    const { isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = true, onClose, title, children, portal = true, wrapperProps, backdropProps, titleBarProps, ...rest } = props;
+    return (React.createElement(Dialog, { isOpen: isOpen, closeOnEsc: closeOnEsc, closeOnExternalClick: closeOnExternalClick, isDismissible: isDismissible, onClose: onClose, preventDocumentScroll: true, trapFocus: true, setFocus: true, ref: forwardedRef, portal: portal, ...wrapperProps },
+        React.createElement(Dialog.Backdrop, { ...backdropProps }),
         React.createElement(Dialog.Main, { "aria-modal": true, ...rest },
-            React.createElement(Dialog.TitleBar, { titleText: title }),
+            React.createElement(Dialog.TitleBar, { titleText: title, ...titleBarProps }),
             children)));
 });
-export default Modal;

package/esm/core/Modal/ModalButtonBar.d.ts

@@ -2,4 +2,3 @@
  * Container for Buttons in modal.
  */
 export declare const ModalButtonBar: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
-export default ModalButtonBar;

package/esm/core/Modal/ModalButtonBar.js

@@ -7,4 +7,3 @@ import { DialogButtonBar } from '../Dialog/DialogButtonBar.js';
  * Container for Buttons in modal.
  */
 export const ModalButtonBar = Object.assign({}, DialogButtonBar);
-export default ModalButtonBar;

package/esm/core/Modal/ModalContent.d.ts

@@ -2,4 +2,3 @@
  * Container for content in `Modal`.
  */
 export declare const ModalContent: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
-export default ModalContent;

package/esm/core/Modal/ModalContent.js

@@ -7,4 +7,3 @@ import { DialogContent } from '../Dialog/DialogContent.js';
  * Container for content in `Modal`.
  */
 export const ModalContent = Object.assign({}, DialogContent);
-export default ModalContent;

package/esm/core/NonIdealState/ErrorPage.d.ts

@@ -58,4 +58,4 @@ type ErrorPageProps = {
  * <ErrorPage errorType='401' />
  */
 export declare const ErrorPage: PolymorphicForwardRefComponent<"div", ErrorPageProps>;
-export default ErrorPage;
+export {};

package/esm/core/NonIdealState/ErrorPage.js

@@ -143,4 +143,3 @@ export const ErrorPage = React.forwardRef((props, forwardedRef) => {
     }
     return (React.createElement(NonIdealState, { svg: React.createElement(React.Suspense, { fallback: React.createElement(ProgressRadial, null) }, getErrorIcon()), heading: getHeadingMessage(), description: errorMessage, actions: getActions(), ref: forwardedRef, ...rest }));
 });
-export default ErrorPage;

package/esm/core/NonIdealState/NonIdealState.d.ts

@@ -59,4 +59,4 @@ type NonIdealStateProps = {
  * <NonIdealState svg={<Svg404 />} heading='Not found' />
  */
 export declare const NonIdealState: PolymorphicForwardRefComponent<"div", NonIdealStateProps>;
-export default NonIdealState;
+export {};

package/esm/core/NonIdealState/NonIdealState.js

@@ -20,4 +20,3 @@ export const NonIdealState = React.forwardRef((props, forwardedRef) => {
         description && (React.createElement(Box, { as: 'div', ...descriptionProps, className: cx('iui-non-ideal-state-description', descriptionProps?.className) }, description)),
         actions && (React.createElement(Box, { as: 'div', ...actionsProps, className: cx('iui-non-ideal-state-actions', actionsProps?.className) }, actions))));
 });
-export default NonIdealState;

package/esm/core/NotificationMarker/NotificationMarker.d.ts

@@ -48,4 +48,4 @@ type NotificationMarkerProps = {
  * <NotificationMarker status='positive' pulsing={true}>Live</NotificationMarker>
  */
 export declare const NotificationMarker: PolymorphicForwardRefComponent<"span", NotificationMarkerProps>;
-export default NotificationMarker;
+export {};

package/esm/core/NotificationMarker/NotificationMarker.js

@@ -21,4 +21,3 @@ export const NotificationMarker = React.forwardRef((props, ref) => {
     const { className, children, status = 'primary', pulsing = false, enabled = true, ...rest } = props;
     return (React.createElement(Box, { as: 'span', ref: ref, className: cx({ 'iui-notification-marker': enabled }, className), "data-iui-variant": enabled ? status : null, "data-iui-urgent": enabled ? pulsing : null, ...rest }, children));
 });
-export default NotificationMarker;

package/esm/core/Popover/Popover.d.ts

@@ -146,4 +146,4 @@ type PopoverPublicProps = {
  * </Popover>
  */
 export declare const Popover: PolymorphicForwardRefComponent<"div", PopoverPublicProps>;
-export default Popover;
+export {};

package/esm/core/Popover/Popover.js

@@ -5,7 +5,7 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useFloating, useClick, useDismiss, useInteractions, size, autoUpdate, offset, flip, shift, autoPlacement, inline, hide, FloatingFocusManager, useHover, useFocus, safePolygon, useRole, FloatingPortal, } from '@floating-ui/react';
-import { Box, cloneElementWithRef, useControlledState, useId, useIsomorphicLayoutEffect, useMergedRefs, } from '../utils/index.js';
+import { Box, cloneElementWithRef, useControlledState, useId, useLayoutEffect, useMergedRefs, } from '../utils/index.js';
 import { Portal } from '../utils/components/Portal.js';
 import { ThemeProvider } from '../ThemeProvider/ThemeProvider.js';
 // ----------------------------------------------------------------------------
@@ -101,7 +101,7 @@ export const Popover = React.forwardRef((props, forwardedRef) => {
     const popoverRef = useMergedRefs(popover.refs.setFloating, forwardedRef, setPopoverElement);
     const triggerId = `${useId()}-trigger`;
     const hasAriaLabel = !!props['aria-labelledby'] || !!props['aria-label'];
-    useIsomorphicLayoutEffect(() => {
+    useLayoutEffect(() => {
         if (!positionReference) {
             return;
         }
@@ -122,4 +122,3 @@ export const Popover = React.forwardRef((props, forwardedRef) => {
                                 ? popover.refs.domReference.current?.id
                                 : undefined, ...popover.getFloatingProps(rest), ref: popoverRef }, content)))))) : null));
 });
-export default Popover;

package/esm/core/ProgressIndicators/ProgressLinear.d.ts

@@ -23,7 +23,7 @@ type ProgressLinearProps = {
     /**
      * Status of progress.
      */
-    status?: 'positive' | 'negative';
+    status?: 'positive' | 'negative' | 'warning';
     /**
      * Pass props to ProgressLinear label group.
      */
@@ -32,17 +32,25 @@ type ProgressLinearProps = {
 /**
  * Shows progress on a linear bar
  * @example
- * Determinate
+ * // Determinate
  * <ProgressLinear value={25}/>
- * Indeterminate
+ * // Indeterminate
  * <ProgressLinear indeterminate={true}/>
- * Labeled - Center
+ * // Labeled - Center
  * <ProgressLinear value={50} labels={['Centered Label']} />
- * Labeled - Left & Right
+ * // Labeled - Left & Right
  * <ProgressLinear value={50} labels={['Loading...', '50%']} />
- * Positive / Negative.
- * <ProgressLinear status='positive' labels={['Upload done!', <SvgStatusSuccessHollow />]} />
+ * // Status
+ * <ProgressLinear
+ *   status='positive'
+ *   labels={[
+ *    'Upload done!',
+ *    <Icon key='icon'>
+ *      <SvgStatusSuccess />{' '}
+ *    </Icon>
+ *   ]}
+ * />
  * <ProgressLinear status='negative' />
  */
 export declare const ProgressLinear: PolymorphicForwardRefComponent<"div", ProgressLinearProps>;
-export default ProgressLinear;
+export {};

package/esm/core/ProgressIndicators/ProgressLinear.js

@@ -8,16 +8,24 @@ import { Box, getBoundedValue } from '../utils/index.js';
 /**
  * Shows progress on a linear bar
  * @example
- * Determinate
+ * // Determinate
  * <ProgressLinear value={25}/>
- * Indeterminate
+ * // Indeterminate
  * <ProgressLinear indeterminate={true}/>
- * Labeled - Center
+ * // Labeled - Center
  * <ProgressLinear value={50} labels={['Centered Label']} />
- * Labeled - Left & Right
+ * // Labeled - Left & Right
  * <ProgressLinear value={50} labels={['Loading...', '50%']} />
- * Positive / Negative.
- * <ProgressLinear status='positive' labels={['Upload done!', <SvgStatusSuccessHollow />]} />
+ * // Status
+ * <ProgressLinear
+ *   status='positive'
+ *   labels={[
+ *    'Upload done!',
+ *    <Icon key='icon'>
+ *      <SvgStatusSuccess />{' '}
+ *    </Icon>
+ *   ]}
+ * />
  * <ProgressLinear status='negative' />
  */
 export const ProgressLinear = React.forwardRef((props, forwardedRef) => {
@@ -27,4 +35,3 @@ export const ProgressLinear = React.forwardRef((props, forwardedRef) => {
             '--iui-progress-percentage': `${boundedValue}%`,
         }, ...rest }, labels.length > 0 && (React.createElement(Box, { as: 'div', ...labelGroupProps, className: cx('iui-progress-indicator-linear-label', labelGroupProps?.className) }, labels.map((label, index) => (React.createElement("span", { key: index }, label)))))));
 });
-export default ProgressLinear;

package/esm/core/ProgressIndicators/ProgressRadial.d.ts

@@ -14,7 +14,7 @@ type ProgressRadialProps = {
     /**
      * Status of Progress. Positive status always has 100% value.
      */
-    status?: 'positive' | 'negative';
+    status?: 'positive' | 'negative' | 'warning';
     /**
      * Size of the progress indicator. Defaults to medium size.
      * @default ''
@@ -32,13 +32,14 @@ type ProgressRadialProps = {
  * <ProgressRadial value={50} />
  * Indeterminate
  * <ProgressRadial indeterminate />
- * Positive / Negative
+ * // Positive / Negative / Warning
  * <ProgressRadial status='positive' />
  * <ProgressRadial status='negative' />
+ * <ProgressRadial status='warning' />
  * Centered Content
  * <ProgressRadial value={63}>63</ProgressRadial>
  * Small
  * <ProgressRadial size={'small'} indeterminate/>
  */
 export declare const ProgressRadial: PolymorphicForwardRefComponent<"div", ProgressRadialProps>;
-export default ProgressRadial;
+export {};

package/esm/core/ProgressIndicators/ProgressRadial.js

@@ -12,9 +12,10 @@ import { SvgCheckmarkSmall, SvgImportantSmall, Box, getBoundedValue, } from '../
  * <ProgressRadial value={50} />
  * Indeterminate
  * <ProgressRadial indeterminate />
- * Positive / Negative
+ * // Positive / Negative / Warning
  * <ProgressRadial status='positive' />
  * <ProgressRadial status='negative' />
+ * <ProgressRadial status='warning' />
  * Centered Content
  * <ProgressRadial value={63}>63</ProgressRadial>
  * Small
@@ -25,6 +26,7 @@ export const ProgressRadial = React.forwardRef((props, forwardedRef) => {
     const statusMap = {
         negative: React.createElement(SvgImportantSmall, { "aria-hidden": true }),
         positive: React.createElement(SvgCheckmarkSmall, { "aria-hidden": true }),
+        warning: React.createElement(SvgImportantSmall, { "aria-hidden": true }),
     };
     return (React.createElement(Box, { className: cx('iui-progress-indicator-radial', className), "data-iui-size": size, "data-iui-status": status, "data-iui-indeterminate": indeterminate ? 'true' : undefined, ref: forwardedRef, style: {
             ...(value !== undefined && {
@@ -35,4 +37,3 @@ export const ProgressRadial = React.forwardRef((props, forwardedRef) => {
         ? children ?? (!!status ? statusMap[status] : null)
         : null));
 });
-export default ProgressRadial;

package/esm/core/Radio/Radio.d.ts

@@ -29,4 +29,4 @@ type RadioProps = {
  * <Radio status='negative' label='Negative' />
  */
 export declare const Radio: PolymorphicForwardRefComponent<"input", RadioProps>;
-export default Radio;
+export {};

package/esm/core/Radio/Radio.js

@@ -24,4 +24,3 @@ export const Radio = React.forwardRef((props, ref) => {
         radio,
         label && (React.createElement(Box, { as: 'span', ...labelProps, className: cx('iui-radio-label', labelProps?.className) }, label))));
 });
-export default Radio;

package/esm/core/RadioTiles/RadioTile.d.ts

@@ -36,4 +36,4 @@ type RadioTileProps = {
  * <RadioTile label='My tile' description='Some info' icon={<SvgSmileyHappy />} />
  */
 export declare const RadioTile: PolymorphicForwardRefComponent<"input", RadioTileProps>;
-export default RadioTile;
+export {};

package/esm/core/RadioTiles/RadioTile.js

@@ -20,4 +20,3 @@ export const RadioTile = React.forwardRef((props, ref) => {
         label && (React.createElement(Box, { as: 'div', ...labelProps, className: cx('iui-radio-tile-label', labelProps?.className) }, label)),
         description && (React.createElement(Box, { as: 'div', ...subLabelProps, className: cx('iui-radio-tile-sublabel', subLabelProps?.className) }, description))));
 });
-export default RadioTile;

package/esm/core/RadioTiles/RadioTileGroup.d.ts

@@ -11,4 +11,4 @@ type RadioTileGroupProps = Omit<React.ComponentProps<typeof InputGroup>, 'displa
  * </RadioTileGroup>
  */
 export declare const RadioTileGroup: PolymorphicForwardRefComponent<"div", RadioTileGroupProps>;
-export default RadioTileGroup;
+export {};

package/esm/core/RadioTiles/RadioTileGroup.js

@@ -18,4 +18,3 @@ export const RadioTileGroup = React.forwardRef((props, forwardedRef) => {
     return (React.createElement(InputGroup, { label: label, ref: forwardedRef, ...rest },
         React.createElement(Box, { className: 'iui-radio-tile-container' }, children)));
 });
-export default RadioTileGroup;

package/esm/core/SearchBox/SearchBox.d.ts

@@ -89,4 +89,4 @@ export declare const SearchBox: PolymorphicForwardRefComponent<"div", SearchBoxO
         displayName: string;
     };
 };
-export default SearchBox;
+export {};

package/esm/core/SearchBox/SearchBox.js

@@ -155,4 +155,3 @@ export const SearchBox = Object.assign(SearchBoxComponent, {
     CollapsedState: SearchBoxCollapsedState,
 });
 SearchBox.displayName = 'SearchBox';
-export default SearchBox;

package/esm/core/Select/Select.d.ts

@@ -171,4 +171,3 @@ export type SelectProps<T> = {
 export declare const Select: <T>(props: SelectProps<T> & {
     ref?: React.ForwardedRef<HTMLElement> | undefined;
 }) => JSX.Element;
-export default Select;

package/esm/core/Select/Select.js

@@ -208,4 +208,3 @@ const MultipleSelectButton = ({ selectedItems, selectedItemsRenderer, tagRendere
         selectedItems && !selectedItemsRenderer && (React.createElement(Box, { as: 'span', className: 'iui-content' },
             React.createElement(SelectTagContainer, { tags: selectedItemsElements })))));
 };
-export default Select;

package/esm/core/Select/SelectTag.d.ts

@@ -10,4 +10,4 @@ type SelectTagProps = {
  * @private
  */
 export declare const SelectTag: PolymorphicForwardRefComponent<"span", SelectTagProps>;
-export default SelectTag;
+export {};

package/esm/core/Select/SelectTag.js

@@ -14,4 +14,3 @@ export const SelectTag = React.forwardRef((props, forwardedRef) => {
     return (React.createElement(Box, { as: 'span', className: cx('iui-select-tag', className), ref: forwardedRef, ...rest },
         React.createElement(Box, { as: 'span', className: 'iui-select-tag-label' }, label)));
 });
-export default SelectTag;

package/esm/core/Select/SelectTagContainer.d.ts

@@ -9,4 +9,4 @@ type SelectTagContainerProps = {
 /**
  */
 export declare const SelectTagContainer: PolymorphicForwardRefComponent<"div", SelectTagContainerProps>;
-export default SelectTagContainer;
+export {};

package/esm/core/Select/SelectTagContainer.js

@@ -17,4 +17,3 @@ export const SelectTagContainer = React.forwardRef((props, ref) => {
             visibleCount < tags.length ? tags.slice(0, visibleCount - 1) : tags,
             visibleCount < tags.length && (React.createElement(SelectTag, { label: `+${tags.length - visibleCount + 1} item(s)` })))));
 });
-export default SelectTagContainer;