@itwin/itwinui-react 3.3.4 → 3.4.1

package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js

@@ -22,9 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateRangeFilter = void 0;
 /*---------------------------------------------------------------------------------------------
@@ -35,7 +32,7 @@ const React = __importStar(require("react"));
 const index_js_1 = require("../../../utils/index.js");
 const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
 const BaseFilter_js_1 = require("../BaseFilter.js");
-const DatePickerInput_js_1 = __importDefault(require("./DatePickerInput.js"));
+const DatePickerInput_js_1 = require("./DatePickerInput.js");
 const defaultStrings = {
     from: 'From',
     to: 'To',
@@ -92,8 +89,8 @@ const DateRangeFilter = (props) => {
         }
     };
     return (React.createElement(BaseFilter_js_1.BaseFilter, null,
-        React.createElement(DatePickerInput_js_1.default, { ref: inputRef, label: translatedStrings.from, date: from, onChange: onFromChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: to, isFromOrTo: 'from', localizedNames: translatedStrings.datePicker }),
-        React.createElement(DatePickerInput_js_1.default, { label: translatedStrings.to, date: to, onChange: onToChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: from, isFromOrTo: 'to', localizedNames: translatedStrings.datePicker }),
+        React.createElement(DatePickerInput_js_1.DatePickerInput, { ref: inputRef, label: translatedStrings.from, date: from, onChange: onFromChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: to, isFromOrTo: 'from', localizedNames: translatedStrings.datePicker }),
+        React.createElement(DatePickerInput_js_1.DatePickerInput, { label: translatedStrings.to, date: to, onChange: onToChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: from, isFromOrTo: 'to', localizedNames: translatedStrings.datePicker }),
         React.createElement(FilterButtonBar_js_1.FilterButtonBar, { setFilter: () => setFilter([from, to]), clearFilter: clearFilter, translatedLabels: translatedLabels })));
 };
 exports.DateRangeFilter = DateRangeFilter;

package/cjs/core/Table/index.d.ts

@@ -7,5 +7,3 @@ export type { DefaultCellProps, EditableCellProps } from './cells/index.js';
 export { TablePaginator } from './TablePaginator.js';
 export type { TablePaginatorProps } from './TablePaginator.js';
 export { ActionColumn, ExpanderColumn, SelectionColumn, } from './columns/index.js';
-declare const _default: "./Table";
-export default _default;

package/cjs/core/Table/index.js

@@ -20,4 +20,3 @@ var index_js_3 = require("./columns/index.js");
 Object.defineProperty(exports, "ActionColumn", { enumerable: true, get: function () { return index_js_3.ActionColumn; } });
 Object.defineProperty(exports, "ExpanderColumn", { enumerable: true, get: function () { return index_js_3.ExpanderColumn; } });
 Object.defineProperty(exports, "SelectionColumn", { enumerable: true, get: function () { return index_js_3.SelectionColumn; } });
-exports.default = './Table';

package/cjs/core/Tabs/Tabs.d.ts

@@ -295,4 +295,3 @@ export declare const Tabs: PolymorphicForwardRefComponent<"div", TabsLegacyProps
      */
     Panel: PolymorphicForwardRefComponent<"div", TabsPanelOwnProps>;
 };
-export default Tabs;

package/cjs/core/Tabs/Tabs.js

@@ -82,27 +82,27 @@ const Tab = React.forwardRef((props, forwardedRef) => {
     const isActive = activeValue === value;
     const isActiveRef = (0, index_js_1.useLatestRef)(isActive);
     // Scroll to active tab only on initial render
-    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useLayoutEffect)(() => {
         if (isActiveRef.current) {
             tabRef.current?.parentElement?.scrollTo({
                 [orientation === 'horizontal' ? 'left' : 'top']: tabRef.current?.[orientation === 'horizontal' ? 'offsetLeft' : 'offsetTop'] - 4,
                 behavior: 'instant', // not using 'smooth' to reduce layout shift on page load
             });
         }
-    }, []);
-    const updateStripe = () => {
-        const currentTabRect = tabRef.current?.getBoundingClientRect();
-        setStripeProperties({
-            '--iui-tabs-stripe-size': orientation === 'horizontal'
-                ? `${currentTabRect?.width}px`
-                : `${currentTabRect?.height}px`,
-            '--iui-tabs-stripe-position': orientation === 'horizontal'
-                ? `${tabRef.current?.offsetLeft}px`
-                : `${tabRef.current?.offsetTop}px`,
-        });
-    };
+    }, [isActiveRef, orientation]);
     // CSS custom properties to place the active stripe
