@itwin/itwinui-react 3.4.0 → 3.4.1

package/cjs/core/utils/components/MiddleTextTruncation.d.ts

@@ -32,4 +32,3 @@ export type MiddleTextTruncationProps = {
  * />
  */
 export declare const MiddleTextTruncation: (props: MiddleTextTruncationProps) => React.JSX.Element;
-export default MiddleTextTruncation;

package/cjs/core/utils/components/MiddleTextTruncation.js

@@ -67,4 +67,3 @@ const MiddleTextTruncation = (props) => {
         }, ref: ref, ...rest }, textRenderer?.(truncatedText, text) ?? truncatedText));
 };
 exports.MiddleTextTruncation = MiddleTextTruncation;
-exports.default = exports.MiddleTextTruncation;

package/cjs/core/utils/components/Resizer.d.ts

@@ -23,6 +23,8 @@ export type ResizerProps = {
 /**
  * Component that allows to resize parent element.
  * Parent must have `position: relative`.
+ *
+ * Ideally should be used within a shadow root.
  * @private
  * @example
  * const ref = React.useRef<HTMLDivElement>(null);
@@ -33,4 +35,3 @@ export type ResizerProps = {
  * );
  */
 export declare const Resizer: (props: ResizerProps) => React.JSX.Element;
-export default Resizer;

package/cjs/core/utils/components/Resizer.js

@@ -33,6 +33,8 @@ const index_js_1 = require("../functions/index.js");
 /**
  * Component that allows to resize parent element.
  * Parent must have `position: relative`.
+ *
+ * Ideally should be used within a shadow root.
  * @private
  * @example
  * const ref = React.useRef<HTMLDivElement>(null);
@@ -43,6 +45,17 @@ const index_js_1 = require("../functions/index.js");
  * );
  */
 const Resizer = (props) => {
+    return (React.createElement("div", { style: {
+            position: 'absolute',
+            inset: -6,
+            display: 'grid',
+            pointerEvents: 'none',
+        } },
+        React.createElement(ResizerStyles, null),
+        React.createElement(Resizers, { ...props })));
+};
+exports.Resizer = Resizer;
+const Resizers = (props) => {
     const { elementRef, containerRef, onResizeStart, onResizeEnd } = props;
     const isResizing = React.useRef(false);
     const onResizePointerDown = (event) => {
@@ -173,70 +186,46 @@ const Resizer = (props) => {
         }, { once: true });
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { "data-iui-resizer": 'top-left', onPointerDown: onResizePointerDown, style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: 12,
-                height: 12,
-                cursor: 'nw-resize',
-            } }),
-        React.createElement("div", { "data-iui-resizer": 'top', onPointerDown: onResizePointerDown, style: {
-                position: 'absolute',
-                top: 0,
-                left: 8,
-                right: 8,
-                height: 8,
-                cursor: 'n-resize',
-            } }),
-        React.createElement("div", { "data-iui-resizer": 'top-right', onPointerDown: onResizePointerDown, style: {
-                position: 'absolute',
-                top: 0,
-                right: 0,
-                width: 12,
-                height: 12,
-                cursor: 'ne-resize',
-            } }),
-        React.createElement("div", { "data-iui-resizer": 'right', onPointerDown: onResizePointerDown, style: {
-                position: 'absolute',
-                top: 8,
-                right: 0,
-                bottom: 8,
-                width: 8,
-                cursor: 'e-resize',
-            } }),
-        React.createElement("div", { "data-iui-resizer": 'bottom-right', onPointerDown: onResizePointerDown, style: {
-                position: 'absolute',
-                bottom: 0,
-                right: 0,
-                width: 12,
-                height: 12,
-                cursor: 'se-resize',
-            } }),
-        React.createElement("div", { "data-iui-resizer": 'bottom', onPointerDown: onResizePointerDown, style: {
-                position: 'absolute',
-                bottom: 0,
-                left: 8,
-                right: 8,
-                height: 8,
-                cursor: 's-resize',
-            } }),
-        React.createElement("div", { "data-iui-resizer": 'bottom-left', onPointerDown: onResizePointerDown, style: {
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: 12,
-                height: 12,
-                cursor: 'sw-resize',
-            } }),
-        React.createElement("div", { "data-iui-resizer": 'left', onPointerDown: onResizePointerDown, style: {
-                position: 'absolute',
-                top: 8,
-                left: 0,
-                bottom: 8,
-                width: 8,
-                cursor: 'w-resize',
-            } })));
+        React.createElement("div", { "data-iui-resizer": 'top-left', onPointerDown: onResizePointerDown, style: { cursor: 'nw-resize' } }),
+        React.createElement("div", { "data-iui-resizer": 'top', onPointerDown: onResizePointerDown, style: { cursor: 'n-resize' } }),
+        React.createElement("div", { "data-iui-resizer": 'top-right', onPointerDown: onResizePointerDown, style: { cursor: 'ne-resize' } }),
+        React.createElement("div", { "data-iui-resizer": 'right', onPointerDown: onResizePointerDown, style: { cursor: 'e-resize' } }),
+        React.createElement("div", { "data-iui-resizer": 'bottom-right', onPointerDown: onResizePointerDown, style: { cursor: 'se-resize' } }),
+        React.createElement("div", { "data-iui-resizer": 'bottom', onPointerDown: onResizePointerDown, style: { cursor: 's-resize' } }),
+        React.createElement("div", { "data-iui-resizer": 'bottom-left', onPointerDown: onResizePointerDown, style: { cursor: 'sw-resize' } }),
+        React.createElement("div", { "data-iui-resizer": 'left', onPointerDown: onResizePointerDown, style: { cursor: 'w-resize' } })));
 };
