@itwin/itwinui-react 3.0.0-dev.9 → 3.0.1

package/cjs/core/Dialog/DialogBackdrop.js

@@ -7,8 +7,8 @@ const tslib_1 = require('tslib');
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../Backdrop/index.js');
-const index_js_2 = require('../utils/index.js');
+const Backdrop_js_1 = require('../Backdrop/Backdrop.js');
+const index_js_1 = require('../utils/index.js');
 const DialogContext_js_1 = require('./DialogContext.js');
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 /**
@@ -31,7 +31,7 @@ exports.DialogBackdrop = React.forwardRef((props, ref) => {
     ...rest
   } = props;
   const backdropRef = React.useRef(null);
-  const refs = (0, index_js_2.useMergedRefs)(backdropRef, ref);
+  const refs = (0, index_js_1.useMergedRefs)(backdropRef, ref);
   const handleMouseDown = (event) => {
     // Prevents React from resetting its properties
     event.persist();
@@ -43,7 +43,7 @@ exports.DialogBackdrop = React.forwardRef((props, ref) => {
     }
     onMouseDown?.(event);
   };
-  return React.createElement(index_js_1.Backdrop, {
+  return React.createElement(Backdrop_js_1.Backdrop, {
     isVisible: isVisible,
     className: (0, classnames_1.default)(
       { 'iui-backdrop-fixed': relativeTo === 'viewport' },

package/cjs/core/Dialog/DialogTitleBar.js

@@ -9,7 +9,7 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const index_js_1 = require('../utils/index.js');
-const index_js_2 = require('../Buttons/index.js');
+const IconButton_js_1 = require('../Buttons/IconButton.js');
 const DialogContext_js_1 = require('./DialogContext.js');
 const DialogTitleBarTitle_js_1 = require('./DialogTitleBarTitle.js');
 const DialogDragContext_js_1 = require('./DialogDragContext.js');
@@ -74,7 +74,7 @@ exports.DialogTitleBar = Object.assign(
             ),
             isDismissible &&
               React.createElement(
-                index_js_2.IconButton,
+                IconButton_js_1.IconButton,
                 {
                   size: 'small',
                   styleType: 'borderless',

package/cjs/core/{utils/components → Divider}/Divider.d.ts

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

package/cjs/core/{utils/components → Divider}/Divider.js

@@ -8,7 +8,7 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const Box_js_1 = require('./Box.js');
+const Box_js_1 = require('../utils/components/Box.js');
 /**
  * Shows a divider
  */

package/cjs/core/DropdownMenu/DropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Popover } from '../utils/index.js';
 import type { PolymorphicForwardRefComponent, PortalProps } from '../utils/index.js';