-    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useLayoutEffect)(() => {
+        const updateStripe = () => {
+            const currentTabRect = tabRef.current?.getBoundingClientRect();
+            setStripeProperties({
+                '--iui-tabs-stripe-size': orientation === 'horizontal'
+                    ? `${currentTabRect?.width}px`
+                    : `${currentTabRect?.height}px`,
+                '--iui-tabs-stripe-position': orientation === 'horizontal'
+                    ? `${tabRef.current?.offsetLeft}px`
+                    : `${tabRef.current?.offsetTop}px`,
+            });
+        };
         if (type !== 'default' && isActive) {
             updateStripe();
         }
@@ -110,7 +110,8 @@ const Tab = React.forwardRef((props, forwardedRef) => {
         type,
         orientation,
         isActive,
-        tabsWidth, // to fix visual artifact on initial render
+        tabsWidth,
+        setStripeProperties,
     ]);
     const onKeyDown = (event) => {
         if (event.altKey) {
@@ -186,7 +187,7 @@ TabLabel.displayName = 'Tabs.TabLabel';
 const TabDescription = React.forwardRef((props, ref) => {
     const { className, children, ...rest } = props;
     const { hasSublabel, setHasSublabel } = (0, index_js_1.useSafeContext)(TabsContext);
-    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useLayoutEffect)(() => {
         if (!hasSublabel) {
             setHasSublabel(true);
         }
@@ -347,7 +348,6 @@ exports.Tabs = Object.assign(LegacyTabsComponent, {
 });
 const TabsContext = React.createContext(undefined);
 const TabListContext = React.createContext(undefined);
-exports.default = exports.Tabs;
 // ----------------------------------------------------------------------------
 /**
  * This conditionally adds `scrollbar-gutter: stable` only if the content overflows.

package/cjs/core/Tag/Tag.d.ts

@@ -2,22 +2,44 @@ import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 type TagProps = {
     /**
-     * Callback function that handles click on close icon.
-     * Close icon is shown only when this function is passed.
-     * Use only with 'default' Tag.
+     * Text inside the tag.
+     */
+    children: React.ReactNode;
+    /**
+     * Callback invoked when the tag is clicked.
+     *
+     * When this prop is passed, the tag will be rendered as a button.
+     */
+    onClick?: React.MouseEventHandler;
+    /**
+     * Callback function that handles click on the remove ("❌") button.
+     * If not passed, the remove button will not be shown.
+     *
+     * If both `onClick` and `onRemove` are passed, then the tag label (rather than the tag itself)
+     * will be rendered as a button, to avoid invalid markup (nested buttons).
      */
     onRemove?: React.MouseEventHandler;
     /**
-     * Text inside the tag.
+     * Props for customizing the remove ("❌") button.
      */
-    children: React.ReactNode;
+    removeButtonProps?: React.ComponentPropsWithRef<'button'>;
+} & ({
     /**
      * Variant of tag.
      * Basic tags don't have an outline.
      * @default 'default'
      */
-    variant?: 'default' | 'basic';
-};
+    variant?: 'default';
+    /**
+     * Props for customizing the label.
+     *
+     * Only relevant for the 'default' Tag.
+     */
+    labelProps?: React.ComponentPropsWithRef<'span'>;
+} | {
+    variant?: 'basic';
+    labelProps?: never;
+});
 /**
  * Tag for showing categories, filters etc.
  * @example
@@ -25,4 +47,4 @@ type TagProps = {
  * <Tag variant='basic'>Basic tag</Tag>
  */
 export declare const Tag: PolymorphicForwardRefComponent<"span", TagProps>;
-export default Tag;
+export {};

package/cjs/core/Tag/Tag.js

@@ -35,6 +35,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
 const IconButton_js_1 = require("../Buttons/IconButton.js");
+const LinkAction_js_1 = require("../LinkAction/LinkAction.js");
 /**
  * Tag for showing categories, filters etc.
  * @example
@@ -42,13 +43,18 @@ const IconButton_js_1 = require("../Buttons/IconButton.js");
  * <Tag variant='basic'>Basic tag</Tag>
  */
 exports.Tag = React.forwardRef((props, forwardedRef) => {
-    const { className, variant = 'default', children, onRemove, ...rest } = props;
-    return (React.createElement(index_js_1.Box, { as: 'span', className: (0, classnames_1.default)({
+    const { className, variant = 'default', children, onRemove, onClick, labelProps, removeButtonProps, ...rest } = props;
+    // If both onClick and onRemove are passed, we want to render the label as a button
+    // to avoid invalid markup (nested buttons). LinkAction ensures that clicking anywhere outside
+    // the remove button (including padding) will still trigger the main onClick callback.
+    const shouldUseLinkAction = !!onClick && !!onRemove;
+    return (React.createElement(index_js_1.Box, { as: shouldUseLinkAction ? LinkAction_js_1.LinkBox : !!onClick ? index_js_1.ButtonBase : 'span', className: (0, classnames_1.default)({
             'iui-tag-basic': variant === 'basic',
             'iui-tag': variant === 'default',
-        }, className), ref: forwardedRef, ...rest },
-        variant === 'default' ? (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-tag-label' }, children)) : (children),
-        onRemove && (React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', size: 'small', onClick: onRemove, "aria-label": 'Delete tag', className: 'iui-tag-button' },
+        }, className), 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- ref's type doesn't matter internally
+        ref: forwardedRef, onClick: !shouldUseLinkAction ? onClick : undefined, ...rest },
+        variant === 'default' ? (React.createElement(index_js_1.Box, { as: (shouldUseLinkAction ? LinkAction_js_1.LinkAction : 'span'), onClick: shouldUseLinkAction ? onClick : undefined, ...labelProps, className: (0, classnames_1.default)('iui-tag-label', labelProps?.className) }, children)) : (children),
+        onRemove && (React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', size: 'small', onClick: onRemove, "aria-label": 'Delete tag', ...removeButtonProps, className: (0, classnames_1.default)('iui-tag-button', removeButtonProps?.className) },
             React.createElement(index_js_1.SvgCloseSmall, { "aria-hidden": true })))));
 });
-exports.default = exports.Tag;

package/cjs/core/Tag/TagContainer.d.ts

@@ -24,4 +24,4 @@ type TagContainerProps = {
  * <TagContainer><Tag variant='basic'>Basic tag</Tag><Tag variant='basic'>Basic tag 2</Tag></TagContainer>
  */
 export declare const TagContainer: PolymorphicForwardRefComponent<"div", TagContainerProps>;
-export default TagContainer;
+export {};

package/cjs/core/Tag/TagContainer.js

@@ -47,4 +47,3 @@ exports.TagContainer = React.forwardRef((props, forwardedRef) => {
             'iui-visible': background !== 'none',
         }, className), ref: forwardedRef, ...rest }, children));
 });
-exports.default = exports.TagContainer;

package/cjs/core/Textarea/Textarea.d.ts

@@ -12,4 +12,3 @@ export type TextareaProps = {
  * <Textarea disabled={true} placeholder='This is a disabled textarea' />
  */
 export declare const Textarea: PolymorphicForwardRefComponent<"textarea", TextareaProps>;
-export default Textarea;

package/cjs/core/Textarea/Textarea.js

@@ -39,4 +39,3 @@ const Input_js_1 = require("../Input/Input.js");
 exports.Textarea = React.forwardRef((props, forwardedRef) => {
     return React.createElement(Input_js_1.Input, { as: 'textarea', rows: 3, ref: forwardedRef, ...props });
 });
-exports.default = exports.Textarea;

package/cjs/core/ThemeProvider/ThemeProvider.d.ts

@@ -104,4 +104,4 @@ type ThemeProviderOwnProps = Pick<RootProps, 'theme'> & {
  * </ThemeProvider>
  */
 export declare const ThemeProvider: PolymorphicForwardRefComponent<"div", ThemeProviderOwnProps>;
-export default ThemeProvider;
+export {};

package/cjs/core/ThemeProvider/ThemeProvider.js

@@ -93,7 +93,6 @@ exports.ThemeProvider = React.forwardRef((props, forwardedRef) => {
                 portaledPortalContainer ? (ReactDOM.createPortal(React.createElement(Toaster_js_1.Toaster, null), portaledPortalContainer)) : (React.createElement("div", { ref: setPortalContainer, style: { display: 'contents' } },
                     React.createElement(Toaster_js_1.Toaster, null)))))));
 });
-exports.default = exports.ThemeProvider;
 // ----------------------------------------------------------------------------
 const Root = React.forwardRef((props, forwardedRef) => {
     const { theme, children, themeOptions, className, ...rest } = props;
@@ -116,7 +115,7 @@ const useParentThemeAndContext = (rootElement) => {
     const [parentThemeState, setParentTheme] = React.useState(parentContext?.theme);
     const [parentHighContrastState, setParentHighContrastState] = React.useState(parentContext?.themeOptions?.highContrast);
     const parentThemeRef = (0, index_js_1.useLatestRef)(parentContext?.theme);
-    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useLayoutEffect)(() => {
         // bail if we already have theme from context
         if (parentThemeRef.current) {
             return;
@@ -155,7 +154,7 @@ const useParentThemeAndContext = (rootElement) => {
  * dynamically import it (if possible) and fallback to loading it from a CDN.
  */
 const FallbackStyles = ({ root }) => {
-    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useLayoutEffect)(() => {
         // bail if styles are already loaded
         if (getComputedStyle(root).getPropertyValue('--_iui-v3-loaded') === 'yes') {
             return;

package/cjs/core/Tile/Tile.d.ts

@@ -384,4 +384,4 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
      */
     Buttons: PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
 };
-export default Tile;
+export {};

package/cjs/core/Tile/Tile.js

@@ -362,4 +362,3 @@ exports.Tile = Object.assign(TileComponent, {
      */
     Buttons: TileButtons,
 });
-exports.default = exports.Tile;

package/cjs/core/TimePicker/TimePicker.d.ts

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

package/cjs/core/TimePicker/TimePicker.js

@@ -290,4 +290,3 @@ const TimePickerColumn = (props) => {
                 } }, valueRenderer(value, precision)));
         }))));
 };
-exports.default = exports.TimePicker;

package/cjs/core/Toast/Toast.d.ts

@@ -76,4 +76,3 @@ export type ToastPresentationProps = Omit<ToastProps, 'duration' | 'id' | 'isVis
  * @private
  */
 export declare const ToastPresentation: PolymorphicForwardRefComponent<"div", ToastPresentationProps>;
-export default Toast;

package/cjs/core/Toast/Toast.js

@@ -156,4 +156,3 @@ exports.ToastPresentation = React.forwardRef((props, forwardedRef) => {
         (type === 'persisting' || hasCloseButton) && (React.createElement(IconButton_js_1.IconButton, { size: 'small', styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
             React.createElement(index_js_1.SvgCloseSmall, null)))));
 });