-exports.Resizer = Resizer;
-exports.default = exports.Resizer;
+// ----------------------------------------------------------------------------
+const ResizerStyles = React.memo(() => React.createElement("style", null, resizerStyles));
+const resizerStyles = /* css */ `
+[data-iui-resizer] {
+  pointer-events: auto;
+  grid-area: 1 / 1 / -1 / -1;
+  width: 12px;
+  height: 12px;
+  z-index: 1;
+}
+[data-iui-resizer='top'],
+[data-iui-resizer='bottom'] {
+  height: 8px;
+  width: auto;
+  z-index: 0;
+}
+[data-iui-resizer='left'],
+[data-iui-resizer='right'] {
+  height: auto;
+  width: 8px;
+  z-index: 0;
+}
+[data-iui-resizer^='top'] {
+  align-self: start;
+}
+[data-iui-resizer^='bottom'] {
+  align-self: end;
+}
+[data-iui-resizer$='left'] {
+  justify-self: start;
+}
+[data-iui-resizer$='right'] {
+  justify-self: end;
+}`;

package/cjs/core/utils/components/ShadowRoot.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/**
+ * Wrapper around `<template>` element that attaches shadow root to its parent
+ * and moves its children into the shadow root.
+ *
+ * @private
+ */
+export declare const ShadowRoot: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element | null;