+import { usePopover } from '../Popover/Popover.js';
 export type DropdownMenuProps = {
     /**
      * List of menu items. Recommended to use MenuItem component.
@@ -16,7 +16,7 @@ export type DropdownMenuProps = {
      * Child element to wrap dropdown with.
      */
     children: React.ReactNode;
-} & Pick<React.ComponentProps<typeof Popover>, 'visible' | 'onVisibleChange' | 'placement' | 'matchWidth'> & React.ComponentPropsWithoutRef<'ul'> & Pick<PortalProps, 'portal'>;
+} & Pick<Parameters<typeof usePopover>[0], 'visible' | 'onVisibleChange' | 'placement' | 'matchWidth'> & React.ComponentPropsWithoutRef<'ul'> & Pick<PortalProps, 'portal'>;
 /**
  * Dropdown menu component.
  * Built on top of the {@link Popover} component.

package/cjs/core/DropdownMenu/DropdownMenu.js

@@ -8,7 +8,8 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const index_js_1 = require('../utils/index.js');
-const index_js_2 = require('../Menu/index.js');
+const Menu_js_1 = require('../Menu/Menu.js');
+const Popover_js_1 = require('../Popover/Popover.js');
 /**
  * Dropdown menu component.
  * Built on top of the {@link Popover} component.
@@ -56,7 +57,7 @@ exports.DropdownMenu = React.forwardRef((props, forwardedRef) => {
     }
     return menuItems;
   }, [menuItems, close]);
-  const popover = (0, index_js_1.usePopover)({
+  const popover = (0, Popover_js_1.usePopover)({
     visible,
     onVisibleChange: (open) => (open ? setVisible(true) : close()),
     placement,
@@ -79,7 +80,7 @@ exports.DropdownMenu = React.forwardRef((props, forwardedRef) => {
         index_js_1.Portal,
         { portal: portal },
         React.createElement(
-          index_js_2.Menu,
+          Menu_js_1.Menu,
           {
             ...popover.getFloatingProps({
               role,

package/cjs/core/ExpandableBlock/ExpandableBlock.d.ts

@@ -106,7 +106,7 @@ 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" | "large" | "auto" | "medium" | import("../utils/types.js").AnyString | undefined;
+        size?: "small" | "auto" | "medium" | "large" | import("../utils/types.js").AnyString | undefined;
         fill?: "default" | "informational" | "negative" | "positive" | "warning" | import("../utils/types.js").AnyString | undefined;
         padded?: boolean | undefined;
     } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {

package/cjs/core/ExpandableBlock/ExpandableBlock.js

@@ -9,6 +9,7 @@ const tslib_1 = require('tslib');
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const React = tslib_1.__importStar(require('react'));
 const index_js_1 = require('../utils/index.js');
+const Icon_js_1 = require('../Icon/Icon.js');
 const ExpandableBlockContext = React.createContext(undefined);
 ExpandableBlockContext.displayName = 'ExpandableBlockContext';
 const ExpandableBlockComponent = React.forwardRef((props, forwardedRef) => {
@@ -125,7 +126,7 @@ ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
 const ExpandableBlockExpandIcon = React.forwardRef((props, forwardedRef) => {
   const { className, children, ...rest } = props;
   return React.createElement(
-    index_js_1.Icon,
+    Icon_js_1.Icon,
     {
       className: (0, classnames_1.default)(
         'iui-expandable-block-icon',
@@ -176,7 +177,7 @@ const ExpandableBlockEndIcon = React.forwardRef((props, forwardedRef) => {
   const { status } = (0, index_js_1.useSafeContext)(ExpandableBlockContext);
   const icon = children ?? (status && index_js_1.StatusIconMap[status]());
   return React.createElement(
-    index_js_1.Icon,
+    Icon_js_1.Icon,
     { fill: status, ref: forwardedRef, ...rest },
     icon,
   );

package/cjs/core/FileUpload/FileUploadCard.js

@@ -10,7 +10,8 @@ const React = tslib_1.__importStar(require('react'));
 const index_js_1 = require('../utils/index.js');
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const FileEmptyCard_js_1 = require('./FileEmptyCard.js');
-const Anchor_js_1 = require('../Typography/Anchor/Anchor.js');
+const Anchor_js_1 = require('../Typography/Anchor.js');
+const VisuallyHidden_js_1 = require('../VisuallyHidden/VisuallyHidden.js');
 const toBytes = (bytes) => {
   const units = [' bytes', 'KB', 'MB', 'GB', 'TB'];
   let i = 0;
@@ -128,7 +129,7 @@ const FileUploadCardInput = React.forwardRef((props, ref) => {
   return React.createElement(
     React.Fragment,
     null,
-    React.createElement(index_js_1.VisuallyHidden, {
+    React.createElement(VisuallyHidden_js_1.VisuallyHidden, {
       as: 'input',
       type: 'file',
       unhideOnFocus: false,

package/cjs/core/FileUpload/FileUploadTemplate.js

@@ -9,7 +9,7 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const index_js_1 = require('../utils/index.js');
-const Anchor_js_1 = require('../Typography/Anchor/Anchor.js');
+const Anchor_js_1 = require('../Typography/Anchor.js');
 /**
  * @deprecated Use `FileUploadCard` instead.
  * Default template to be used with the `FileUpload` wrapper component.

package/cjs/core/{utils/components → Flex}/Flex.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { AnyString } from '../types.js';
-import type { PolymorphicForwardRefComponent } from '../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/cjs/core/{utils/components → Flex}/Flex.js

@@ -8,7 +8,7 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const Box_js_1 = require('./Box.js');
+const Box_js_1 = require('../utils/components/Box.js');
 const sizeTokens = ['3xs', '2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'];
 const getValueForToken = (token) => {
   if (sizeTokens.includes(token)) {

package/cjs/core/Header/Header.js

@@ -8,9 +8,9 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../Buttons/index.js');
-const index_js_2 = require('../utils/index.js');
-const index_js_3 = require('../DropdownMenu/index.js');
+const IconButton_js_1 = require('../Buttons/IconButton.js');
+const index_js_1 = require('../utils/index.js');
+const DropdownMenu_js_1 = require('../DropdownMenu/DropdownMenu.js');
 const defaultTranslations = {
   moreOptions: 'More options',
 };
@@ -55,7 +55,7 @@ exports.Header = React.forwardRef((props, forwardedRef) => {
   } = props;
   const headerTranslations = { ...defaultTranslations, ...translatedStrings };
   return React.createElement(
-    index_js_2.Box,
+    index_js_1.Box,
     {
       as: 'header',
       className: (0, classnames_1.default)('iui-page-header', className),
@@ -64,36 +64,36 @@ exports.Header = React.forwardRef((props, forwardedRef) => {
       ...rest,
     },
     React.createElement(
-      index_js_2.Box,
+      index_js_1.Box,
       { className: 'iui-page-header-left' },
       appLogo,
       breadcrumbs &&
-        React.createElement(index_js_2.Box, {
+        React.createElement(index_js_1.Box, {
           className: 'iui-page-header-divider',
         }),
       breadcrumbs,
     ),
     children &&
       React.createElement(
-        index_js_2.Box,
+        index_js_1.Box,
         { className: 'iui-page-header-center' },
         children,
       ),
     React.createElement(
-      index_js_2.Box,
+      index_js_1.Box,
       { className: 'iui-page-header-right' },
       actions,
       menuItems &&
         React.createElement(
-          index_js_3.DropdownMenu,
+          DropdownMenu_js_1.DropdownMenu,
           { menuItems: menuItems },
           React.createElement(
-            index_js_1.IconButton,
+            IconButton_js_1.IconButton,
             {
               styleType: 'borderless',
               'aria-label': headerTranslations.moreOptions,
             },
-            React.createElement(index_js_2.SvgMoreVertical, {
+            React.createElement(index_js_1.SvgMoreVertical, {
               'aria-hidden': true,
             }),
           ),

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

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

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import type { ButtonProps } from '../Buttons/Button/Button.js';
+import type { ButtonProps } from '../Buttons/Button.js';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import type { DropdownButtonProps } from '../Buttons/DropdownButton/DropdownButton.js';
+import type { DropdownButtonProps } from '../Buttons/DropdownButton.js';
 type HeaderButtonProps = {
     /**
      * Main label of the header button.

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

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

package/cjs/core/Header/HeaderDropdownButton.js

@@ -8,22 +8,22 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../DropdownMenu/index.js');
-const index_js_2 = require('../utils/index.js');
+const DropdownMenu_js_1 = require('../DropdownMenu/DropdownMenu.js');
+const index_js_1 = require('../utils/index.js');
 const HeaderBasicButton_js_1 = require('./HeaderBasicButton.js');
 exports.HeaderDropdownButton = React.forwardRef((props, ref) => {
   const { menuItems, className, children, ...rest } = props;
   const [isMenuOpen, setIsMenuOpen] = React.useState(false);
   const [menuWidth, setMenuWidth] = React.useState(0);
   const buttonRef = React.useRef(null);
-  const refs = (0, index_js_2.useMergedRefs)(ref, buttonRef);
+  const refs = (0, index_js_1.useMergedRefs)(ref, buttonRef);
   React.useEffect(() => {
     if (buttonRef.current) {
       setMenuWidth(buttonRef.current.offsetWidth);
     }
   }, [children]);
   return React.createElement(
-    index_js_1.DropdownMenu,
+    DropdownMenu_js_1.DropdownMenu,
     {
       menuItems: menuItems,
       style: { minInlineSize: menuWidth },
@@ -39,11 +39,11 @@ exports.HeaderDropdownButton = React.forwardRef((props, ref) => {
         ref: refs,
         'aria-label': 'Dropdown',
         endIcon: isMenuOpen
-          ? React.createElement(index_js_2.SvgCaretUpSmall, {
+          ? React.createElement(index_js_1.SvgCaretUpSmall, {
               className: 'iui-header-breadcrumb-button-dropdown-icon',
               'aria-hidden': true,
             })
-          : React.createElement(index_js_2.SvgCaretDownSmall, {
+          : React.createElement(index_js_1.SvgCaretDownSmall, {
               className: 'iui-header-breadcrumb-button-dropdown-icon',
               'aria-hidden': true,
             }),

package/cjs/core/Header/HeaderSplitButton.d.ts

@@ -1,4 +1,4 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import type { SplitButtonProps } from '../Buttons/SplitButton/SplitButton.js';
+import type { SplitButtonProps } from '../Buttons/SplitButton.js';
 export declare const HeaderSplitButton: PolymorphicForwardRefComponent<"button", SplitButtonProps>;
 export default HeaderSplitButton;

package/cjs/core/Header/HeaderSplitButton.js

@@ -8,8 +8,8 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../DropdownMenu/index.js');
-const index_js_2 = require('../utils/index.js');
+const DropdownMenu_js_1 = require('../DropdownMenu/DropdownMenu.js');
+const index_js_1 = require('../utils/index.js');
 const HeaderBasicButton_js_1 = require('./HeaderBasicButton.js');
 exports.HeaderSplitButton = React.forwardRef((props, forwardedRef) => {
   const {
@@ -29,7 +29,7 @@ exports.HeaderSplitButton = React.forwardRef((props, forwardedRef) => {
     }
   }, [children]);
   return React.createElement(
-    index_js_2.Box,
+    index_js_1.Box,
     {
       className: (0, classnames_1.default)(
         'iui-header-breadcrumb-button-wrapper',
@@ -43,7 +43,7 @@ exports.HeaderSplitButton = React.forwardRef((props, forwardedRef) => {
       children,
     ),
     React.createElement(
-      index_js_1.DropdownMenu,
+      DropdownMenu_js_1.DropdownMenu,
       {
         placement: menuPlacement,
         menuItems: menuItems,
@@ -51,7 +51,7 @@ exports.HeaderSplitButton = React.forwardRef((props, forwardedRef) => {
         onVisibleChange: (open) => setIsMenuOpen(open),
       },
       React.createElement(
-        index_js_2.ButtonBase,
+        index_js_1.ButtonBase,
         {
           'aria-label': 'More',
           className:
@@ -59,11 +59,11 @@ exports.HeaderSplitButton = React.forwardRef((props, forwardedRef) => {
           disabled: disabled,
         },
         isMenuOpen
-          ? React.createElement(index_js_2.SvgCaretUpSmall, {
+          ? React.createElement(index_js_1.SvgCaretUpSmall, {
               className: 'iui-header-breadcrumb-button-dropdown-icon',
               'aria-hidden': true,
             })
-          : React.createElement(index_js_2.SvgCaretDownSmall, {
+          : React.createElement(index_js_1.SvgCaretDownSmall, {
               className: 'iui-header-breadcrumb-button-dropdown-icon',
               'aria-hidden': true,
             }),

package/{esm/core/utils/components → cjs/core/Icon}/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { AnyString } from '../types.js';
-import type { PolymorphicForwardRefComponent } from '../props.js';
+import type { AnyString } from '../utils/types.js';
+import type { PolymorphicForwardRefComponent } from '../utils/props.js';
 export type IconProps = {
     /**
      * Size of the svg.

package/cjs/core/{utils/components → Icon}/Icon.js

@@ -8,7 +8,7 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const Box_js_1 = require('./Box.js');
+const Box_js_1 = require('../utils/components/Box.js');
 const getSizeValue = (size) => {
   switch (size) {
     case 'small':

package/cjs/core/InformationPanel/InformationPanelHeader.js

@@ -8,8 +8,8 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const index_js_1 = require('../Buttons/index.js');
-const index_js_2 = require('../utils/index.js');
+const IconButton_js_1 = require('../Buttons/IconButton.js');
+const index_js_1 = require('../utils/index.js');
 /**
  * Header of the InformationPanel to be passed in the `header` prop.
  *
@@ -29,26 +29,26 @@ const index_js_2 = require('../utils/index.js');
 exports.InformationPanelHeader = React.forwardRef((props, forwardedRef) => {
   const { children, onClose, actions, className, ...rest } = props;
   return React.createElement(
-    index_js_2.Box,
+    index_js_1.Box,
     {
       className: (0, classnames_1.default)('iui-information-header', className),
       ref: forwardedRef,
       ...rest,
     },
     React.createElement(
-      index_js_2.Box,
+      index_js_1.Box,
       { as: 'span', className: 'iui-information-header-label' },
       children,
     ),
     React.createElement(
-      index_js_2.Box,
+      index_js_1.Box,
       { className: 'iui-information-header-actions' },
       actions,
       onClose &&
         React.createElement(
-          index_js_1.IconButton,
+          IconButton_js_1.IconButton,
           { styleType: 'borderless', onClick: onClose, 'aria-label': 'Close' },
-          React.createElement(index_js_2.SvgCloseSmall, {
+          React.createElement(index_js_1.SvgCloseSmall, {
             'aria-hidden': true,
           }),
         ),

package/cjs/core/Input/Input.d.ts

@@ -17,7 +17,6 @@ export type InputProps = {
 /**
  * Basic input component
  * @example
- * <Input setFocus />
  * <Input disabled />
  * <Input size='small' />
  */