-exports.default = exports.Toast;

package/cjs/core/ToggleSwitch/ToggleSwitch.d.ts

@@ -43,4 +43,4 @@ type ToggleSwitchProps = {
  * <ToggleSwitch label='With icon toggle' icon={<svg viewBox='0 0 16 16'><path d='M1 1v14h14V1H1zm13 1.7v10.6L8.7 8 14 2.7zM8 7.3L2.7 2h10.6L8 7.3zm-.7.7L2 13.3V2.7L7.3 8zm.7.7l5.3 5.3H2.7L8 8.7z' /></svg>} />
  */
 export declare const ToggleSwitch: PolymorphicForwardRefComponent<"input", ToggleSwitchProps>;
-export default ToggleSwitch;
+export {};

package/cjs/core/ToggleSwitch/ToggleSwitch.js

@@ -71,4 +71,3 @@ exports.ToggleSwitch = React.forwardRef((props, ref) => {
         icon && size !== 'small' && (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-toggle-switch-icon', "aria-hidden": true }, icon)),
         label && (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-toggle-switch-label' }, label))));
 });
-exports.default = exports.ToggleSwitch;

package/cjs/core/Tooltip/Tooltip.d.ts

@@ -91,4 +91,4 @@ export declare const Tooltip: PolymorphicForwardRefComponent<"div", {
      */
     children?: React.ReactNode;
 } & PortalProps & TooltipOptions>;
-export default Tooltip;
+export {};

package/cjs/core/Tooltip/Tooltip.js

@@ -145,4 +145,3 @@ exports.Tooltip = React.forwardRef((props, forwardedRef) => {
         React.createElement(index_js_1.Portal, { portal: portal },
             React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-tooltip', className), ref: (0, index_js_1.useMergedRefs)(tooltip.refs.setFloating, forwardedRef), style: { ...tooltip.floatingStyles, ...style }, ...tooltip.floatingProps }, content))));
 });
-exports.default = exports.Tooltip;

package/cjs/core/TransferList/TransferList.d.ts

@@ -66,4 +66,4 @@ export declare const TransferListContext: React.Context<{
      */
     setLabelId: (labelId: string) => void;
 } | undefined>;
-export default TransferList;
+export {};

package/cjs/core/TransferList/TransferList.js

@@ -146,4 +146,3 @@ exports.TransferList = Object.assign(TransferListComponent, {
     Toolbar: TransferListToolbar,
 });
 exports.TransferListContext = react_1.default.createContext(undefined);
-exports.default = exports.TransferList;

package/cjs/core/Tree/Tree.d.ts

@@ -134,4 +134,3 @@ export type TreeProps<T> = {
   />
  */
 export declare const Tree: <T>(props: TreeProps<T>) => React.JSX.Element;
-export default Tree;

package/cjs/core/Tree/Tree.js

@@ -220,4 +220,3 @@ const VirtualizedTree = React.forwardRef(({ flatNodesList, itemRenderer, scrollT
         style: { ...style, ...outerProps.style } },
         React.createElement(TreeElement, { ...innerProps, ...rest, ref: (0, index_js_1.mergeRefs)(ref, innerProps.ref) }, visibleChildren)));
 });
-exports.default = exports.Tree;

package/cjs/core/Tree/TreeNode.d.ts

@@ -83,4 +83,4 @@ type TreeNodeProps = {
   />
  */
 export declare const TreeNode: (props: TreeNodeProps) => React.JSX.Element;
-export default TreeNode;
+export {};

package/cjs/core/Tree/TreeNode.js

@@ -156,4 +156,3 @@ const TreeNode = (props) => {
         hasSubNodes && (React.createElement(index_js_1.Box, { as: 'ul', className: 'iui-sub-tree', role: 'group', "aria-owns": subNodeIds.join(' ') }))));
 };
 exports.TreeNode = TreeNode;
-exports.default = exports.TreeNode;

package/cjs/core/Tree/TreeNodeExpander.d.ts

@@ -4,4 +4,4 @@ type TreeNodeExpanderProps = {
     isExpanded?: boolean;
 } & IconButtonProps;
 export declare const TreeNodeExpander: PolymorphicForwardRefComponent<"button", TreeNodeExpanderProps>;
-export default TreeNodeExpander;
+export {};

package/cjs/core/Tree/TreeNodeExpander.js

@@ -45,4 +45,3 @@ exports.TreeNodeExpander = React.forwardRef((props, ref) => {
                 'iui-tree-node-content-expander-icon-expanded': isExpanded,
             }) })));
 });