package/cjs/core/utils/components/ShadowRoot.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShadowRoot = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+const ReactDOM = __importStar(require("react-dom"));
+const isBrowser = typeof document !== 'undefined';
+const supportsDSD = isBrowser && 'shadowRootMode' in HTMLTemplateElement.prototype;
+/**
+ * Wrapper around `<template>` element that attaches shadow root to its parent
+ * and moves its children into the shadow root.
+ *
+ * @private
+ */
+const ShadowRoot = ({ children }) => {
+    const [shadowRoot, setShadowRoot] = React.useState();
+    const isFirstRender = useIsFirstRender();
+    const attachShadowRef = React.useCallback((template) => {
+        const parent = template?.parentElement;
+        if (!template || !parent) {
+            return;
+        }
+        queueMicrotask(() => ReactDOM.flushSync(() => setShadowRoot(parent.shadowRoot || parent.attachShadow({ mode: 'open' }))));
+    }, []);
+    if (!isBrowser) {
+        return React.createElement("template", { shadowrootmode: 'open' }, children);
+    }
+    // In browsers that support DSD, the template will be automatically removed as soon as it's parsed.
+    // To pass hydration, the first client render needs to emulate this browser behavior and return null.
+    if (supportsDSD && isFirstRender) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null, shadowRoot ? (ReactDOM.createPortal(children, shadowRoot)) : (React.createElement("template", { ref: attachShadowRef }))));
+};
+exports.ShadowRoot = ShadowRoot;
+// ----------------------------------------------------------------------------
+function useIsFirstRender() {
+    const [isFirstRender, setIsFirstRender] = React.useState(true);
+    React.useEffect(() => setIsFirstRender(false), []);
+    return isFirstRender;
+}

package/cjs/core/utils/components/VirtualScroll.d.ts

@@ -73,4 +73,3 @@ export declare const useVirtualization: (props: VirtualScrollProps) => {
     };
     visibleChildren: JSX.Element[];
 };
-export default VirtualScroll;

package/cjs/core/utils/components/VirtualScroll.js

@@ -310,4 +310,3 @@ const useVirtualization = (props) => {
     };
 };
 exports.useVirtualization = useVirtualization;
-exports.default = exports.VirtualScroll;

package/cjs/core/utils/components/WithCSSTransition.d.ts

@@ -4,4 +4,3 @@ export declare const WithCSSTransition: (props: Partial<React.ComponentPropsWith
     children: JSX.Element;
     dimension?: 'height' | 'width';
 }) => React.JSX.Element;
-export default WithCSSTransition;

package/cjs/core/utils/components/WithCSSTransition.js

@@ -65,4 +65,3 @@ const WithCSSTransition = (props) => {
     })) : (React.createElement(React.Fragment, null))));
 };
 exports.WithCSSTransition = WithCSSTransition;
-exports.default = exports.WithCSSTransition;

package/cjs/core/utils/components/index.d.ts

@@ -10,3 +10,4 @@ export * from './AutoclearingHiddenLiveRegion.js';
 export * from './Box.js';
 export * from './ButtonBase.js';
 export * from './Portal.js';
+export * from './ShadowRoot.js';

package/cjs/core/utils/components/index.js

@@ -30,3 +30,4 @@ __exportStar(require("./AutoclearingHiddenLiveRegion.js"), exports);
 __exportStar(require("./Box.js"), exports);
 __exportStar(require("./ButtonBase.js"), exports);
 __exportStar(require("./Portal.js"), exports);
+__exportStar(require("./ShadowRoot.js"), exports);

package/cjs/core/utils/hooks/useContainerWidth.d.ts

@@ -14,4 +14,3 @@
  * return <div ref={ref}>...</div>;
  */
 export declare const useContainerWidth: <T extends HTMLElement>(watchResizes?: boolean) => readonly [(instance: HTMLElement | null | undefined) => void, number];
-export default useContainerWidth;

package/cjs/core/utils/hooks/useContainerWidth.js

@@ -63,4 +63,3 @@ const useContainerWidth = (watchResizes = true) => {
     return [refs, contentWidth];
 };
 exports.useContainerWidth = useContainerWidth;
-exports.default = exports.useContainerWidth;

package/cjs/core/utils/hooks/useDragAndDrop.d.ts

@@ -11,4 +11,3 @@ export declare const useDragAndDrop: (elementRef: React.RefObject<HTMLElement>,
     onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
     transform: string;
 };
-export default useDragAndDrop;

package/cjs/core/utils/hooks/useDragAndDrop.js

@@ -125,4 +125,3 @@ const useDragAndDrop = (elementRef, containerRef, enabled = true) => {
     return { onPointerDown, transform };
 };
 exports.useDragAndDrop = useDragAndDrop;
