@itwin/itwinui-react 3.17.0-dev.1 → 3.17.0

package/cjs/core/Dialog/DialogMainContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type DialogMainContextProps = {
+    beforeClose: () => void;
+};
+export declare const DialogMainContext: React.Context<DialogMainContextProps | null>;
+export declare const useDialogMainContext: () => DialogMainContextProps | null;
+export {};

package/cjs/core/Dialog/DialogMainContext.js

@@ -0,0 +1,23 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  DialogMainContext: function () {
+    return DialogMainContext;
+  },
+  useDialogMainContext: function () {
+    return useDialogMainContext;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const DialogMainContext = _react.createContext(null);
+const useDialogMainContext = () => _react.useContext(DialogMainContext);

package/cjs/core/Dialog/DialogTitleBar.js

@@ -10,16 +10,20 @@ Object.defineProperty(exports, 'DialogTitleBar', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _DialogContext = require('./DialogContext.js');
+const _DialogMainContext = require('./DialogMainContext.js');
 const _DialogTitleBarTitle = require('./DialogTitleBarTitle.js');
 const _DialogDragContext = require('./DialogDragContext.js');
 const DialogTitleBar = Object.assign(
   _react.forwardRef((props, ref) => {
     let dialogContext = (0, _DialogContext.useDialogContext)();
+    let dialogMainContext = (0, _DialogMainContext.useDialogMainContext)();
     let {
       children,
       titleText,
@@ -31,6 +35,13 @@ const DialogTitleBar = Object.assign(
       ...rest
     } = props;
     let { onPointerDown } = (0, _DialogDragContext.useDialogDragContext)();
+    let onClick = _react.useCallback(
+      (e) => {
+        dialogMainContext?.beforeClose();
+        onClose?.(e);
+      },
+      [dialogMainContext, onClose],
+    );
     return _react.createElement(
       _index.Box,
       {
@@ -60,7 +71,7 @@ const DialogTitleBar = Object.assign(
                 {
                   size: 'small',
                   styleType: 'borderless',
-                  onClick: onClose,
+                  onClick: onClick,
                   'aria-label': 'Close',
                   'data-iui-shift': 'right',
                 },

package/cjs/core/Divider/Divider.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Divider', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Box = require('../../utils/components/Box.js');
 const Divider = _react.forwardRef((props, ref) => {
   let { className, orientation = 'horizontal', ...rest } = props;

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

@@ -6,7 +6,7 @@ export type DropdownMenuProps = {
      * List of menu items. Recommended to use MenuItem component.
      * You can pass function that takes argument `close` that closes the dropdown menu, or a list of MenuItems.
      */
-    menuItems: ((close: () => void) => JSX.Element[]) | JSX.Element[] | JSX.Element;
+    menuItems: ((close: () => void) => React.JSX.Element[]) | React.JSX.Element[] | React.JSX.Element;
     /**
      * ARIA role. Role of menu. For menu use 'menu', for select use 'listbox'.
      * @default 'menu'

package/cjs/core/DropdownMenu/DropdownMenu.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'DropdownMenu', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Menu = require('../Menu/Menu.js');
 const _react1 = require('@floating-ui/react');

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

@@ -103,9 +103,7 @@ export declare const ExpandableBlock: PolymorphicForwardRefComponent<"div", Expa
      *    <ExpandableBlock.EndIcon> <SvgIcon/> </ExpandableBlock.EndIcon>
      * <ExpandableBlock.Trigger/>
      */
-    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"> & {
+    EndIcon: PolymorphicForwardRefComponent<"span", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
         size?: "auto" | "small" | "medium" | "large" | import("../../utils/types.js").AnyString;
         fill?: "default" | "positive" | "informational" | "negative" | "warning" | import("../../utils/types.js").AnyString;
         padded?: boolean;

package/cjs/core/ExpandableBlock/ExpandableBlock.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ExpandableBlock', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Icon = require('../Icon/Icon.js');
 const _LinkAction = require('../LinkAction/LinkAction.js');

package/cjs/core/Fieldset/Fieldset.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'Fieldset', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const Fieldset = _react.forwardRef((props, ref) => {
   let { children, className, disabled, legend, ...rest } = props;
   return _react.createElement(

package/cjs/core/FileUpload/FileEmptyCard.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'FileEmptyCard', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _FileUploadCard = require('./FileUploadCard.js');
 const FileEmptyCardIcon = _index.polymorphic.span('iui-file-card-empty-icon', {
   children: _react.createElement(_index.SvgUpload, null),

package/cjs/core/FileUpload/FileUpload.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'FileUpload', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const FileUpload = _react.forwardRef((props, forwardedRef) => {
   let { dragContent, children, onFileDropped, contentProps, ...rest } = props;

package/cjs/core/FileUpload/FileUploadCard.js

@@ -19,9 +19,11 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _FileEmptyCard = require('./FileEmptyCard.js');
 const _Anchor = require('../Typography/Anchor.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');

package/cjs/core/FileUpload/FileUploadTemplate.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'FileUploadTemplate', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _Anchor = require('../Typography/Anchor.js');
 const FileUploadTemplate = _react.forwardRef((props, ref) => {

package/cjs/core/Flex/Flex.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Flex', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Box = require('../../utils/components/Box.js');
 const sizeTokens = ['3xs', '2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'];
 const getValueForToken = (token) => {

package/cjs/core/Footer/Footer.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _FooterItem = require('./FooterItem.js');
 const _FooterSeparator = require('./FooterSeparator.js');

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

@@ -53,7 +53,7 @@ type HeaderProps = {
      * Pass a function that takes the `close` argument (to close the menu),
      * and returns a list of `MenuItem` components.
      */
-    menuItems?: (close: () => void) => JSX.Element[];
+    menuItems?: (close: () => void) => React.JSX.Element[];
     /**
      * If true, the header height is reduced, typically used when viewing 3D content.
      * @default false

package/cjs/core/Header/Header.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Header', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _IconButton = require('../Buttons/IconButton.js');
 const _index = require('../../utils/index.js');
 const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');

package/cjs/core/Header/HeaderBasicButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'HeaderBasicButton', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const HeaderBasicButton = _react.forwardRef((props, ref) => {
   let { className, children, startIcon, endIcon, styleType, size, ...rest } =

package/cjs/core/Header/HeaderBreadcrumbs.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'HeaderBreadcrumbs', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const HeaderBreadcrumbs = _react.forwardRef((props, forwardedRef) => {
   let { className, items, ...rest } = props;

package/cjs/core/Header/HeaderButton.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'HeaderButton', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _HeaderSplitButton = require('./HeaderSplitButton.js');
 const _HeaderDropdownButton = require('./HeaderDropdownButton.js');

package/cjs/core/Header/HeaderDropdownButton.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'HeaderDropdownButton', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _index = require('../../utils/index.js');
 const _HeaderBasicButton = require('./HeaderBasicButton.js');

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

@@ -1,9 +1,10 @@
+import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type HeaderLogoOwnProps = {
     /**
      * Logo shown before the main content.
      */
-    logo: JSX.Element;
+    logo: React.JSX.Element;
     /**
      * Click event handler.
      * If passed, the component will be rendered as a `<button>` rather than `<div>`.

package/cjs/core/Header/HeaderLogo.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'HeaderLogo', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const HeaderLogo = _react.forwardRef((props, ref) => {
   let {

package/cjs/core/Header/HeaderSplitButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'HeaderSplitButton', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _index = require('../../utils/index.js');
 const _HeaderBasicButton = require('./HeaderBasicButton.js');

package/cjs/core/Icon/Icon.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Icon', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Box = require('../../utils/components/Box.js');
 const getSizeValue = (size) => {
   switch (size) {

package/cjs/core/InformationPanel/InformationPanel.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'InformationPanel', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const InformationPanel = _react.forwardRef((props, forwardedRef) => {
   let {

package/cjs/core/InformationPanel/InformationPanelContent.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'InformationPanelContent', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const InformationPanelContent = _react.forwardRef((props, forwardedRef) => {
   let { className, displayStyle = 'default', children, ...rest } = props;

package/cjs/core/InformationPanel/InformationPanelHeader.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'InformationPanelHeader', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _IconButton = require('../Buttons/IconButton.js');
 const _index = require('../../utils/index.js');
 const InformationPanelHeader = _react.forwardRef((props, forwardedRef) => {

package/cjs/core/Input/Input.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Input', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const Input = _react.forwardRef((props, ref) => {
   let { size, htmlSize, status, className, ...rest } = props;

package/cjs/core/InputGrid/InputGrid.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'InputGrid', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Label = require('../Label/Label.js');
 const _Input = require('../Input/Input.js');
 const _Textarea = require('../Textarea/Textarea.js');

package/cjs/core/InputGroup/InputGroup.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'InputGroup', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _InputGrid = require('../InputGrid/InputGrid.js');
 const _Label = require('../Label/Label.js');

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

@@ -15,9 +15,7 @@ import type { InputProps } from '../Input/Input.js';
  *    </InputWithDecorations.Icon>
  * </InputWithDecorations>
  */
-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 & {
+export declare const InputWithDecorations: PolymorphicForwardRefComponent<"div", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "as" | keyof import("../../utils/index.js").InputFlexContainerProps> & import("../../utils/index.js").InputFlexContainerProps & {
     as?: "div" | undefined;
 }> & {
     /**
@@ -30,9 +28,7 @@ export declare const InputWithDecorations: PolymorphicForwardRefComponent<"div",
      * Although similar to `IconButton`, this subcomponent additionally collapses the padding between the button and the input/textarea
      * in `InputWithDecorations`.
      */
-    Button: PolymorphicForwardRefComponent<"button", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, "label" | "title" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & Omit<import("../Buttons/IconButton.js").IconButtonProps, "styleType"> & {
+    Button: PolymorphicForwardRefComponent<"button", Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "title" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & Omit<import("../Buttons/IconButton.js").IconButtonProps, "styleType"> & {
         styleType?: import("../Buttons/IconButton.js").IconButtonProps["styleType"];
     } & {
         as?: "button" | undefined;

package/cjs/core/InputWithDecorations/InputWithDecorations.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'InputWithDecorations', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const InputWithDecorationsContext = _react.createContext(void 0);
 const InputWithDecorationsComponent = _react.forwardRef((props, ref) => {

package/cjs/core/Label/Label.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Label', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const Label = _react.forwardRef((props, forwardedRef) => {
   let {
@@ -34,7 +36,7 @@ const Label = _react.forwardRef((props, forwardedRef) => {
         },
         className,
       ),
-      'data-iui-disabled': !!disabled || void 0,
+      'data-iui-disabled': disabled ? true : void 0,
       ref: forwardedRef,
       ...rest,
     },

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

@@ -19,7 +19,7 @@ export type LabeledInputProps = {
     /**
      * Custom svg icon. Will override status icon if specified.
      */
-    svgIcon?: JSX.Element | null;
+    svgIcon?: React.JSX.Element | null;
     /**
      * Pass props to wrapper element.
      */

package/cjs/core/LabeledInput/LabeledInput.js

@@ -10,14 +10,16 @@ Object.defineProperty(exports, 'LabeledInput', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Input = require('../Input/Input.js');
 const _index = require('../../utils/index.js');
 const _InputGrid = require('../InputGrid/InputGrid.js');
 const _StatusMessage = require('../StatusMessage/StatusMessage.js');
 const _Label = require('../Label/Label.js');
 const _Icon = require('../Icon/Icon.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const LabeledInput = _react.forwardRef((props, ref) => {
   let {
     disabled = false,

package/cjs/core/LabeledSelect/LabeledSelect.d.ts

@@ -38,7 +38,7 @@ export type LabeledSelectProps<T> = {
      *
      * Custom svg icon. Will override status icon if specified.
      */
-    svgIcon?: JSX.Element;
+    svgIcon?: React.JSX.Element;
     /**
      * If true, shows a red asterisk.
      *
@@ -104,4 +104,4 @@ export type LabeledSelectProps<T> = {
  */
 export declare const LabeledSelect: <T>(props: LabeledSelectProps<T> & {
     ref?: React.ForwardedRef<HTMLElement>;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/cjs/core/LabeledSelect/LabeledSelect.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'LabeledSelect', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Select = require('../Select/Select.js');
 const _StatusMessage = require('../StatusMessage/StatusMessage.js');
 const _InputGrid = require('../InputGrid/InputGrid.js');

package/cjs/core/LabeledTextarea/LabeledTextarea.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'LabeledTextarea', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _LabeledInput = require('../LabeledInput/LabeledInput.js');
 const LabeledTextarea = _react.forwardRef((props, forwardedRef) =>
   _react.createElement(_LabeledInput.LabeledInput, {

package/cjs/core/LinkAction/LinkAction.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _polymorphic = require('../../utils/functions/polymorphic.js');
 const _index = require('../../utils/components/index.js');
 const LinkAction = _react.forwardRef((props, forwardedRef) => {

package/cjs/core/List/List.d.ts

@@ -1 +1,2 @@
-export declare const List: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+import { type PolymorphicForwardRefComponent } from '../../utils/index.js';
+export declare const List: PolymorphicForwardRefComponent<"div">;