-exports.default = exports.TreeNodeExpander;

package/cjs/core/Typography/Anchor.d.ts

@@ -13,4 +13,3 @@
  * <Anchor as='button' onClick={() => {}}>click me</Anchor>
  */
 export declare const Anchor: import("../utils/props.js").PolymorphicForwardRefComponent<"a", {}>;
-export default Anchor;

package/cjs/core/Typography/Anchor.js

@@ -21,4 +21,3 @@ const index_js_1 = require("../utils/index.js");
  * <Anchor as='button' onClick={() => {}}>click me</Anchor>
  */
 exports.Anchor = index_js_1.polymorphic.a('iui-anchor');
-exports.default = exports.Anchor;

package/cjs/core/Typography/Blockquote.d.ts

@@ -15,4 +15,4 @@ type BlockquoteProps = {
  * </Blockquote>
  */
 export declare const Blockquote: PolymorphicForwardRefComponent<"blockquote", BlockquoteProps>;
-export default Blockquote;
+export {};

package/cjs/core/Typography/Blockquote.js

@@ -48,4 +48,3 @@ exports.Blockquote = React.forwardRef((props, ref) => {
         children,
         footer && React.createElement("footer", null, footer)));
 });
-exports.default = exports.Blockquote;

package/cjs/core/Typography/Code.d.ts

