@itwin/itwinui-react 3.8.1 → 3.9.1

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

@@ -1,4 +1,4 @@
-import type { InputContainerProps, PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { InputContainerProps, PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxInputContainerProps = Pick<InputContainerProps, 'status' | 'message' | 'disabled'>;
 export declare const ComboBoxInputContainer: PolymorphicForwardRefComponent<"div", ComboBoxInputContainerProps>;
 export {};

package/esm/core/ComboBox/ComboBoxInputContainer.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { StatusMessage } from '../StatusMessage/StatusMessage.js';
-import { InputContainer, useSafeContext, InputWithIcon, } from '../utils/index.js';
+import { InputContainer, useSafeContext, InputWithIcon, } from '../../utils/index.js';
 import { ComboBoxStateContext } from './helpers.js';
 export const ComboBoxInputContainer = React.forwardRef((props, forwardedRef) => {
     const { className, status, message, children, ...rest } = props;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Menu } from '../Menu/Menu.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxMenuProps = Omit<React.ComponentPropsWithoutRef<typeof Menu>, 'onClick'> & React.ComponentPropsWithoutRef<'div'>;
 export declare const ComboBoxMenu: PolymorphicForwardRefComponent<"div", ComboBoxMenuProps>;
 export {};

package/esm/core/ComboBox/ComboBoxMenu.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { Menu } from '../Menu/Menu.js';
-import { useSafeContext, useMergedRefs, useVirtualization, Portal, Box, } from '../utils/index.js';
+import { useSafeContext, useMergedRefs, useVirtualization, Portal, Box, } from '../../utils/index.js';
 import { ComboBoxStateContext, ComboBoxRefsContext } from './helpers.js';
 const VirtualizedComboBoxMenu = (props) => {
     const { children, ...rest } = props;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { MenuItemProps } from '../Menu/MenuItem.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxMenuItemProps = MenuItemProps & {
     index: number;
 };

package/esm/core/ComboBox/ComboBoxMenuItem.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 { useSafeContext, useMergedRefs, SvgCheckmark } from '../utils/index.js';
+import { useSafeContext, useMergedRefs, SvgCheckmark, } from '../../utils/index.js';
 import { ComboBoxStateContext } from './helpers.js';
 import { ListItem } from '../List/ListItem.js';
 export const ComboBoxMenuItem = React.memo(React.forwardRef((props, forwardedRef) => {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxMultipleContainerProps = {
     selectedItems?: React.ReactNode[];
 };

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { TimePickerProps } from '../TimePicker/TimePicker.js';
 export type DatePickerLocalizedNames = {
     [key in 'months' | 'shortDays' | 'days']: string[];

package/esm/core/DatePicker/DatePicker.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { SvgChevronLeft, SvgChevronRight, SvgChevronLeftDouble, SvgChevronRightDouble, isBefore, Box, useId, } from '../utils/index.js';
+import { SvgChevronLeft, SvgChevronRight, SvgChevronLeftDouble, SvgChevronRightDouble, isBefore, Box, useId, } from '../../utils/index.js';
 import { IconButton } from '../Buttons/IconButton.js';
 import { TimePicker } from '../TimePicker/TimePicker.js';
 const isSameDay = (a, b) => {

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { DialogContextProps } from './DialogContext.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type DialogProps = {
     /**
      * Dialog content.

package/esm/core/Dialog/Dialog.js

@@ -10,7 +10,7 @@ import { DialogBackdrop } from './DialogBackdrop.js';
 import { DialogContext } from './DialogContext.js';
 import { DialogButtonBar } from './DialogButtonBar.js';
 import { DialogMain } from './DialogMain.js';
-import { useMergedRefs, Box, Portal } from '../utils/index.js';
+import { useMergedRefs, Box, Portal } from '../../utils/index.js';
 import { Transition } from 'react-transition-group';
 const DialogComponent = React.forwardRef((props, ref) => {
     const { trapFocus = false, setFocus = false, preventDocumentScroll = false, isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = false, onClose, isDraggable = false, isResizable = false, relativeTo = 'viewport', placement, className, portal = false, ...rest } = props;

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

@@ -1,5 +1,5 @@
 import type { BackdropProps } from '../Backdrop/Backdrop.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { DialogContextProps } from './DialogContext.js';
 type DialogBackdropProps = BackdropProps & Pick<DialogContextProps, 'onClose' | 'isDismissible' | 'closeOnExternalClick' | 'relativeTo'>;
 /**

package/esm/core/Dialog/DialogBackdrop.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { Backdrop } from '../Backdrop/Backdrop.js';
-import { useMergedRefs } from '../utils/index.js';
+import { useMergedRefs } from '../../utils/index.js';
 import { useDialogContext } from './DialogContext.js';
 import cx from 'classnames';
 /**

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

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

package/esm/core/Dialog/DialogButtonBar.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../utils/index.js';
+import { polymorphic } from '../../utils/index.js';
 /**
  * Container for Buttons in `Dialog`. Recommended to be used as a child of `Dialog`.
  * @example

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

@@ -5,4 +5,4 @@
  *   My dialog content
  * </Dialog.Content>
  */
-export declare const DialogContent: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const DialogContent: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/esm/core/Dialog/DialogContent.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../utils/index.js';
+import { polymorphic } from '../../utils/index.js';
 /**
  * Container for content in `Dialog`. Recommended to be used as a child of `Dialog`.
  * @example

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PortalProps } from '../utils/index.js';
+import type { PortalProps } from '../../utils/index.js';
 export type DialogContextProps = {
     /**
      * Flag whether dialog should be shown.

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { DialogContextProps } from './DialogContext.js';
 export type DialogMainProps = {
     /**

package/esm/core/Dialog/DialogMain.js

@@ -4,11 +4,11 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { FocusTrap, getTranslateValuesFromElement, Resizer, useMergedRefs, useLayoutEffect, Box, ShadowRoot, } from '../utils/index.js';
+import { FocusTrap, getTranslateValuesFromElement, Resizer, useMergedRefs, useLayoutEffect, Box, ShadowRoot, } from '../../utils/index.js';
 import { useDialogContext } from './DialogContext.js';
 import { Transition } from 'react-transition-group';
 import { DialogDragContext } from './DialogDragContext.js';
-import { useDragAndDrop } from '../utils/hooks/useDragAndDrop.js';
+import { useDragAndDrop } from '../../utils/hooks/useDragAndDrop.js';
 /**
  * Dialog component which can wrap any content.
  * @example
@@ -84,12 +84,9 @@ export const DialogMain = React.forwardRef((props, ref) => {
         if (!isDraggable || !isOpen) {
             return;
         }
-        const rect = dialogRef.current?.getBoundingClientRect();
         const [translateX, translateY] = getTranslateValuesFromElement(dialogRef.current);
         setStyle((oldStyle) => ({
             ...oldStyle,
-            inlineSize: rect?.width,
-            blockSize: rect?.height,
             insetInlineStart: dialogRef.current?.offsetLeft,
             insetBlockStart: dialogRef.current?.offsetTop,
             transform: `translate(${translateX}px,${translateY}px)`,

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { DialogContextProps } from './DialogContext.js';
 type DialogTitleBarProps = {
     /**

package/esm/core/Dialog/DialogTitleBar.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { SvgClose, mergeEventHandlers, Box } from '../utils/index.js';
+import { SvgClose, mergeEventHandlers, Box } from '../../utils/index.js';
 import { IconButton } from '../Buttons/IconButton.js';
 import { useDialogContext } from './DialogContext.js';
 import { DialogTitleBarTitle } from './DialogTitleBarTitle.js';

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

@@ -3,4 +3,4 @@
  * @example
  * <Dialog.TitleBar>My dialog title</Dialog.TitleBar>
  */
-export declare const DialogTitleBarTitle: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const DialogTitleBarTitle: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/esm/core/Dialog/DialogTitleBarTitle.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../utils/index.js';
+import { polymorphic } from '../../utils/index.js';
 /**
  * Dialog title bar. Recommended to be used as a child of `Dialog`.
  * @example

package/esm/core/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/props.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/props.js';
 type DividerProps = {
     /**
      * Sets the orientation of the divider

package/esm/core/Divider/Divider.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { Box } from '../utils/components/Box.js';
+import { Box } from '../../utils/components/Box.js';
 /**
  * Shows a divider
  */

package/esm/core/DropdownMenu/DropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent, PortalProps } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent, PortalProps } from '../../utils/index.js';
 import { usePopover } from '../Popover/Popover.js';
 export type DropdownMenuProps = {
     /**

package/esm/core/DropdownMenu/DropdownMenu.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 { useMergedRefs, Portal, cloneElementWithRef, useControlledState, mergeRefs, mergeEventHandlers, } from '../utils/index.js';
+import { useMergedRefs, Portal, cloneElementWithRef, useControlledState, mergeRefs, mergeEventHandlers, } from '../../utils/index.js';
 import { Menu } from '../Menu/Menu.js';
 import { usePopover } from '../Popover/Popover.js';
 /**

package/esm/core/ExpandableBlock/ExpandableBlock.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ExpandableBlockOwnProps = {
     /**
      * Status of the block.
@@ -106,14 +106,11 @@ export declare const ExpandableBlock: PolymorphicForwardRefComponent<"div", Expa
     EndIcon: PolymorphicForwardRefComponent<"span", Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
     }, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
-        size?: "small" | "auto" | "medium" | "large" | import("../utils/types.js").AnyString | undefined;
-        fill?: "default" | "informational" | "negative" | "positive" | "warning" | import("../utils/types.js").AnyString | undefined;
+        size?: "small" | "auto" | "medium" | "large" | import("../../utils/types.js").AnyString | undefined;
+        fill?: "default" | import("../../utils/types.js").AnyString | "informational" | "negative" | "positive" | "warning" | undefined;
         padded?: boolean | undefined;
     } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        as?: "span" | undefined; /**
-         * Status of the block.
-         * When set, a colored status icon is shown at the end of the main text.
-         */
+        as?: "span" | undefined;
     }, "ref">>;
     /**
      * Content shown in the block's body when fully expanded.

package/esm/core/ExpandableBlock/ExpandableBlock.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { StatusIconMap, SvgChevronRight, Box, useSafeContext, polymorphic, mergeEventHandlers, ButtonBase, useId, } from '../utils/index.js';
+import { StatusIconMap, SvgChevronRight, Box, useSafeContext, polymorphic, mergeEventHandlers, ButtonBase, useId, } from '../../utils/index.js';
 import { Icon } from '../Icon/Icon.js';
 import { LinkBox } from '../LinkAction/LinkAction.js';
 const ExpandableBlockContext = React.createContext(undefined);

package/esm/core/Fieldset/Fieldset.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type FieldsetProps = {
     /**
      * The caption or title for the fieldset.

package/esm/core/Fieldset/Fieldset.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 { Box } from '../utils/index.js';
+import { Box } from '../../utils/index.js';
 import cx from 'classnames';
 /**
  * Fieldset component to group several inputs, controls and labels within a form.

package/esm/core/FileUpload/FileEmptyCard.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 /**
  * Empty file card to be used with the `FileUploadCard` component when no file has been uploaded.
  * @example

package/esm/core/FileUpload/FileEmptyCard.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 { Box, polymorphic, SvgUpload } from '../utils/index.js';
+import { Box, polymorphic, SvgUpload } from '../../utils/index.js';
 import cx from 'classnames';
 import { FileUploadCard } from './FileUploadCard.js';
 // ----------------------------------------------------------------------------

package/esm/core/FileUpload/FileUpload.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type FileUploadProps = {
     /**
      * Content shown over `children` when file is being dragged onto the component.

package/esm/core/FileUpload/FileUpload.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { Box, mergeEventHandlers } from '../utils/index.js';
+import { Box, mergeEventHandlers } from '../../utils/index.js';
 /**
  * File upload component to be wrapped around `FileUploadCard` or any arbitrary component.
  * Provides support for dragging and dropping multiple files.

package/esm/core/FileUpload/FileUploadCard.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type FileUploadCardProps = {
     /**
      * Files to pass (only needed when passing a custom action)

package/esm/core/FileUpload/FileUploadCard.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 { getWindow, SvgDocument, useMergedRefs, useSafeContext, useId, mergeEventHandlers, polymorphic, Box, } from '../utils/index.js';
+import { getWindow, SvgDocument, useMergedRefs, useSafeContext, useId, mergeEventHandlers, polymorphic, Box, } from '../../utils/index.js';
 import cx from 'classnames';
 import { FileEmptyCard } from './FileEmptyCard.js';
 import { Anchor } from '../Typography/Anchor.js';

package/esm/core/FileUpload/FileUploadTemplate.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type FileUploadTemplateProps = {
     /**
      * Callback fired when a file is selected from the device.

package/esm/core/FileUpload/FileUploadTemplate.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { SvgUpload, Box } from '../utils/index.js';
+import { SvgUpload, Box } from '../../utils/index.js';
 import { Anchor } from '../Typography/Anchor.js';
 /**
  * @deprecated Use [`FileUploadCard`](https://itwinui.bentley.com/docs/fileupload#fileuploadcard) instead.

package/esm/core/Flex/Flex.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { AnyString } from '../utils/types.js';
-import type { PolymorphicForwardRefComponent } from '../utils/props.js';
+import type { AnyString } from '../../utils/types.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/props.js';
 declare const sizeTokens: readonly ["3xs", "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl"];
 /**
  * String literal shorthands that correspond to the size tokens in [itwinui-variables](https://github.com/iTwin/iTwinUI/blob/main/packages/itwinui-variables/src/sizes.scss).

package/esm/core/Flex/Flex.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { Box } from '../utils/components/Box.js';
+import { Box } from '../../utils/components/Box.js';
 const sizeTokens = [
     '3xs',
     '2xs',

package/esm/core/Footer/Footer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CommonProps } from '../utils/index.js';
+import type { CommonProps } from '../../utils/index.js';
 export type TitleTranslations = {
     termsOfService: string;
     privacy: string;
@@ -53,8 +53,8 @@ export declare const defaultFooterElements: FooterElement[];
  * <Footer customElements={(defaultElements) => defaultElements.map(element => ({ ...element, url: element.key === 'privacy' ? customPrivacyUrl : element.url }))} />
  */
 export declare const Footer: ((props: FooterProps) => React.JSX.Element) & {
-    List: import("../utils/props.js").PolymorphicForwardRefComponent<"ul", {}>;
-    Item: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
-    Separator: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
+    List: import("../../utils/props.js").PolymorphicForwardRefComponent<"ul", {}>;
+    Item: import("../../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
+    Separator: import("../../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
 };
 export {};

package/esm/core/Footer/Footer.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { Box } from '../utils/index.js';
+import { Box } from '../../utils/index.js';
 import { FooterItem } from './FooterItem.js';
 import { FooterSeparator } from './FooterSeparator.js';
 import { FooterList } from './FooterList.js';

package/esm/core/Footer/FooterItem.d.ts

@@ -1,4 +1,4 @@
 /**
  * Footer item. Recommended to use inside `Footer.List`.
  */
-export declare const FooterItem: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
+export declare const FooterItem: import("../../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;

package/esm/core/Footer/FooterItem.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../utils/index.js';
+import { polymorphic } from '../../utils/index.js';
 /**
  * Footer item. Recommended to use inside `Footer.List`.
  */

package/esm/core/Footer/FooterList.d.ts

@@ -1,4 +1,4 @@
 /**
  * Footer list. Recommended to use inside `Footer` with `Footer.Item` and `Footer.Separator`.
  */
-export declare const FooterList: import("../utils/props.js").PolymorphicForwardRefComponent<"ul", {}>;
+export declare const FooterList: import("../../utils/props.js").PolymorphicForwardRefComponent<"ul", {}>;

package/esm/core/Footer/FooterList.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../utils/index.js';
+import { polymorphic } from '../../utils/index.js';
 /**
  * Footer list. Recommended to use inside `Footer` with `Footer.Item` and `Footer.Separator`.
  */

package/esm/core/Footer/FooterSeparator.d.ts

@@ -1,4 +1,4 @@
 /**
  * Footer separator. Recommended to use inside `Footer.List`.
  */
-export declare const FooterSeparator: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
+export declare const FooterSeparator: import("../../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;

package/esm/core/Footer/FooterSeparator.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../utils/index.js';
+import { polymorphic } from '../../utils/index.js';
 /**
  * Footer separator. Recommended to use inside `Footer.List`.
  */

package/esm/core/Header/Header.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type HeaderTranslations = {
     /**
      * 'More' menu button aria-label.

package/esm/core/Header/Header.js

@@ -5,7 +5,7 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { IconButton } from '../Buttons/IconButton.js';
-import { SvgMoreVertical, Box } from '../utils/index.js';
+import { SvgMoreVertical, Box } from '../../utils/index.js';
 import { DropdownMenu } from '../DropdownMenu/DropdownMenu.js';
 const defaultTranslations = {
     moreOptions: 'More options',

package/esm/core/Header/HeaderBasicButton.d.ts

@@ -1,3 +1,3 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { ButtonProps } from '../Buttons/Button.js';
 export declare const HeaderBasicButton: PolymorphicForwardRefComponent<"button", ButtonProps>;

package/esm/core/Header/HeaderBasicButton.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { ButtonBase } from '../utils/index.js';
+import { ButtonBase } from '../../utils/index.js';
 export const HeaderBasicButton = React.forwardRef((props, ref) => {
     const { className, children, startIcon, endIcon, styleType, size, ...rest } = props;
     styleType; // To omit and prevent eslint error.

package/esm/core/Header/HeaderBreadcrumbs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type HeaderBreadcrumbsProps = {
     /**
      * Array of elements, chevrons will be put between them.

package/esm/core/Header/HeaderBreadcrumbs.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { SvgChevronRight, Box } from '../utils/index.js';
+import { SvgChevronRight, Box } from '../../utils/index.js';
 /**
  * Header breadcrumbs, adds chevron between each provided items.
  * @example

package/esm/core/Header/HeaderButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ButtonProps } from '../Buttons/Button.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { DropdownButtonProps } from '../Buttons/DropdownButton.js';
 type HeaderButtonProps = {
     /**

package/esm/core/Header/HeaderButton.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 { Box } from '../utils/index.js';
+import { Box } from '../../utils/index.js';
 import { HeaderSplitButton } from './HeaderSplitButton.js';
 import { HeaderDropdownButton } from './HeaderDropdownButton.js';
 import { HeaderBasicButton } from './HeaderBasicButton.js';
@@ -29,7 +29,7 @@ export const HeaderButton = React.forwardRef((props, ref) => {
         name: htmlName,
         ...(!!menuItems && { menuItems }),
         ...rest,
-    }; // eslint-disable-line @typescript-eslint/no-explicit-any
+    };
     const headerButton = !!props.menuItems && !!props.onClick ? (React.createElement(HeaderSplitButton, { ...buttonProps })) : !!props.menuItems ? (React.createElement(HeaderDropdownButton, { ...buttonProps })) : (React.createElement(HeaderBasicButton, { ...buttonProps }));
     return (React.createElement(Box, { as: 'li', className: 'iui-header-breadcrumb-item', "aria-current": isActive ? 'location' : undefined, "aria-disabled": disabled ? 'true' : undefined }, headerButton));
 });

package/esm/core/Header/HeaderDropdownButton.d.ts

@@ -1,3 +1,3 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { DropdownButtonProps } from '../Buttons/DropdownButton.js';
 export declare const HeaderDropdownButton: PolymorphicForwardRefComponent<"button", DropdownButtonProps>;

package/esm/core/Header/HeaderDropdownButton.js

@@ -5,7 +5,7 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { DropdownMenu } from '../DropdownMenu/DropdownMenu.js';
-import { useMergedRefs, SvgCaretDownSmall, SvgCaretUpSmall, } from '../utils/index.js';
+import { useMergedRefs, SvgCaretDownSmall, SvgCaretUpSmall, } from '../../utils/index.js';
 import { HeaderBasicButton } from './HeaderBasicButton.js';
 export const HeaderDropdownButton = React.forwardRef((props, ref) => {
     const { menuItems, className, children, ...rest } = props;