-exports.default = exports.useDragAndDrop;

package/cjs/core/utils/hooks/useMediaQuery.d.ts

@@ -1,2 +1 @@
 export declare const useMediaQuery: (queryString: string) => boolean;
-export default useMediaQuery;

package/cjs/core/utils/hooks/useMediaQuery.js

@@ -59,4 +59,3 @@ const useMediaQuery = (queryString) => {
     return !!matches;
 };
 exports.useMediaQuery = useMediaQuery;
-exports.default = exports.useMediaQuery;

package/esm/core/Alert/Alert.d.ts

@@ -74,4 +74,4 @@ export declare const Alert: PolymorphicForwardRefComponent<"div", AlertOwnProps
      */
     CloseButton: PolymorphicForwardRefComponent<"button", {}>;
 };
-export default Alert;
+export {};

package/esm/core/Alert/Alert.js

@@ -101,4 +101,3 @@ export const Alert = Object.assign(AlertComponent, {
      */
     CloseButton: AlertCloseButton,
 });
-export default Alert;

package/esm/core/Avatar/Avatar.d.ts

@@ -52,4 +52,4 @@ export declare const defaultStatusTitles: StatusTitles;
  * <Avatar size='x-large' title='Terry Rivers' abbreviation='TR' backgroundColor='green' image={<img src="https://cdn.example.com/user/profile/pic.png" />}/>
  */
 export declare const Avatar: PolymorphicForwardRefComponent<"span", AvatarProps>;
-export default Avatar;
+export {};

package/esm/core/Avatar/Avatar.js

@@ -44,4 +44,3 @@ export const Avatar = React.forwardRef((props, ref) => {
         image,
         status ? React.createElement(VisuallyHidden, null, statusTitles[status]) : null));
 });
-export default Avatar;

package/esm/core/AvatarGroup/AvatarGroup.d.ts

@@ -58,4 +58,4 @@ type AvatarGroupProps = {
  * </AvatarGroup>
  */
 export declare const AvatarGroup: PolymorphicForwardRefComponent<"div", AvatarGroupProps>;
-export default AvatarGroup;
+export {};

package/esm/core/AvatarGroup/AvatarGroup.js

@@ -54,4 +54,3 @@ export const AvatarGroup = React.forwardRef((props, ref) => {
                 ? `${childrenLength - maxIcons}`
                 : `${maxLength}+`)))));
 });
-export default AvatarGroup;

package/esm/core/Badge/Badge.d.ts

@@ -23,4 +23,4 @@ type BadgeProps = {
  * <Badge backgroundColor="positive">Label</Badge>
  */
 export declare const Badge: PolymorphicForwardRefComponent<"span", BadgeProps>;
-export default Badge;
+export {};

package/esm/core/Badge/Badge.js

@@ -41,4 +41,3 @@ export const Badge = React.forwardRef((props, forwardedRef) => {
         : { ...style };
     return (React.createElement(Box, { as: 'span', className: cx('iui-badge', className), style: _style, "data-iui-status": statusValue, ref: forwardedRef, ...rest }, children));
 });
-export default Badge;

package/esm/core/Breadcrumbs/Breadcrumbs.d.ts

@@ -89,4 +89,4 @@ export declare const Breadcrumbs: PolymorphicForwardRefComponent<"nav", Breadcru
      */
     Item: PolymorphicForwardRefComponent<"a", {}>;
 };
-export default Breadcrumbs;
+export {};

package/esm/core/Breadcrumbs/Breadcrumbs.js

@@ -95,4 +95,3 @@ export const Breadcrumbs = Object.assign(BreadcrumbsComponent, {
      */
     Item: BreadcrumbsItem,
 });
-export default Breadcrumbs;

package/esm/core/ButtonGroup/ButtonGroup.d.ts