package/cjs/core/Input/Input.js

@@ -12,7 +12,6 @@ const index_js_1 = require('../utils/index.js');
 /**
  * Basic input component
  * @example
- * <Input setFocus />
  * <Input disabled />
  * <Input size='small' />
  */

package/cjs/core/InputGroup/InputGroup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import { StatusMessage } from '../StatusMessage/index.js';
+import { StatusMessage } from '../StatusMessage/StatusMessage.js';
 type InputGroupProps = {
     /**
      * Label of the group.

package/cjs/core/InputGroup/InputGroup.js

@@ -9,9 +9,9 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const index_js_1 = require('../utils/index.js');
-const index_js_2 = require('../InputGrid/index.js');
-const index_js_3 = require('../Label/index.js');
-const index_js_4 = require('../StatusMessage/index.js');
+const InputGrid_js_1 = require('../InputGrid/InputGrid.js');
+const Label_js_1 = require('../Label/Label.js');
+const StatusMessage_js_1 = require('../StatusMessage/StatusMessage.js');
 /**
  * Group Checkbox/Radio components together
  * @example
@@ -55,7 +55,7 @@ exports.InputGroup = React.forwardRef((props, forwardedRef) => {
     return undefined;
   };
   return React.createElement(
-    index_js_2.InputGrid,
+    InputGrid_js_1.InputGrid,
     {
       ref: forwardedRef,
       as: 'div',
@@ -68,7 +68,7 @@ exports.InputGroup = React.forwardRef((props, forwardedRef) => {
     },
     label &&
       React.createElement(
-        index_js_3.Label,
+        Label_js_1.Label,
         { as: 'label', required: required, disabled: disabled, ...labelProps },
         label,
       ),
@@ -86,7 +86,7 @@ exports.InputGroup = React.forwardRef((props, forwardedRef) => {
     ),
     (message || status || svgIcon) &&
       React.createElement(
-        index_js_4.StatusMessage,
+        StatusMessage_js_1.StatusMessage,
         { startIcon: icon(), status: status, ...messageProps },
         displayStyle !== 'inline' && message,
       ),

package/cjs/core/InputWithDecorations/InputWithDecorations.d.ts

@@ -33,7 +33,7 @@ export declare const InputWithDecorations: PolymorphicForwardRefComponent<"div",
         isActive?: boolean | undefined;
         label?: React.ReactNode;
         iconProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | undefined;
-    } & Omit<import("../Buttons/Button/Button.js").ButtonProps, "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
+    } & Omit<import("../Buttons/Button.js").ButtonProps, "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
         as?: "button" | undefined;
     }>;
 };

package/cjs/core/InputWithDecorations/InputWithDecorations.js

@@ -8,7 +8,7 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const index_js_1 = require('../utils/index.js');
-const index_js_2 = require('../Buttons/index.js');
+const IconButton_js_1 = require('../Buttons/IconButton.js');
 const InputWithDecorationsContext = React.createContext(undefined);
 const InputWithDecorationsComponent = React.forwardRef((props, ref) => {
   const { children, size, isDisabled, ...rest } = props;
@@ -44,7 +44,7 @@ const InputWithDecorationsButton = React.forwardRef((props, ref) => {
     InputWithDecorationsContext,
   );
   return React.createElement(
-    index_js_2.IconButton,
+    IconButton_js_1.IconButton,
     {
       ref: ref,
       size: size ?? contextSize,

package/cjs/core/LabeledInput/LabeledInput.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Input } from '../Input/Input.js';
-import { Icon } from '../utils/index.js';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import { InputGrid } from '../InputGrid/index.js';
-import { InputWithDecorations } from '../InputWithDecorations/index.js';
+import { InputGrid } from '../InputGrid/InputGrid.js';
+import { InputWithDecorations } from '../InputWithDecorations/InputWithDecorations.js';
+import { Icon } from '../Icon/Icon.js';
 export type LabeledInputProps = {
     /**
      * Label of the input.
@@ -56,7 +56,7 @@ export type LabeledInputProps = {
  * <LabeledInput label='My label' />
  * <LabeledInput disabled label='My label' />
  * <LabeledInput status='positive' label='Positive' />
- * <LabeledInput status='negative' label='Negative' setFocus />
+ * <LabeledInput status='negative' label='Negative' />
  */
 export declare const LabeledInput: PolymorphicForwardRefComponent<"input", LabeledInputProps>;
 export default LabeledInput;

package/cjs/core/LabeledInput/LabeledInput.js

@@ -8,17 +8,18 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const index_js_1 = require('../utils/index.js');
-const index_js_2 = require('../InputGrid/index.js');
-const index_js_3 = require('../InputWithDecorations/index.js');
+const InputGrid_js_1 = require('../InputGrid/InputGrid.js');
+const InputWithDecorations_js_1 = require('../InputWithDecorations/InputWithDecorations.js');
 const StatusMessage_js_1 = require('../StatusMessage/StatusMessage.js');
 const Label_js_1 = require('../Label/Label.js');
+const Icon_js_1 = require('../Icon/Icon.js');
 /**
  * Basic labeled input component
  * @example
  * <LabeledInput label='My label' />
  * <LabeledInput disabled label='My label' />
  * <LabeledInput status='positive' label='Positive' />
- * <LabeledInput status='negative' label='Negative' setFocus />
+ * <LabeledInput status='negative' label='Negative' />
  */
 exports.LabeledInput = React.forwardRef((props, ref) => {
   const uid = (0, index_js_1.useId)();
@@ -41,7 +42,7 @@ exports.LabeledInput = React.forwardRef((props, ref) => {
   const icon = svgIcon ?? (status && index_js_1.StatusIconMap[status]());
   const shouldShowIcon = svgIcon !== null && (svgIcon || (status && !message));
   return React.createElement(
-    index_js_2.InputGrid,
+    InputGrid_js_1.InputGrid,
     { labelPlacement: displayStyle, ...wrapperProps },
     label &&
       React.createElement(
@@ -56,18 +57,15 @@ exports.LabeledInput = React.forwardRef((props, ref) => {
         label,
       ),
     React.createElement(
-      index_js_3.InputWithDecorations,
+      InputWithDecorations_js_1.InputWithDecorations,
       { status: status, isDisabled: disabled, ...inputWrapperProps },
-      React.createElement(index_js_3.InputWithDecorations.Input, {
-        disabled: disabled,
-        required: required,
-        id: id,
-        ref: ref,
-        ...rest,
-      }),
+      React.createElement(
+        InputWithDecorations_js_1.InputWithDecorations.Input,
+        { disabled: disabled, required: required, id: id, ref: ref, ...rest },
+      ),
       shouldShowIcon &&
         React.createElement(
-          index_js_1.Icon,
+          Icon_js_1.Icon,
           { fill: !svgIcon ? status : undefined, padded: true, ...iconProps },
           icon,
         ),