@@ -4,4 +4,3 @@
  * <p>Some <Code>inline code</Code> in a paragraph</p>
  */
 export declare const Code: import("../utils/props.js").PolymorphicForwardRefComponent<"code", {}>;
-export default Code;

package/cjs/core/Typography/Code.js

@@ -12,4 +12,3 @@ const index_js_1 = require("../utils/index.js");
  * <p>Some <Code>inline code</Code> in a paragraph</p>
  */
 exports.Code = index_js_1.polymorphic.code('iui-code');
-exports.default = exports.Code;

package/cjs/core/Typography/Kbd.d.ts

@@ -30,4 +30,4 @@ type KbdProps = {
  * <Kbd title='Enter'>{KbdKeys.Enter}</Kbd>
  */
 export declare const Kbd: PolymorphicForwardRefComponent<"kbd", KbdProps>;
-export default Kbd;
+export {};

package/cjs/core/Typography/Kbd.js

@@ -62,4 +62,3 @@ exports.Kbd = React.forwardRef((props, forwardedRef) => {
     const { className, children, ...rest } = props;
     return (React.createElement(index_js_1.Box, { as: 'kbd', className: (0, classnames_1.default)('iui-keyboard', className), ref: forwardedRef, ...rest }, children));
 });
-exports.default = exports.Kbd;

package/cjs/core/Typography/Text.d.ts

@@ -37,4 +37,4 @@ type TextProps = {
  * <Text isSkeleton>Skeleton text</Text>
  */
 export declare const Text: PolymorphicForwardRefComponent<"div", TextProps>;
-export default Text;
+export {};

package/cjs/core/Typography/Text.js

@@ -55,4 +55,3 @@ exports.Text = React.forwardRef((props, ref) => {
             'iui-skeleton': isSkeleton,
         }, className), ref: ref, ...rest }));
 });