@@ -57,4 +57,4 @@ type ButtonGroupProps = {
  * </ButtonGroup>
  */
 export declare const ButtonGroup: PolymorphicForwardRefComponent<"div", ButtonGroupProps>;
-export default ButtonGroup;
+export {};

package/esm/core/ButtonGroup/ButtonGroup.js

@@ -66,4 +66,3 @@ export const ButtonGroup = React.forwardRef((props, ref) => {
                         overflowButton(overflowStart)));
             })()))));
 });
-export default ButtonGroup;

package/esm/core/Buttons/Button.d.ts

@@ -43,4 +43,3 @@ export type ButtonProps = {
  * <Button startIcon={<SvgAdd />}>New</Button>
  */
 export declare const Button: PolymorphicForwardRefComponent<"button", ButtonProps>;
-export default Button;

package/esm/core/Buttons/Button.js

@@ -21,4 +21,3 @@ export const Button = React.forwardRef((props, ref) => {
         children && React.createElement("span", { ...labelProps }, children),
         endIcon && (React.createElement(Box, { as: 'span', "aria-hidden": true, ...endIconProps, className: cx('iui-button-icon', endIconProps?.className) }, endIcon))));
 });
-export default Button;

package/esm/core/Buttons/DropdownButton.d.ts

@@ -29,4 +29,3 @@ export type DropdownButtonProps = {
  * <DropdownButton menuItems={menuItems}>Default</DropdownButton>
  */
 export declare const DropdownButton: PolymorphicForwardRefComponent<"button", DropdownButtonProps>;
-export default DropdownButton;

package/esm/core/Buttons/DropdownButton.js

@@ -25,4 +25,3 @@ export const DropdownButton = React.forwardRef((props, forwardedRef) => {
         } },
         React.createElement(Button, { className: cx('iui-button-dropdown', className), size: size, styleType: styleType, endIcon: isMenuOpen ? (React.createElement(SvgCaretUpSmall, { "aria-hidden": true })) : (React.createElement(SvgCaretDownSmall, { "aria-hidden": true })), ref: forwardedRef, ...rest }, children)));
 });
-export default DropdownButton;

package/esm/core/Buttons/IconButton.d.ts

@@ -30,4 +30,3 @@ export type IconButtonProps = {
  * <IconButton label='Add' styleType='borderless'><SvgAdd /></IconButton>
  */
 export declare const IconButton: PolymorphicForwardRefComponent<"button", IconButtonProps>;
-export default IconButton;

package/esm/core/Buttons/IconButton.js

@@ -23,4 +23,3 @@ export const IconButton = React.forwardRef((props, ref) => {
         label ? React.createElement(VisuallyHidden, null, label) : null));
     return label ? (React.createElement(Tooltip, { placement: buttonGroupOrientation === 'vertical' ? 'right' : 'top', ...labelProps, content: label, ariaStrategy: 'none' }, button)) : (button);
 });
-export default IconButton;

package/esm/core/Buttons/IdeasButton.d.ts

@@ -16,4 +16,4 @@ type IdeasButtonProps = {
  * <IdeasButton />
  */
 export declare const IdeasButton: PolymorphicForwardRefComponent<"button", IdeasButtonProps>;
-export default IdeasButton;
+export {};

package/esm/core/Buttons/IdeasButton.js

@@ -14,4 +14,3 @@ export const IdeasButton = React.forwardRef((props, ref) => {
     const { feedbackLabel = 'Feedback', onClick, ...rest } = props;
     return (React.createElement(Button, { ref: ref, "data-iui-variant": 'idea', onClick: onClick, startIcon: React.createElement(SvgSmileyHappy, { "aria-hidden": true }), ...rest }, feedbackLabel));
 });
-export default IdeasButton;

package/esm/core/Buttons/SplitButton.d.ts

@@ -43,4 +43,3 @@ export type SplitButtonProps = ButtonProps & {
  * <SplitButton onClick={onClick} menuItems={menuItems} styleType='high-visibility'>High visibility</SplitButton>
  */
 export declare const SplitButton: PolymorphicForwardRefComponent<"button", SplitButtonProps>;
-export default SplitButton;

package/esm/core/Buttons/SplitButton.js

@@ -58,4 +58,3 @@ export const SplitButton = React.forwardRef((props, forwardedRef) => {
                     },
                 }), ref: popover.refs.setFloating }, menuContent)))));
 });
