@itwin/itwinui-react 3.8.1 → 3.9.0

package/esm/core/InformationPanel/InformationPanelHeader.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 InformationPanelHeaderProps = {
     /**
      * Callback fired when close icon is clicked.

package/esm/core/InformationPanel/InformationPanelHeader.js

@@ -5,7 +5,7 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { IconButton } from '../Buttons/IconButton.js';
-import { SvgCloseSmall, Box } from '../utils/index.js';
+import { SvgCloseSmall, Box } from '../../utils/index.js';
 /**
  * Header of the InformationPanel to be passed in the `header` prop.
  *

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

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

package/esm/core/InformationPanel/InformationPanelWrapper.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';
 /**
  * InformationPanelWrapper should contain the `InformationPanel`
  * and the component over which the panel will overlay.

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

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type InputProps = {
     /**
      * Modify size of the input.

package/esm/core/Input/Input.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { useMergedRefs, Box } from '../utils/index.js';
+import { useMergedRefs, Box } from '../../utils/index.js';
 /**
  * Basic input component
  * @example

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

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type InputGridOwnProps = {
     /**
      * Set display style of label.

package/esm/core/InputGrid/InputGrid.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, InputWithIcon, cloneElementWithRef, useId, } from '../utils/index.js';
+import { Box, InputWithIcon, cloneElementWithRef, useId, } from '../../utils/index.js';
 import cx from 'classnames';
 import { Label } from '../Label/Label.js';
 import { Input } from '../Input/Input.js';

package/esm/core/InputGroup/InputGroup.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 { StatusMessage } from '../StatusMessage/StatusMessage.js';
 type InputGroupProps = {
     /**

package/esm/core/InputGroup/InputGroup.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 { InputGrid } from '../InputGrid/InputGrid.js';
 import { Label } from '../Label/Label.js';
 import { StatusMessage } from '../StatusMessage/StatusMessage.js';
@@ -46,5 +46,5 @@ const BottomMessage = (props) => {
                 'aria-hidden': true,
             }, startIcon: svgIcon, status: status, ...messageProps }, displayStyle !== 'inline' && message));
     }
-    return undefined;
+    return null;
 };

package/esm/core/InputWithDecorations/InputWithDecorations.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 { InputProps } from '../Input/Input.js';
 /**
  * Input component with various additional decorations.
@@ -17,7 +17,7 @@ import type { InputProps } from '../Input/Input.js';
  */
 export declare const InputWithDecorations: PolymorphicForwardRefComponent<"div", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "as" | keyof import("../utils/index.js").InputFlexContainerProps> & import("../utils/index.js").InputFlexContainerProps & {
+}, "as" | keyof import("../../utils/index.js").InputFlexContainerProps> & import("../../utils/index.js").InputFlexContainerProps & {
     as?: "div" | undefined;
 }> & {
     /**
@@ -32,7 +32,7 @@ export declare const InputWithDecorations: PolymorphicForwardRefComponent<"div",
      */
     Button: PolymorphicForwardRefComponent<"button", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, "label" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "isActive" | "iconProps"> & Omit<import("../Buttons/IconButton.js").IconButtonProps, "styleType"> & {
+    }, "label" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & Omit<import("../Buttons/IconButton.js").IconButtonProps, "styleType"> & {
         styleType?: "default" | "cta" | "high-visibility" | "borderless" | undefined;
     } & {
         as?: "button" | undefined;

package/esm/core/InputWithDecorations/InputWithDecorations.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, InputFlexContainer, InputFlexContainerButton, InputFlexContainerIcon, useSafeContext, } from '../utils/index.js';
+import { Box, InputFlexContainer, InputFlexContainerButton, InputFlexContainerIcon, useSafeContext, } from '../../utils/index.js';
 const InputWithDecorationsContext = React.createContext(undefined);
 const InputWithDecorationsComponent = React.forwardRef((props, ref) => {
     const { children, size, isDisabled, ...rest } = props;

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

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type LabelOwnProps = {
     /**
      * Set the display style of the label.

package/esm/core/Label/Label.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';
 /**
  * A standalone label to be used with input components (using `htmlFor`).
  * Can be rendered as any element, e.g. span, using the `as` prop.

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Input } from '../Input/Input.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import { InputGrid } from '../InputGrid/InputGrid.js';
 import { Icon } from '../Icon/Icon.js';
 export type LabeledInputProps = {

package/esm/core/LabeledInput/LabeledInput.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { Input } from '../Input/Input.js';
-import { InputWithIcon, StatusIconMap } from '../utils/index.js';
+import { InputWithIcon, StatusIconMap } from '../../utils/index.js';
 import { InputGrid } from '../InputGrid/InputGrid.js';
 import { StatusMessage } from '../StatusMessage/StatusMessage.js';
 import { Label } from '../Label/Label.js';

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

@@ -172,8 +172,8 @@ export declare const LabeledSelect: <T>(props: ({
     messageIconProps?: (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;
@@ -278,8 +278,8 @@ export declare const LabeledSelect: <T>(props: ({
     messageIconProps?: (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;
@@ -408,8 +408,8 @@ export declare const LabeledSelect: <T>(props: ({
     messageIconProps?: (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;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Icon } from '../Icon/Icon.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { LabeledInputProps } from '../LabeledInput/LabeledInput.js';
 import { InputGrid } from '../InputGrid/InputGrid.js';
 type LabeledTextareaProps = {

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

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/props.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/props.js';
 /**
  * Polymorphic link action component.
  * It is rendered as `a` by default.

package/esm/core/LinkAction/LinkAction.js

@@ -4,8 +4,8 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { polymorphic } from '../utils/functions/polymorphic.js';
-import { Box } from '../utils/components/index.js';
+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.

package/esm/core/List/List.d.ts

@@ -1 +1 @@
-export declare const List: import("../utils/props.js").PolymorphicForwardRefComponent<"ul", {}>;
+export declare const List: import("../../utils/props.js").PolymorphicForwardRefComponent<"ul", {}>;

package/esm/core/List/List.js

@@ -2,6 +2,6 @@
  * 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';
 export const List = polymorphic.ul('iui-list', { role: 'list' });
 List.displayName = 'List';

package/esm/core/List/ListItem.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type ListItemOwnProps = {
     /**
      * Size of the ListItem. Can be explicitly specified to be 'large',

package/esm/core/List/ListItem.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { polymorphic, Box } from '../utils/index.js';
+import { polymorphic, Box } from '../../utils/index.js';
 import { LinkAction } from '../LinkAction/LinkAction.js';
 const ListItemComponent = React.forwardRef((props, ref) => {
     const { size = 'default', disabled = false, active = false, actionable = false, focused = false, className, ...rest } = props;

package/esm/core/Menu/Menu.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 MenuProps = {
     /**
      * Menu items. Recommended to use `MenuItem` components.

package/esm/core/Menu/Menu.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { useMergedRefs, getFocusableElements, Box, mergeEventHandlers, } from '../utils/index.js';
+import { useMergedRefs, getFocusableElements, Box, mergeEventHandlers, } from '../../utils/index.js';
 /**
  * Basic menu component. Can be used for select or dropdown components.
  */

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

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

package/esm/core/Menu/MenuDivider.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';
 /**
  * Divider between menu items. Should be used inside `Menu`.
  * @example

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

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

package/esm/core/Menu/MenuExtraContent.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';
 /**
  * Component that allows to have any additional content inside `Menu`.
  * @example

package/esm/core/Menu/MenuItem.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 { ListItemOwnProps } from '../List/ListItem.js';
 export type MenuItemProps = {
     /**

package/esm/core/Menu/MenuItem.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 { SvgCaretRightSmall, Portal, useMergedRefs, useId, } from '../utils/index.js';
+import { SvgCaretRightSmall, Portal, useMergedRefs, useId, } from '../../utils/index.js';
 import { Menu } from './Menu.js';
 import { ListItem } from '../List/ListItem.js';
 import { flushSync } from 'react-dom';

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

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type MenuItemSkeletonProps = {
     /**
      * Flag whether to show skeleton for sub-label.

package/esm/core/Menu/MenuItemSkeleton.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 { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 /**
  * Menu item that uses skeletons to indicate loading state.

package/esm/core/Modal/Modal.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 type { DialogMainProps } from '../Dialog/DialogMain.js';
 type ModalProps = {
     /**

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

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

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

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

package/esm/core/NonIdealState/ErrorPage.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';
 /** @deprecated Use `NonIdealState` instead. */
 export type ErrorPageType = '300' | '301' | '302' | '303' | '304' | '305' | '307' | '308' | '401' | '403' | '404' | '408' | '500' | '502' | '503' | '504' | 'generic';
 /** @deprecated Use `NonIdealState` instead. */

package/esm/core/NonIdealState/ErrorPage.js

@@ -121,13 +121,13 @@ export const ErrorPage = React.forwardRef((props, forwardedRef) => {
     }
     function getPrimaryButton() {
         if (!primaryButtonHandle || !primaryButtonLabel) {
-            return undefined;
+            return null;
         }
         return (React.createElement(Button, { styleType: 'high-visibility', onClick: primaryButtonHandle }, primaryButtonLabel));
     }
     function getSecondaryButton() {
         if (!secondaryButtonHandle || !secondaryButtonLabel) {
-            return undefined;
+            return null;
         }
         return (React.createElement(Button, { styleType: 'default', onClick: secondaryButtonHandle }, secondaryButtonLabel));
     }
@@ -135,7 +135,7 @@ export const ErrorPage = React.forwardRef((props, forwardedRef) => {
         const primaryButton = getPrimaryButton();
         const secondaryButton = getSecondaryButton();
         if (!primaryButton && !secondaryButton) {
-            return undefined;
+            return null;
         }
         return (React.createElement(React.Fragment, null,
             primaryButton,

package/esm/core/NonIdealState/NonIdealState.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 NonIdealStateProps = {
     /**
      * An svg component, preferably from @itwin/itwinui-illustrations-react.

package/esm/core/NonIdealState/NonIdealState.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';
 /**
  * A stylized display to communicate common http errors and other non-ideal states.

package/esm/core/NotificationMarker/NotificationMarker.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 NotificationMarkerProps = {
     /**
      * Content of the NotificationMarker.

package/esm/core/NotificationMarker/NotificationMarker.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';
 /**
  * A small notification circle to the top-right of the passed children prop.

package/esm/core/Overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type OverlayComponentProps = {
     /**
      * Page elements that are blurred by the Overlay. Will become blurred and inert.

package/esm/core/Overlay/Overlay.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
-import { Box, polymorphic } from '../utils/index.js';
+import { Box, polymorphic } from '../../utils/index.js';
 // --------------------------------------------------------------------------------
 const OverlayComponent = React.forwardRef((props, forwardedRef) => {
     const { content, children, ...rest } = props;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { Placement } from '@floating-ui/react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import type { PortalProps } from '../utils/components/Portal.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
+import type { PortalProps } from '../../utils/components/Portal.js';
 type PopoverOptions = {
     /**
      * Placement of the popover content.

package/esm/core/Popover/Popover.js

@@ -5,8 +5,8 @@
 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, useLayoutEffect, useMergedRefs, } from '../utils/index.js';
-import { Portal } from '../utils/components/Portal.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';
 // ----------------------------------------------------------------------------
 export const usePopover = (options) => {

package/esm/core/ProgressIndicators/ProgressLinear.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 ProgressLinearProps = {
     /**
      * Progress percentage. Should be a number between 0 and 100.

package/esm/core/ProgressIndicators/ProgressLinear.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { Box, ShadowRoot, getBoundedValue } from '../utils/index.js';
+import { Box, ShadowRoot, getBoundedValue } from '../../utils/index.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 /**
  * Shows progress on a linear bar

package/esm/core/ProgressIndicators/ProgressRadial.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 ProgressRadialProps = {
     /**
      * Progress percentage. Should be a number between 0 and 100.

package/esm/core/ProgressIndicators/ProgressRadial.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { SvgCheckmarkSmall, SvgImportantSmall, Box, getBoundedValue, ShadowRoot, } from '../utils/index.js';
+import { SvgCheckmarkSmall, SvgImportantSmall, Box, getBoundedValue, ShadowRoot, } from '../../utils/index.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 /**
  * Circular Progress Indicator

package/esm/core/Radio/Radio.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 RadioProps = {
     /**
      * Label of the radio.

package/esm/core/Radio/Radio.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { useMergedRefs, Box } from '../utils/index.js';
+import { useMergedRefs, Box } from '../../utils/index.js';
 /**
  * Basic radio input component
  * @example

package/esm/core/RadioTiles/RadioTile.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 RadioTileProps = {
     /**
      * Icon to be used.

package/esm/core/RadioTiles/RadioTile.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { useMergedRefs, Box } from '../utils/index.js';
+import { useMergedRefs, Box } from '../../utils/index.js';
 /**
  * RadioTile component to be used in RadioTileGroup component
  * @example

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { InputGroup } from '../InputGroup/InputGroup.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type RadioTileGroupProps = Omit<React.ComponentProps<typeof InputGroup>, 'displayStyle' | 'disabled'>;
 /**
  * RadioTileGroup component to group RadioTile components together

package/esm/core/RadioTiles/RadioTileGroup.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { InputGroup } from '../InputGroup/InputGroup.js';
-import { Box } from '../utils/index.js';
+import { Box } from '../../utils/index.js';
 /**
  * RadioTileGroup component to group RadioTile components together
  * @example

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent, InputFlexContainerProps } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent, InputFlexContainerProps } from '../../utils/index.js';
 import type { IconButtonProps } from '../Buttons/IconButton.js';
 import type { IconProps } from '../Icon/Icon.js';
 type SearchBoxOwnProps = {

package/esm/core/SearchBox/SearchBox.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { InputFlexContainer, SvgSearch, SvgCloseSmall, useSafeContext, useId, useMergedRefs, mergeEventHandlers, Box, InputFlexContainerIcon, InputFlexContainerButton, } from '../utils/index.js';
+import { InputFlexContainer, SvgSearch, SvgCloseSmall, useSafeContext, useId, useMergedRefs, mergeEventHandlers, Box, InputFlexContainerIcon, InputFlexContainerButton, } from '../../utils/index.js';
 const SearchBoxContext = React.createContext(undefined);
 const SearchBoxComponent = React.forwardRef((props, ref) => {
     const { size, expandable = false, isDisabled = false, onCollapse: onCollapseProp, onExpand: onExpandProp, isExpanded: isExpandedProp, children, inputProps, className, ...rest } = props;