@carbon/react 1.48.0 → 1.49.0-rc.0

package/lib/components/FileUploader/FileUploaderItem.d.ts

@@ -53,7 +53,7 @@ export interface FileUploaderItemProps extends ReactAttr<HTMLSpanElement> {
      */
     uuid?: string;
 }
-declare function FileUploaderItem({ uuid, name, status, iconDescription, onDelete, invalid, errorSubject, errorBody, size, ...other }: FileUploaderItemProps): JSX.Element;
+declare function FileUploaderItem({ uuid, name, status, iconDescription, onDelete, invalid, errorSubject, errorBody, size, ...other }: FileUploaderItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploaderItem {
     var propTypes: {
         /**

package/lib/components/FileUploader/Filename.d.ts

@@ -35,7 +35,7 @@ export interface FilenameProps extends Omit<ReactAttr & SVGAttr, 'tabIndex' | 't
      */
     tabIndex?: number;
 }
-declare function Filename({ iconDescription, status, invalid, name, tabIndex, ['aria-describedby']: ariaDescribedBy, ...rest }: FilenameProps): JSX.Element | null;
+declare function Filename({ iconDescription, status, invalid, name, tabIndex, ['aria-describedby']: ariaDescribedBy, ...rest }: FilenameProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Filename {
     var propTypes: {
         /**

package/lib/components/Form/Form.d.ts

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import { type ComponentProps } from 'react';
 type FormProps = ComponentProps<'form'>;
-declare function Form({ className, children, ...other }: FormProps): JSX.Element;
+declare function Form({ className, children, ...other }: FormProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Form {
     var propTypes: {
         /**

package/lib/components/FormGroup/FormGroup.d.ts

@@ -39,7 +39,7 @@ export interface FormGroupProps extends ReactAttr<HTMLFieldSetElement> {
     messageText?: string;
 }
 declare const FormGroup: {
-    ({ legendId, legendText, invalid, children, className, message, messageText, ...rest }: FormGroupProps): JSX.Element;
+    ({ legendId, legendText, invalid, children, className, message, messageText, ...rest }: FormGroupProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide the children form elements to be rendered inside of the <fieldset>

package/lib/components/FormItem/FormItem.d.ts

@@ -16,7 +16,7 @@ type FormItemProps = {
      */
     className?: string;
 };
-declare function FormItem({ className, children, ...rest }: FormItemProps): JSX.Element;
+declare function FormItem({ className, children, ...rest }: FormItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FormItem {
     var propTypes: {
         /**

package/lib/components/FormLabel/FormLabel.d.ts

@@ -20,7 +20,7 @@ export interface FormLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabel
      */
     id?: string;
 }
-declare function FormLabel({ className: customClassName, children, id, ...rest }: FormLabelProps): JSX.Element;
+declare function FormLabel({ className: customClassName, children, id, ...rest }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FormLabel {
     var propTypes: {
         /**

package/lib/components/Heading/index.d.ts

@@ -4,13 +4,13 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
+import React, { type ElementType } from 'react';
+import type { PolymorphicProps } from '../../types/common';
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 type SectionBaseProps = {
     level?: HeadingLevel;
 };
-export declare const Section: React.ForwardRefExoticComponent<Pick<SectionBaseProps & Omit<any, "as"> & {
-    as?: React.ElementType<any> | undefined;
-}, string | number | symbol> & React.RefAttributes<unknown>>;
-export declare const Heading: React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>;
+type SectionProps<E extends ElementType> = PolymorphicProps<E, SectionBaseProps>;
+export declare const Section: React.ForwardRefExoticComponent<Omit<SectionProps<React.ElementType<any>>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Heading: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export {};

package/lib/components/Icon/Icon.Skeleton.d.ts

@@ -13,7 +13,7 @@ export interface IconSkeletonProps extends ComponentProps<'div'> {
     className?: string;
 }
 declare const IconSkeleton: {
-    ({ className, ...rest }: IconSkeletonProps): JSX.Element;
+    ({ className, ...rest }: IconSkeletonProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add.

package/lib/components/InlineLoading/InlineLoading.d.ts

@@ -36,7 +36,7 @@ export interface InlineLoadingProps extends Omit<React.DetailedHTMLProps<React.H
     successDelay?: number;
 }
 declare const InlineLoading: {
-    ({ className, status, iconDescription, description, onSuccess, successDelay, ...rest }: InlineLoadingProps): JSX.Element;
+    ({ className, status, iconDescription, description, onSuccess, successDelay, ...rest }: InlineLoadingProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify a custom className to be applied to the container node

package/lib/components/ListBox/ListBoxMenu.d.ts

@@ -7,6 +7,7 @@
 import { ForwardRefReturn, ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'id';
 export interface ListBoxMenuProps extends Omit<ReactAttr<HTMLUListElement>, ExcludedAttributes> {
+    children?: any;
     /**
      * Specify a custom `id`
      */

package/lib/components/ListItem/ListItem.d.ts

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import { type ComponentProps } from 'react';
 type ListItemProps = ComponentProps<'li'>;
-declare function ListItem({ className, children, ...other }: ListItemProps): JSX.Element;
+declare function ListItem({ className, children, ...other }: ListItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ListItem {
     var propTypes: {
         /**

package/lib/components/Loading/Loading.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ReactAttr } from '../../types/common';
 export interface LoadingProps extends ReactAttr<HTMLDivElement> {
@@ -33,7 +32,7 @@ export interface LoadingProps extends ReactAttr<HTMLDivElement> {
      */
     withOverlay: boolean;
 }
-declare function Loading({ active, className: customClassName, withOverlay, small, description, ...rest }: LoadingProps): JSX.Element;
+declare function Loading({ active, className: customClassName, withOverlay, small, description, ...rest }: LoadingProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Loading {
     var propTypes: {
         /**

package/lib/components/Loading/Loading.js

@@ -52,12 +52,12 @@ function Loading(_ref) {
     className: `${prefix}--loading__background`,
     cx: "50%",
     cy: "50%",
-    r: "44"
+    r: "42"
   }) : null, /*#__PURE__*/React__default["default"].createElement("circle", {
     className: `${prefix}--loading__stroke`,
     cx: "50%",
     cy: "50%",
-    r: "44"
+    r: small ? '42' : '44'
   })));
   return withOverlay ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: overlayClassName

package/lib/components/ModalWrapper/ModalWrapper.d.ts

@@ -70,6 +70,6 @@ export default class ModalWrapper extends React.Component<ModalWrapperProps, Mod
     handleOpen: () => void;
     handleClose: (evt: React.KeyboardEvent<HTMLDivElement>) => void;
     handleOnRequestSubmit: (evt: React.KeyboardEvent<HTMLDivElement>) => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lib/components/Notification/Notification.d.ts

@@ -25,7 +25,7 @@ export interface NotificationActionButtonProps extends ButtonProps<'button'> {
      */
     onClick?(): void;
 }
-export declare function NotificationActionButton({ children, className: customClassName, onClick, inline, ...rest }: NotificationActionButtonProps): JSX.Element;
+export declare function NotificationActionButton({ children, className: customClassName, onClick, inline, ...rest }: NotificationActionButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace NotificationActionButton {
     var propTypes: {
         /**
@@ -82,7 +82,7 @@ export interface NotificationButtonProps extends ButtonHTMLAttributes<HTMLButton
         name?: string;
     }>;
 }
-export declare function NotificationButton({ 'aria-label': ariaLabel, ariaLabel: deprecatedAriaLabel, className, type, renderIcon: IconTag, name, notificationType, ...rest }: NotificationButtonProps): JSX.Element;
+export declare function NotificationButton({ 'aria-label': ariaLabel, ariaLabel: deprecatedAriaLabel, className, type, renderIcon: IconTag, name, notificationType, ...rest }: NotificationButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace NotificationButton {
     var propTypes: {
         /**
@@ -186,7 +186,7 @@ export interface ToastNotificationProps extends HTMLAttributes<HTMLDivElement> {
      */
     title?: string;
 }
-export declare function ToastNotification({ ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, role, onClose, onCloseButtonClick, statusIconDescription, className, children, kind, lowContrast, hideCloseButton, timeout, title, caption, subtitle, ...rest }: ToastNotificationProps): JSX.Element | null;
+export declare function ToastNotification({ ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, role, onClose, onCloseButtonClick, statusIconDescription, className, children, kind, lowContrast, hideCloseButton, timeout, title, caption, subtitle, ...rest }: ToastNotificationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace ToastNotification {
     var propTypes: {
         /**
@@ -308,7 +308,7 @@ export interface InlineNotificationProps extends HTMLAttributes<HTMLDivElement>
      */
     title?: string;
 }
-export declare function InlineNotification({ ['aria-label']: ariaLabel, children, title, subtitle, role, onClose, onCloseButtonClick, statusIconDescription, className, kind, lowContrast, hideCloseButton, ...rest }: InlineNotificationProps): JSX.Element | null;
+export declare function InlineNotification({ ['aria-label']: ariaLabel, children, title, subtitle, role, onClose, onCloseButtonClick, statusIconDescription, className, kind, lowContrast, hideCloseButton, ...rest }: InlineNotificationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace InlineNotification {
     var propTypes: {
         /**
@@ -388,6 +388,7 @@ export interface ActionableNotificationProps extends HTMLAttributes<HTMLDivEleme
      */
     closeOnEscape?: boolean;
     /**
+     * @deprecated use StaticNotification once it's available. Issue #15532
      * Specify if focus should be moved to the component when the notification contains actions
      */
     hasFocus?: boolean;
@@ -435,7 +436,7 @@ export interface ActionableNotificationProps extends HTMLAttributes<HTMLDivEleme
      */
     title?: string;
 }
-export declare function ActionableNotification({ actionButtonLabel, ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, children, role, onActionButtonClick, onClose, onCloseButtonClick, statusIconDescription, className, inline, kind, lowContrast, hideCloseButton, hasFocus, closeOnEscape, title, subtitle, ...rest }: ActionableNotificationProps): JSX.Element | null;
+export declare function ActionableNotification({ actionButtonLabel, ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, children, role, onActionButtonClick, onClose, onCloseButtonClick, statusIconDescription, className, inline, kind, lowContrast, hideCloseButton, hasFocus, closeOnEscape, title, subtitle, ...rest }: ActionableNotificationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace ActionableNotification {
     var propTypes: {
         /**
@@ -464,9 +465,10 @@ export declare namespace ActionableNotification {
          */
         closeOnEscape: PropTypes.Requireable<boolean>;
         /**
+         * Deprecated, please use StaticNotification once it's available. Issue #15532
          * Specify if focus should be moved to the component when the notification contains actions
          */
-        hasFocus: PropTypes.Requireable<boolean>;
+        hasFocus: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         /**
          * Specify the close button should be disabled, or not
          */

package/lib/components/Notification/Notification.js

@@ -637,9 +637,10 @@ ActionableNotification.propTypes = {
    */
   closeOnEscape: PropTypes__default["default"].bool,
   /**
+   * Deprecated, please use StaticNotification once it's available. Issue #15532
    * Specify if focus should be moved to the component when the notification contains actions
    */
-  hasFocus: PropTypes__default["default"].bool,
+  hasFocus: deprecate["default"](PropTypes__default["default"].bool),
   /**
    * Specify the close button should be disabled, or not
    */

package/lib/components/NumberInput/NumberInput.Skeleton.d.ts

@@ -16,7 +16,7 @@ export interface NumberInputSkeletonProps extends HTMLAttributes<HTMLDivElement>
      */
     hideLabel?: boolean;
 }
-declare function NumberInputSkeleton({ hideLabel, className, ...rest }: NumberInputSkeletonProps): JSX.Element;
+declare function NumberInputSkeleton({ hideLabel, className, ...rest }: NumberInputSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace NumberInputSkeleton {
     var propTypes: {
         /**

package/lib/components/OrderedList/OrderedList.d.ts

@@ -11,7 +11,7 @@ interface OrderedListProps extends ComponentProps<'ol'> {
     native?: boolean | undefined;
     isExpressive?: boolean | undefined;
 }
-declare function OrderedList({ className, nested, native, isExpressive, ...other }: OrderedListProps): JSX.Element;
+declare function OrderedList({ className, nested, native, isExpressive, ...other }: OrderedListProps): import("react/jsx-runtime").JSX.Element;
 declare namespace OrderedList {
     var propTypes: {
         /**

package/lib/components/PrimaryButton/PrimaryButton.d.ts

@@ -6,5 +6,5 @@
  */
 import React from 'react';
 import { ButtonProps } from '../Button';
-declare const PrimaryButton: <T extends React.ElementType<any>>(props: ButtonProps<T>) => JSX.Element;
+declare const PrimaryButton: <T extends React.ElementType<any>>(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default PrimaryButton;

package/lib/components/ProgressBar/ProgressBar.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface ProgressBarProps {
     /**
@@ -44,7 +43,7 @@ interface ProgressBarProps {
      */
     value?: number;
 }
-declare function ProgressBar({ className, helperText, hideLabel, label, max, size, status, type, value, }: ProgressBarProps): JSX.Element;
+declare function ProgressBar({ className, helperText, hideLabel, label, max, size, status, type, value, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ProgressBar {
     var propTypes: {
         /**

package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface ProgressIndicatorSkeletonProps {
     /**
@@ -16,7 +15,7 @@ interface ProgressIndicatorSkeletonProps {
      */
     vertical?: boolean;
 }
-declare function ProgressIndicatorSkeleton({ className, vertical, ...rest }: ProgressIndicatorSkeletonProps): JSX.Element;
+declare function ProgressIndicatorSkeleton({ className, vertical, ...rest }: ProgressIndicatorSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ProgressIndicatorSkeleton {
     var propTypes: {
         /**

package/lib/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -33,7 +33,7 @@ interface ProgressIndicatorProps extends Omit<React.HTMLAttributes<HTMLUListElem
      */
     vertical?: boolean;
 }
-declare function ProgressIndicator({ children, className: customClassName, currentIndex: controlledIndex, onChange, spaceEqually, vertical, ...rest }: ProgressIndicatorProps): JSX.Element;
+declare function ProgressIndicator({ children, className: customClassName, currentIndex: controlledIndex, onChange, spaceEqually, vertical, ...rest }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ProgressIndicator {
     var propTypes: {
         /**
@@ -118,7 +118,7 @@ interface ProgressStepProps {
      */
     translateWithId?: (id: string) => string;
 }
-declare function ProgressStep({ label, description, className, current, complete, invalid, secondaryLabel, disabled, onClick, translateWithId: t, ...rest }: ProgressStepProps): JSX.Element;
+declare function ProgressStep({ label, description, className, current, complete, invalid, secondaryLabel, disabled, onClick, translateWithId: t, ...rest }: ProgressStepProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ProgressStep {
     var propTypes: {
         /**

package/lib/components/RadioButton/RadioButton.Skeleton.d.ts

@@ -12,7 +12,7 @@ export interface RadioButtonSkeletonProps extends React.InputHTMLAttributes<HTML
      */
     className?: string;
 }
-declare function RadioButtonSkeleton(props: RadioButtonSkeletonProps): JSX.Element;
+declare function RadioButtonSkeleton(props: RadioButtonSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace RadioButtonSkeleton {
     var propTypes: {
         /**

package/lib/components/Search/Search.Skeleton.d.ts

@@ -17,7 +17,7 @@ export interface SearchSkeletonProps extends React.HTMLAttributes<HTMLDivElement
     small?: boolean;
 }
 declare const SearchSkeleton: {
-    ({ small, className, ...rest }: SearchSkeletonProps): JSX.Element;
+    ({ small, className, ...rest }: SearchSkeletonProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add.

package/lib/components/SecondaryButton/SecondaryButton.d.ts

@@ -6,5 +6,5 @@
  */
 import React from 'react';
 import { ButtonProps } from '../Button';
-declare const SecondaryButton: <T extends React.ElementType<any>>(props: ButtonProps<T>) => JSX.Element;
+declare const SecondaryButton: <T extends React.ElementType<any>>(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default SecondaryButton;

package/lib/components/Select/Select.Skeleton.d.ts

@@ -17,7 +17,7 @@ export interface SelectSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     hideLabel?: boolean;
 }
 declare const SelectSkeleton: {
-    ({ hideLabel, className, ...rest }: SelectSkeletonProps): JSX.Element;
+    ({ hideLabel, className, ...rest }: SelectSkeletonProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add to the form item wrapper.

package/lib/components/Select/Select.d.ts

@@ -90,5 +90,5 @@ interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, ExcludedAttr
      */
     warnText?: ReactNode;
 }
-declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "value" | "children" | "disabled" | "form" | "slot" | "style" | "title" | "className" | "size" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "autoComplete" | "multiple" | "key" | "id" | "aria-controls" | "aria-expanded" | "onClick" | "onKeyDown" | "onTransitionEnd" | "tabIndex" | "color" | "lang" | "name" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inline" | "readOnly" | "required" | "light" | "invalid" | "labelText" | "helperText" | "invalidText" | "hideLabel" | "warn" | "warnText" | "slug" | "noLabel"> & React.RefAttributes<HTMLSelectElement>>;
+declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
 export default Select;

package/lib/components/SelectItem/SelectItem.d.ts

@@ -29,7 +29,7 @@ export interface SelectItemProps extends HTMLAttributes<HTMLOptionElement> {
     value: any;
 }
 declare const SelectItem: {
-    ({ className, value, disabled, hidden, text, ...other }: SelectItemProps): JSX.Element;
+    ({ className, value, disabled, hidden, text, ...other }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to be applied to the node

package/lib/components/SelectItemGroup/SelectItemGroup.d.ts

@@ -25,7 +25,7 @@ export interface SelectItemGroupProps extends HTMLAttributes<HTMLOptGroupElement
     label: string;
 }
 declare const SelectItemGroup: {
-    ({ children, className, disabled, label, ...other }: SelectItemGroupProps): JSX.Element;
+    ({ children, className, disabled, label, ...other }: SelectItemGroupProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide the contents of your <SelectItemGroup>

package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.d.ts

@@ -12,7 +12,7 @@ export interface SkeletonPlaceholderProps {
     className?: string;
 }
 declare const SkeletonPlaceholder: {
-    ({ className, ...other }: SkeletonPlaceholderProps): JSX.Element;
+    ({ className, ...other }: SkeletonPlaceholderProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Add a custom class to the component

package/lib/components/SkeletonText/SkeletonText.d.ts

@@ -28,7 +28,7 @@ interface SkeletonTextProps {
     width?: string;
 }
 declare const SkeletonText: {
-    ({ paragraph, lineCount, width, heading, className, ...rest }: SkeletonTextProps): JSX.Element;
+    ({ paragraph, lineCount, width, heading, className, ...rest }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to be applied to the container node

package/lib/components/Slider/Slider.Skeleton.d.ts

@@ -21,7 +21,7 @@ export interface SliderSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     twoHandles?: boolean;
 }
 declare const SliderSkeleton: {
-    ({ hideLabel, className, twoHandles, ...rest }: SliderSkeletonProps): JSX.Element;
+    ({ hideLabel, className, twoHandles, ...rest }: SliderSkeletonProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add to the form item wrapper.

package/lib/components/Slider/Slider.d.ts

@@ -492,6 +492,6 @@ declare class Slider extends PureComponent<SliderProps> {
     getClientXFromEvent(event: MouseEvent | TouchEvent): any;
     hasTwoHandles(): boolean;
     static getDerivedStateFromProps(props: any, state: any): {} | null;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Slider;

package/lib/components/Slider/SliderHandles.d.ts

@@ -1,4 +1,4 @@
-export declare const LowerHandle: () => JSX.Element;
-export declare const LowerHandleFocus: () => JSX.Element;
-export declare const UpperHandle: () => JSX.Element;
-export declare const UpperHandleFocus: () => JSX.Element;
+export declare const LowerHandle: () => import("react/jsx-runtime").JSX.Element;
+export declare const LowerHandleFocus: () => import("react/jsx-runtime").JSX.Element;
+export declare const UpperHandle: () => import("react/jsx-runtime").JSX.Element;
+export declare const UpperHandleFocus: () => import("react/jsx-runtime").JSX.Element;

package/lib/components/Stack/index.d.ts

@@ -4,8 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
+import { ReactNode } from 'react';
 import { Stack } from './Stack';
-declare const HStack: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-declare const VStack: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+import { ForwardRefReturn } from '../../types/common';
+declare const HStack: ForwardRefReturn<ReactNode>;
+declare const VStack: ForwardRefReturn<ReactNode>;
 export { HStack, Stack, VStack };

package/lib/components/StructuredList/StructuredList.Skeleton.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 export interface StructuredListSkeletonProps {
     /**
@@ -16,7 +15,7 @@ export interface StructuredListSkeletonProps {
      */
     rowCount?: number;
 }
-declare function StructuredListSkeleton({ rowCount, className, ...rest }: StructuredListSkeletonProps): JSX.Element;
+declare function StructuredListSkeleton({ rowCount, className, ...rest }: StructuredListSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace StructuredListSkeleton {
     var propTypes: {
         /**

package/lib/components/StructuredList/StructuredList.d.ts

@@ -33,7 +33,7 @@ export interface StructuredListWrapperProps extends DivAttrs {
      */
     selection?: boolean;
 }
-export declare function StructuredListWrapper(props: StructuredListWrapperProps): JSX.Element;
+export declare function StructuredListWrapper(props: StructuredListWrapperProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StructuredListWrapper {
     var propTypes: {
         /**
@@ -77,7 +77,7 @@ export interface StructuredListHeadProps extends DivAttrs {
      */
     className?: string;
 }
-export declare function StructuredListHead(props: any): JSX.Element;
+export declare function StructuredListHead(props: any): import("react/jsx-runtime").JSX.Element;
 export declare namespace StructuredListHead {
     var propTypes: {
         /**
@@ -105,7 +105,7 @@ export interface StructuredListBodyProps extends DivAttrs {
      */
     onKeyDown?(event: KeyboardEvent): void;
 }
-export declare function StructuredListBody(props: StructuredListBodyProps): JSX.Element;
+export declare function StructuredListBody(props: StructuredListBodyProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StructuredListBody {
     var propTypes: {
         /**
@@ -145,7 +145,7 @@ export interface StructuredListRowProps extends DivAttrs {
      */
     onKeyDown?(event: KeyboardEvent): void;
 }
-export declare function StructuredListRow(props: StructuredListRowProps): JSX.Element;
+export declare function StructuredListRow(props: StructuredListRowProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StructuredListRow {
     var propTypes: {
         /**
@@ -196,7 +196,7 @@ export interface StructuredListInputProps extends DivAttrs {
      */
     title?: string;
 }
-export declare function StructuredListInput(props: StructuredListInputProps): JSX.Element;
+export declare function StructuredListInput(props: StructuredListInputProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StructuredListInput {
     var propTypes: {
         /**
@@ -247,7 +247,7 @@ export interface StructuredListCellProps extends DivAttrs {
      */
     noWrap?: boolean;
 }
-export declare function StructuredListCell(props: StructuredListCellProps): JSX.Element;
+export declare function StructuredListCell(props: StructuredListCellProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StructuredListCell {
     var propTypes: {
         /**

package/lib/components/TabContent/TabContent.d.ts

@@ -20,7 +20,7 @@ export interface TabContentProps extends HTMLAttributes<HTMLDivElement> {
      */
     selected?: boolean;
 }
-declare function TabContent(props: any): JSX.Element;
+declare function TabContent(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TabContent {
     var propTypes: {
         /**

package/lib/components/Tabs/Tabs.Skeleton.d.ts

@@ -16,7 +16,7 @@ export interface TabsSkeletonProps extends HTMLAttributes<HTMLDivElement> {
      */
     contained?: boolean;
 }
-declare function TabsSkeleton({ className, contained, ...rest }: TabsSkeletonProps): JSX.Element;
+declare function TabsSkeleton({ className, contained, ...rest }: TabsSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabsSkeleton {
     var propTypes: {
         /**

package/lib/components/Tabs/Tabs.d.ts

@@ -43,7 +43,7 @@ export interface TabsProps {
      */
     selectedIndex?: number;
 }
-declare function Tabs({ children, defaultSelectedIndex, onChange, selectedIndex: controlledSelectedIndex, dismissable, onTabCloseRequest, }: TabsProps): JSX.Element;
+declare function Tabs({ children, defaultSelectedIndex, onChange, selectedIndex: controlledSelectedIndex, dismissable, onTabCloseRequest, }: TabsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tabs {
     var propTypes: {
         /**
@@ -136,7 +136,7 @@ export interface TabListProps extends DivAttributes {
      */
     scrollIntoView?: boolean;
 }
-declare function TabList({ activation, 'aria-label': label, children, className: customClassName, contained, fullWidth, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, ...rest }: TabListProps): JSX.Element;
+declare function TabList({ activation, 'aria-label': label, children, className: customClassName, contained, fullWidth, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, ...rest }: TabListProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabList {
     var propTypes: {
         /**
@@ -299,7 +299,7 @@ export interface TabPanelsProps {
      */
     children?: ReactNode;
 }
-declare function TabPanels({ children }: TabPanelsProps): JSX.Element;
+declare function TabPanels({ children }: TabPanelsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabPanels {
     var propTypes: {
         /**

package/lib/components/Tag/Tag.Skeleton.d.ts

@@ -17,7 +17,7 @@ export interface TagSkeletonProps extends React.HTMLAttributes<HTMLSpanElement>
      */
     size?: 'sm';
 }
-declare function TagSkeleton({ className, size, ...rest }: TagSkeletonProps): JSX.Element;
+declare function TagSkeleton({ className, size, ...rest }: TagSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TagSkeleton {
     var propTypes: {
         /**

package/lib/components/Tag/Tag.d.ts

@@ -71,7 +71,7 @@ export interface TagBaseProps {
 }
 export type TagProps<T extends React.ElementType> = PolymorphicProps<T, TagBaseProps>;
 declare const Tag: {
-    <T extends React.ElementType<any>>({ children, className, id, type, filter, renderIcon: CustomIconElement, title, disabled, onClose, size, as: BaseComponent, slug, ...other }: TagProps<T>): JSX.Element;
+    <T extends React.ElementType<any>>({ children, className, id, type, filter, renderIcon: CustomIconElement, title, disabled, onClose, size, as: BaseComponent, slug, ...other }: TagProps<T>): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide an alternative tag or component to use instead of the default