-export default SplitButton;

package/esm/core/Carousel/Carousel.d.ts

@@ -217,4 +217,4 @@ export declare const Carousel: PolymorphicForwardRefComponent<"section", Carouse
         isSmaller?: boolean | undefined;
     }>;
 };
-export default Carousel;
+export {};

package/esm/core/Carousel/Carousel.js

@@ -75,4 +75,3 @@ export const Carousel = Object.assign(CarouselComponent, {
     DotsList: CarouselDotsList,
     Dot: CarouselDot,
 });
-export default Carousel;

package/esm/core/Checkbox/Checkbox.d.ts

@@ -46,4 +46,4 @@ type CheckboxProps = {
  * <Checkbox label='Visibility Checkbox' variant='eyeball' />
  */
 export declare const Checkbox: PolymorphicForwardRefComponent<"input", CheckboxProps>;
-export default Checkbox;
+export {};

package/esm/core/Checkbox/Checkbox.js

@@ -46,4 +46,3 @@ export const Checkbox = React.forwardRef((props, ref) => {
         checkbox,
         label && (React.createElement(Box, { as: 'span', className: cx('iui-checkbox-label', labelClassName), ...restLabelProps }, label))));
 });
-export default Checkbox;

package/esm/core/ColorPicker/ColorInputPanel.d.ts

@@ -23,4 +23,4 @@ type ColorInputPanelProps = {
  * </ColorPicker>
  */
 export declare const ColorInputPanel: PolymorphicForwardRefComponent<"div", ColorInputPanelProps>;
-export default ColorInputPanel;
+export {};

package/esm/core/ColorPicker/ColorInputPanel.js

@@ -265,4 +265,3 @@ export const ColorInputPanel = React.forwardRef((props, ref) => {
                 currentFormat === 'rgb' && rgbInputs,
                 currentFormat === 'hsl' && hslInputs))));
 });
-export default ColorInputPanel;

package/esm/core/ColorPicker/ColorPalette.d.ts

@@ -27,4 +27,3 @@ export type ColorPaletteProps = {
  * </ColorPalette>
  */
 export declare const ColorPalette: PolymorphicForwardRefComponent<"div", ColorPaletteProps>;
-export default ColorPalette;

package/esm/core/ColorPicker/ColorPalette.js

@@ -35,4 +35,3 @@ export const ColorPalette = React.forwardRef((props, ref) => {
                         }, isActive: color.equals(activeColor) }));
                 }))));
 });
-export default ColorPalette;

package/esm/core/ColorPicker/ColorPicker.d.ts

@@ -54,4 +54,4 @@ type ColorPickerProps = {
  * </ColorPicker>
  */
 export declare const ColorPicker: PolymorphicForwardRefComponent<"div", ColorPickerProps>;
-export default ColorPicker;
+export {};

package/esm/core/ColorPicker/ColorPicker.js

@@ -69,4 +69,3 @@ export const ColorPicker = React.forwardRef((props, forwardedRef) => {
                 showAlpha,
             } }, children)));
 });
-export default ColorPicker;

package/esm/core/ColorPicker/ColorSwatch.d.ts