-exports.default = exports.Text;

package/cjs/core/VisuallyHidden/VisuallyHidden.d.ts

@@ -19,4 +19,4 @@ type VisuallyHiddenOwnProps = {
  * @see https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
  */
 export declare const VisuallyHidden: PolymorphicForwardRefComponent<"span", VisuallyHiddenOwnProps>;
-export default VisuallyHidden;
+export {};

package/cjs/core/VisuallyHidden/VisuallyHidden.js

@@ -48,4 +48,3 @@ exports.VisuallyHidden = React.forwardRef((props, ref) => {
     const { className, unhideOnFocus = true, ...rest } = props;
     return (React.createElement(Box_js_1.Box, { as: 'span', className: (0, classnames_1.default)('iui-visually-hidden', className), "data-iui-unhide-on-focus": unhideOnFocus ? true : undefined, ref: ref, ...rest }));
 });
-exports.default = exports.VisuallyHidden;

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

@@ -10,4 +10,3 @@ export type FocusTrapProps = {
  * Used for modals and dialogs.
  */
 export declare const FocusTrap: (props: FocusTrapProps) => React.JSX.Element;
-export default FocusTrap;

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

@@ -70,4 +70,3 @@ const FocusTrap = (props) => {
         React.createElement("div", { tabIndex: 0, onFocus: onLastFocus, "aria-hidden": true })));
 };
 exports.FocusTrap = FocusTrap;
-exports.default = exports.FocusTrap;

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;