@@ -17,4 +17,4 @@ type ColorSwatchProps = {
  * <ColorSwatch color={{ r: 255, g: 255, b: 0 }} onClick={onClick}/>
  */
 export declare const ColorSwatch: PolymorphicForwardRefComponent<"button", ColorSwatchProps>;
-export default ColorSwatch;
+export {};

package/esm/core/ColorPicker/ColorSwatch.js

@@ -23,4 +23,3 @@ export const ColorSwatch = React.forwardRef((props, ref) => {
             ...style,
         }, onClick: onClick, "aria-pressed": !!onClick && isActive ? 'true' : undefined, ref: ref, ...rest }, props.children ?? (React.createElement(VisuallyHidden, null, colorString.toUpperCase()))));
 });
-export default ColorSwatch;

package/esm/core/ComboBox/ComboBox.d.ts

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

package/esm/core/ComboBox/ComboBox.js

@@ -313,4 +313,3 @@ export const ComboBox = React.forwardRef((props, forwardedRef) => {
                     ? filteredOptions.map(getMenuItem)
                     : emptyContent)))));
 });
-export default ComboBox;

package/esm/core/ComboBox/ComboBoxMultipleContainer.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import SelectTagContainer from '../Select/SelectTagContainer.js';
+import { SelectTagContainer } from '../Select/SelectTagContainer.js';
 export const ComboBoxMultipleContainer = React.forwardRef((props, ref) => {
     const { selectedItems = [], ...rest } = props;
     return React.createElement(SelectTagContainer, { ref: ref, tags: selectedItems, ...rest });

package/esm/core/DatePicker/DatePicker.d.ts

@@ -111,4 +111,4 @@ type DatePickerProps = {
  * <DatePicker date={new Date()} onChange={(e) => console.log('New date value: ' + e)} />
  */
 export declare const DatePicker: PolymorphicForwardRefComponent<"div", DatePickerProps>;
-export default DatePicker;
+export {};

package/esm/core/DatePicker/DatePicker.js

@@ -367,4 +367,3 @@ export const DatePicker = React.forwardRef((props, forwardedRef) => {
                 ? onChange?.(date)
                 : onChange?.(new Date(selectedStartDay?.getFullYear() ?? date.getFullYear(), selectedStartDay?.getMonth() ?? date.getMonth(), selectedStartDay?.getDate() ?? date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds()), new Date(selectedEndDay?.getFullYear() ?? date.getFullYear(), selectedEndDay?.getMonth() ?? date.getMonth(), selectedEndDay?.getDate() ?? date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds())) }))));
 });
-export default DatePicker;

package/esm/core/Dialog/Dialog.d.ts

@@ -41,4 +41,4 @@ export declare const Dialog: PolymorphicForwardRefComponent<"div", DialogProps>
     Content: PolymorphicForwardRefComponent<"div", {}>;
     ButtonBar: PolymorphicForwardRefComponent<"div", {}>;
 };
-export default Dialog;
+export {};

package/esm/core/Dialog/Dialog.js

@@ -61,4 +61,3 @@ export const Dialog = Object.assign(DialogComponent, {
     Content: DialogContent,
     ButtonBar: DialogButtonBar,
 });
-export default Dialog;

package/esm/core/Dialog/DialogBackdrop.d.ts

@@ -9,4 +9,4 @@ type DialogBackdropProps = BackdropProps & Pick<DialogContextProps, 'onClose' |
  * <Dialog.Backdrop />
  */
 export declare const DialogBackdrop: PolymorphicForwardRefComponent<"div", DialogBackdropProps>;
-export default DialogBackdrop;
+export {};

package/esm/core/Dialog/DialogBackdrop.js

@@ -34,4 +34,3 @@ export const DialogBackdrop = React.forwardRef((props, ref) => {
             ...style,
         }, ...rest }));
 });
-export default DialogBackdrop;

package/esm/core/Dialog/DialogButtonBar.d.ts

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

package/esm/core/Dialog/DialogButtonBar.js

@@ -12,4 +12,3 @@ import { polymorphic } from '../utils/index.js';
  * </Dialog.ButtonBar>
  */
 export const DialogButtonBar = polymorphic.div('iui-dialog-button-bar');
-export default DialogButtonBar;