@linzjs/lui 23.14.3 → 24.0.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# [24.0.0](https://github.com/linz/lui/compare/v23.14.4...v24.0.0) (2025-11-02)
+
+## [23.14.4](https://github.com/linz/lui/compare/v23.14.3...v23.14.4) (2025-10-27)
+
+
+### Bug Fixes
+
+* **SearchInput:** CS8444 - show filter when no result ([#1264](https://github.com/linz/lui/issues/1264)) ([0edcaad](https://github.com/linz/lui/commit/0edcaad78c8a6bc316306e12a66440bfb40593d9))
+
 ## [23.14.3](https://github.com/linz/lui/compare/v23.14.2...v23.14.3) (2025-10-22)
 
 

package/dist/components/Drawer/Drawer.d.ts

@@ -40,5 +40,5 @@ export type DrawerProps = PropsWithChildren<{
     /** Called when the drawer is resized either manually or programmatically.  */
     onResized?: ComponentProps<typeof Splitter>['onResized'];
 }> & Omit<ComponentProps<typeof Splitter>, 'ratio' | 'orientation' | 'onResized' | 'startAt' | 'min' | 'max'>;
-export declare const Drawer: React.ForwardRefExoticComponent<Pick<DrawerProps, "onResized" | "parts" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "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" | "children" | "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" | "onKeyDown" | "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" | "onClick" | "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" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "isOpen" | "onRequestClose" | "position" | "size" | "initialSize" | "resizeable" | "passThroughOverlayClick" | "closeOnClickOutside" | "closeOnEsc" | "disableScroll" | "hideCloseButton" | "mountChildrenOn"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/Drawer/DrawerGlobal.d.ts

@@ -9,4 +9,4 @@ export type DrawerGlobalProps = Omit<DrawerProps, 'isOpen' | 'onRequestClose'> &
      * Unlike in the vanilla `Drawer`, where the consumer must handle the open/close state, here state is handled by `DrawerGlobalContext`. */
     onBeforeClose?: () => boolean | Promise<boolean>;
 };
-export declare const DrawerGlobal: React.ForwardRefExoticComponent<Pick<DrawerGlobalProps, "onResized" | "parts" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "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" | "children" | "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" | "onKeyDown" | "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" | "onClick" | "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" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "position" | "resizeable" | "closeOnEsc" | "closeOnClickOutside" | "passThroughOverlayClick" | "size" | "initialSize" | "disableScroll" | "hideCloseButton" | "mountChildrenOn" | "onBeforeClose"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerGlobal: React.ForwardRefExoticComponent<Omit<DrawerGlobalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/LuiAccordion/LuiAccordion.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 import './LuiAccordion.scss';
 export interface ILuiAccordion {
     heading: ReactNode;
@@ -9,4 +9,4 @@ export interface ILuiAccordion {
     style?: CSSProperties;
     onToggleExpand?: (isOpen: boolean) => void;
 }
-export declare const LuiAccordion: (props: ILuiAccordion) => JSX.Element;
+export declare const LuiAccordion: (props: ILuiAccordion) => React.JSX.Element;

package/dist/components/LuiButton/LuiButton.d.ts

@@ -19,11 +19,11 @@ export interface PlainButtonProps {
     ref: Ref<HTMLButtonElement>;
     children: ReactNode;
 }
-export declare const PlainButton: React.ForwardRefExoticComponent<Pick<PlainButtonProps & {
+export declare const PlainButton: React.ForwardRefExoticComponent<Omit<PlainButtonProps & {
     level: string;
     size: string;
-}, "type" | "disabled" | "style" | "onClick" | "name" | "title" | "data-testid" | "className" | "buttonProps" | "children" | "level" | "size"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const LuiButton: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<LuiButtonProps>, "type" | "disabled" | "style" | "onClick" | "name" | "title" | "data-testid" | "className" | "buttonProps" | "children" | "level" | "size" | "href" | "openInNewTab"> & React.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const LuiButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LuiButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 interface LuiButtonGroupProps {
     /**
      * LuiButton component(s) to render in series.

package/dist/components/LuiColourPicker/ColorInput.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import './ColorPalette.scss';
-export declare const ColorInputGroup: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+export declare const ColorInputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const ColorInput: React.ForwardRefExoticComponent<{
     name: string;
     color: string;
     description?: string | undefined;
     label?: Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "title" | "aria-label" | "htmlFor"> | undefined;
-} & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "name" | "type" | "value"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "type" | "value"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/LuiColourPicker/ColorPalette.d.ts

@@ -11,4 +11,4 @@ export declare const ColorPalette: React.ForwardRefExoticComponent<{
     selected?: string | undefined;
     onSelect: (color: string) => void;
     name?: string | undefined;
-} & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onSelect"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/LuiCounter/LuiCounter.d.ts

@@ -5,4 +5,4 @@ export declare const LuiCounter: React.ForwardRefExoticComponent<{
     totalNum: number;
     shape?: "rect" | "circle" | undefined;
     countZero?: boolean | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/LuiError/LuiError.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import '../../scss/Components/LuiError/LuiError.scss';
 interface ILuiError {
     error?: string | boolean;
     className: string;
 }
-export declare const LuiError: ({ error, className }: ILuiError) => JSX.Element;
+export declare const LuiError: ({ error, className }: ILuiError) => React.JSX.Element;
 export {};

package/dist/components/LuiFormElements/LuiDateInput/DateInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 type Input = JSX.IntrinsicElements['input'];
 type Props = Omit<Input, 'pattern' | 'type' | 'placeholder'>;
-export declare const DateInput: React.ForwardRefExoticComponent<Pick<Props, "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "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" | "onClick" | "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" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLInputElement>>;
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default DateInput;

package/dist/components/LuiFormElements/LuiDateInput/LuiDateInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { LuiTextInput } from '../LuiTextInput/LuiTextInput';
 type Props = Omit<Parameters<typeof LuiTextInput>[0], 'as'>;
-export declare const LuiDateInput: React.ForwardRefExoticComponent<Pick<Props, keyof import("../LuiTextInput/LuiTextInput").LuiTextInputProps | "key"> & React.RefAttributes<HTMLInputElement>>;
+export declare const LuiDateInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/LuiFormElements/LuiMoneyInput/LuiMoneyInput.d.ts

@@ -24,5 +24,5 @@ type Props = Omit<LuiInputProps, 'value'> & {
     value?: number | null;
     onNumberChange: ((value: number | null) => void) | null;
 };
-export declare const LuiMoneyInput: React.ForwardRefExoticComponent<Pick<Props, "onChange" | "inputProps" | "error" | "warning" | "hideLabel" | "label" | "mandatory" | "showPadlockIcon" | "className" | "value" | "icon" | "size" | "key" | "onNumberChange"> & React.RefAttributes<HTMLInputElement>>;
+export declare const LuiMoneyInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInput.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
 export interface LuiRadioProps {
     onChange: ChangeEventHandler<HTMLInputElement>;
     selectedValue: string;
@@ -12,4 +12,4 @@ export interface LuiRadioProps {
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
     renderLabelFor?: (value: string) => JSX.Element;
 }
-export declare const LuiRadioInput: (props: LuiRadioProps) => JSX.Element;
+export declare const LuiRadioInput: (props: LuiRadioProps) => React.JSX.Element;

package/dist/components/LuiFormElements/LuiSelectInput/LuiSelectInput.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, DetailedHTMLProps, SelectHTMLAttributes } from 'react';
+import React, { ChangeEventHandler, DetailedHTMLProps, SelectHTMLAttributes } from 'react';
 export type SelectOptions = {
     label: string;
     value: string;
@@ -17,4 +17,4 @@ export interface SelectProps {
     placeholderText?: string;
     className?: string;
 }
-export declare const LuiSelectInput: (props: SelectProps) => JSX.Element;
+export declare const LuiSelectInput: (props: SelectProps) => React.JSX.Element;

package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.d.ts

@@ -1,7 +1,7 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 export interface IFormSectionHeaderProps {
     header: string;
     details?: string | ReactNode;
     link?: string;
 }
-export declare const LuiFormSectionHeader: (props: PropsWithChildren<IFormSectionHeaderProps>) => JSX.Element;
+export declare const LuiFormSectionHeader: (props: PropsWithChildren<IFormSectionHeaderProps>) => React.JSX.Element;

package/dist/components/LuiHeaderMenuV2/LuiHeaderMenusV2.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import { LuiHeaderMenuItemV2Props } from '../LuiHeaderV2/LuiHeaderV2';
 import { Size } from '../common/ResponsiveUtils';
 import { IconSize } from '../LuiIcon/LuiIcon';
@@ -74,7 +74,7 @@ type LuiDropdownMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSele
  */
 export declare const LuiDropdownMenuV2DropContent: ({ children, }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 declare const LuiDropdownMenuV2: (props: Omit<LuiHeaderMenuItemV2Props, "onClick" | "isSelected"> & {
     /**
      * The anchor origin of dropdown, default to left

package/dist/components/LuiHeaderV2/LuiHeaderV2.d.ts

@@ -105,5 +105,5 @@ type LuiMenuCloseButtonV2Props = {
     iconSize?: IconSize;
     iconColor?: string;
 };
-declare const LuiMenuCloseButtonV2: ({ icon, hide, iconSize, iconColor, "data-testid": dataTestId, }: LuiMenuCloseButtonV2Props) => JSX.Element;
+declare const LuiMenuCloseButtonV2: ({ icon, hide, iconSize, iconColor, "data-testid": dataTestId, }: LuiMenuCloseButtonV2Props) => React.JSX.Element;
 export { LuiHeaderV2Props, LuiHeaderV2, LuiHeaderMenuItemV2Props, LuiHeaderMenuItemV2, LuiCloseableHeaderMenuItemV2Props, LuiCloseableHeaderMenuItemV2, useLuiCloseableHeaderMenuContextV2, LuiMenuCloseButtonV2Props, LuiMenuCloseButtonV2, };

package/dist/components/LuiListBox/LuiListBox.d.ts

@@ -1,7 +1,8 @@
 import './LuiListBox.scss';
 import 'react-loading-skeleton/dist/skeleton.css';
-import { HTMLAttributes, Key, ReactNode, MutableRefObject } from 'react';
-import { SelectionBehavior, SelectionMode } from '@react-types/shared';
+import { HTMLAttributes, ReactNode, MutableRefObject } from 'react';
+import { Key, SelectionBehavior, SelectionMode } from '@react-types/shared';
+import React from 'react';
 import { AriaListBoxOptions } from '@react-aria/listbox';
 export type KeyGetter<T> = (item: T) => Key;
 export type GroupGetter<T> = (item: T) => string | null;
@@ -54,5 +55,5 @@ type ForwardedRef<T> = ((instance: T | null) => void) | MutableRefObject<T | nul
 export declare const LuiListBox: <T extends object = ILuiListBoxItem>(props: ILuiListBoxProps<T> & {
     ref?: ForwardedRef<ILuiListBoxHandle> | undefined;
 }) => ReturnType<typeof LuiListBoxWithRef>;
-declare function LuiListBoxWithRef<T extends object = ILuiListBoxItem>(props: ILuiListBoxProps<T>, ref: ForwardedRef<ILuiListBoxHandle>): JSX.Element;
+declare function LuiListBoxWithRef<T extends object = ILuiListBoxItem>(props: ILuiListBoxProps<T>, ref: ForwardedRef<ILuiListBoxHandle>): React.JSX.Element;
 export {};

package/dist/components/LuiListBox/LuiListBoxGroup.d.ts

@@ -1,5 +1,5 @@
 import { ListState } from '@react-stately/list';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { IGroupHeadingRendererProps, IItemRendererProps, ILuiListItemNode } from './LuiListBox';
 export interface ILuiListBoxSectionProps<T> {
     group: ILuiListItemNode<T>;
@@ -7,4 +7,4 @@ export interface ILuiListBoxSectionProps<T> {
     headingRenderer: (props: IGroupHeadingRendererProps) => ReactNode;
     itemRenderer: (item: IItemRendererProps<T>) => ReactNode;
 }
-export declare function LuiListBoxGroup<T>({ group, state, headingRenderer, itemRenderer, }: ILuiListBoxSectionProps<T>): JSX.Element;
+export declare function LuiListBoxGroup<T>({ group, state, headingRenderer, itemRenderer, }: ILuiListBoxSectionProps<T>): React.JSX.Element;

package/dist/components/LuiListBox/Renderers/CheckboxItemRenderer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import './CheckboxItemRenderer.scss';
 import { IItemRendererProps, ILuiListBoxItem } from '../LuiListBox';
-export declare function CheckboxItemRenderer({ item, isSelected, }: IItemRendererProps<ILuiListBoxItem>): JSX.Element;
+import React from 'react';
+export declare function CheckboxItemRenderer({ item, isSelected, }: IItemRendererProps<ILuiListBoxItem>): React.JSX.Element;

package/dist/components/LuiListBox/Renderers/RadioItemRenderer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import './RadioItemRenderer.scss';
 import { IItemRendererProps, ILuiListBoxItem } from '../LuiListBox';
-export declare function RadioItemRenderer({ item, isSelected, }: IItemRendererProps<ILuiListBoxItem>): JSX.Element;
+import React from 'react';
+export declare function RadioItemRenderer({ item, isSelected, }: IItemRendererProps<ILuiListBoxItem>): React.JSX.Element;

package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.d.ts

@@ -7,9 +7,9 @@ interface LuiMiniSpinnerProps {
     size: number;
     divProps?: any;
 }
-export declare const LuiMiniSpinner: (props: LuiMiniSpinnerProps) => JSX.Element;
+export declare const LuiMiniSpinner: (props: LuiMiniSpinnerProps) => React.JSX.Element;
 export declare const LuiLoadingSpinner: (props: {
     dataTestId?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare function isChromatic(): boolean;
 export {};

package/dist/components/LuiLoadingSpinner/LuiLottieLight.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface LuiLottieLightProps {
     animationData: any;
     loop: boolean;
@@ -10,5 +10,5 @@ interface LuiLottieLightProps {
  * Very trivial react wrapper for Lottie-web light.  Using lottie-web directly rather than with `react-lottie` or
  * `lottie-react` reduces our bundle size and enables use to use lottie-web in light mode.
  */
-export declare const LuiLottieLight: ({ animationData, style, rendererSettings, autoplay, loop, }: LuiLottieLightProps) => JSX.Element;
+export declare const LuiLottieLight: ({ animationData, style, rendererSettings, autoplay, loop, }: LuiLottieLightProps) => React.JSX.Element;
 export {};

package/dist/components/LuiMenuTrigger/LuiMenuTrigger.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ILuiMenuTrigger {
     className?: string;
 }
-export declare const LuiMenuTrigger: ({ className }: ILuiMenuTrigger) => JSX.Element;
+export declare const LuiMenuTrigger: ({ className }: ILuiMenuTrigger) => React.JSX.Element;

package/dist/components/LuiMultiSwitch/LuiMultiSwitch.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 export interface LuiMultiSwitchOption<ValueType> {
     text: ReactElement | string;
     value: ValueType;
@@ -20,4 +20,4 @@ export interface LuiMultiSwitchProps<ValueType> {
 /**
  * Uncontrolled grouped button style component where component has single focus and associated keyboard events.
  */
-export declare const LuiMultiSwitch: <ValueType>({ className, defaultValue, value, onChange, disabled, autoFocus, options, ...props }: LuiMultiSwitchProps<ValueType>) => JSX.Element;
+export declare const LuiMultiSwitch: <ValueType>({ className, defaultValue, value, onChange, disabled, autoFocus, options, ...props }: LuiMultiSwitchProps<ValueType>) => React.JSX.Element;

package/dist/components/LuiMultiSwitch/LuiMultiSwitch.examples.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const Controlled: () => JSX.Element;
-export declare const Uncontrolled: () => JSX.Element;
-export declare const CustomValues: () => JSX.Element;
+import React from 'react';
+export declare const Controlled: () => React.JSX.Element;
+export declare const Uncontrolled: () => React.JSX.Element;
+export declare const CustomValues: () => React.JSX.Element;

package/dist/components/LuiProgressBar/LuiProgressBar.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import './LuiProgressBar.scss';
+import React from 'react';
 export type ProgressBarProps = {
     value?: number;
     max?: number;
     error?: boolean;
     barHeight?: string;
 };
-export declare const LuiProgressBar: ({ value, max, error, barHeight, }: ProgressBarProps) => JSX.Element;
+export declare const LuiProgressBar: ({ value, max, error, barHeight, }: ProgressBarProps) => React.JSX.Element;

package/dist/components/LuiSearchBox/LuiSearchBox.d.ts

@@ -38,4 +38,4 @@ export interface ILuiSearchBoxProps {
  *  See examples in SearchBox in storybook.
  */
 export declare const LuiSearchBox: ({ searchBoxOptions, initOptionValue, onMenuSelect, autoFocus, externalSearch, searchString, onClickInput, onClearInput, }: ILuiSearchBoxProps) => JSX.Element;
-export declare const LuiSearchBoxButton: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<LuiButtonProps>, "type" | "href" | "openInNewTab" | "level" | "size" | "disabled" | "style" | "onClick" | "name" | "title" | "data-testid" | "className" | "buttonProps" | "children"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const LuiSearchBoxButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LuiButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/LuiSearchInput/LuiPassiveSearchInput.d.ts

@@ -19,10 +19,10 @@ export interface IPassiveSearchInputProps {
 export declare const ControlledPassiveSearchInputComponent: (props: IPassiveSearchInputProps & {
     typedValue: string;
     setTypedValue: (value: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 /**
  * @deprecated This was created for client to easily customize the passive input component.
  * But that is hard to keep input memory to be consistent with other input components.
  * Has extracted the controlled version and let LuiSearchInput to align the input value.
  */
-export declare const LuiPassiveSearchInput: (props: React.PropsWithChildren<IPassiveSearchInputProps>) => JSX.Element;
+export declare const LuiPassiveSearchInput: (props: React.PropsWithChildren<IPassiveSearchInputProps>) => React.JSX.Element;

package/dist/components/LuiSearchInput/LuiSearchInput.d.ts

@@ -27,4 +27,4 @@ export interface ISearchInputProps<SearchResult extends ISearchResult = ISearchR
     filterElement?: ReactElement;
     trimBeforeMinCharCheck?: boolean;
 }
-export declare const LuiSearchInput: <SearchResult extends ISearchResult = ISearchResult>(props: React.PropsWithChildren<ISearchInputProps<SearchResult>>) => JSX.Element;
+export declare const LuiSearchInput: <SearchResult extends ISearchResult = ISearchResult>(props: React.PropsWithChildren<ISearchInputProps<SearchResult>>) => React.JSX.Element;

package/dist/components/LuiSideMenu/LuiSideMenu.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export interface ILuiSideMenuProps {
     children: ReactNode;
 }
-export declare function LuiSideMenu({ children }: ILuiSideMenuProps): JSX.Element;
+export declare function LuiSideMenu({ children }: ILuiSideMenuProps): React.JSX.Element;

package/dist/components/LuiSideMenu/LuiSideMenuItem.d.ts

@@ -8,4 +8,4 @@ export interface ILuiSideMenuItemProps {
     isActive?: boolean;
     disabled?: boolean;
 }
-export declare function LuiSideMenuItem({ to, label, icon, isActive, onClick, disabled, }: ILuiSideMenuItemProps): JSX.Element;
+export declare function LuiSideMenuItem({ to, label, icon, isActive, onClick, disabled, }: ILuiSideMenuItemProps): React.JSX.Element;

package/dist/components/LuiSidePanel/LuiSidePanelHelper.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type LuiSidePanelHelperProps = {
     initialSelectedRow?: number;
     rows?: number[];
 };
-export declare const LuiSidePanelHelper: ({ initialSelectedRow, rows, }: LuiSidePanelHelperProps) => JSX.Element;
+export declare const LuiSidePanelHelper: ({ initialSelectedRow, rows, }: LuiSidePanelHelperProps) => React.JSX.Element;
 export {};

package/dist/components/LuiSideToolbar/ToolbarIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface ToolbarIconProps {
     iconImage?: string;
     iconName: string;
@@ -9,5 +9,5 @@ interface ToolbarIconProps {
  * @param param
  * @returns
  */
-export declare const ToolbarIcon: ({ iconImage, iconName }: ToolbarIconProps) => JSX.Element;
+export declare const ToolbarIcon: ({ iconImage, iconName }: ToolbarIconProps) => React.JSX.Element;
 export {};

package/dist/components/LuiSideToolbar/ToolbarItem.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import 'react-loading-skeleton/dist/skeleton.css';
 export interface ToolbarItemProps {
     loading?: boolean;
@@ -14,4 +14,4 @@ export interface ToolbarItemProps {
  * @returns
  */
 export declare const ToolbarItem: (props: ToolbarItemProps) => JSX.Element;
-export declare const ToolbarItemSeparator: () => JSX.Element;
+export declare const ToolbarItemSeparator: () => React.JSX.Element;

package/dist/components/LuiSwitchButton/LuiSwitchButton.d.ts

@@ -1,7 +1,7 @@
-import { ChangeEvent } from 'react';
+import React, { ChangeEvent } from 'react';
 import './../../scss/Components/LuiSwitchButton/LuiSwitchButton.scss';
 export declare const LuiSwitchButton: (props: {
     checked: boolean;
     onChange: (event: ChangeEvent<HTMLInputElement>) => any;
     disabled?: boolean | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/components/LuiTooltip/LuiTooltip.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TippyProps } from '@tippyjs/react';
 /**
  * @see https://atomiks.github.io/tippyjs/
@@ -13,4 +13,4 @@ export type ILuiTooltipProperties = TippyProps & {
      */
     mode?: 'default' | 'info' | 'error' | 'default-withDelay' | 'info-withDelay' | 'error-withDelay';
 };
-export declare const LuiTooltip: (props: ILuiTooltipProperties) => JSX.Element;
+export declare const LuiTooltip: (props: ILuiTooltipProperties) => React.JSX.Element;

package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 interface IFrameConfig {
     url: string;
     width: number;
@@ -23,5 +23,5 @@ type SplashModalProps = {
     smallImage?: never;
     iframe: IFrameConfig;
 });
-export declare const LuiUpdatesSplashModal: (props: SplashModalProps) => JSX.Element;
+export declare const LuiUpdatesSplashModal: (props: SplashModalProps) => React.JSX.Element;
 export {};

package/dist/components/Splitter/Control/Control.d.ts

@@ -5,5 +5,5 @@ type ButtonProps = Partial<ComponentPropsWithRef<typeof LuiButton>>;
 type Props = {
     side: 'primary' | 'secondary';
 } & ButtonProps;
-export declare const Control: React.ForwardRefExoticComponent<Pick<Props, "href" | "openInNewTab" | "level" | "type" | "size" | "disabled" | "style" | "onClick" | "name" | "title" | "data-testid" | "className" | "buttonProps" | "children" | "key" | "side"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Control: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/Splitter/Control/ControlIcon.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 type Side = 'primary' | 'secondary';
 export declare const ControlIcon: ({ parent, side, }: {
     side: Side;
     parent: RefObject<HTMLButtonElement>;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export {};

package/dist/components/Splitter/Separator/Separator.d.ts

@@ -2,7 +2,7 @@ import './Separator.scss';
 import React, { ComponentProps } from 'react';
 import { Splitter } from '../Splitter';
 type Parts = NonNullable<ComponentProps<typeof Splitter>['parts']>['controls'];
-export declare const Separator: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+export declare const Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     parts?: Parts;
     ratio?: number | undefined;
     onResized?: ((val: number) => void) | undefined;

package/dist/components/Splitter/Stories/RangeAsPx.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import { Splitter } from '../Splitter';
 import './RangeAsPx.scss';
 type SplitterProps = ComponentProps<typeof Splitter>;
 type PixelProps = SplitterProps & {
     unit?: '%' | 'px';
 };
-export declare const RangeAsPx: ({ unit, ...rest }: PixelProps) => JSX.Element;
+export declare const RangeAsPx: ({ unit, ...rest }: PixelProps) => React.JSX.Element;
 export {};

package/dist/components/Splitter/Stories/Section.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 type SectionProps = JSX.IntrinsicElements['section'];
-export declare const HorizontalSection: (props: SectionProps) => JSX.Element;
-export declare const VerticalSection: (props: SectionProps) => JSX.Element;
+export declare const HorizontalSection: (props: SectionProps) => React.JSX.Element;
+export declare const VerticalSection: (props: SectionProps) => React.JSX.Element;
 export {};

package/dist/components/Toast/Helpers/toastUsage.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ToastUsage: () => JSX.Element;
+import React from 'react';
+export declare const ToastUsage: () => React.JSX.Element;

package/dist/components/Toast/ToastBanner.d.ts

@@ -1,6 +1,6 @@
 import './ToastBanner.scss';
-import { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import { LuiBannerV2 } from '../LuiBannerV2/LuiBannerV2';
 type Props = Pick<ComponentPropsWithoutRef<typeof LuiBannerV2>, 'level' | 'onDismiss' | 'children'>;
-export declare const ToastBanner: ({ level, onDismiss, children }: Props) => JSX.Element;
+export declare const ToastBanner: ({ level, onDismiss, children }: Props) => React.JSX.Element;
 export {};

package/dist/components/Toast/ToastProvider.d.ts

@@ -7,4 +7,4 @@ export declare const ToastProvider: ({ children, defaultTimeout, stack, }: {
     defaultTimeout?: number | undefined;
     stack?: number | undefined;
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/components/Toast/Upgrade/LuiToastMessageCompatibleInterface.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import { LuiToastMessage } from '../../LuiToastMessage/LuiToastMessage';
 type Props = ComponentProps<typeof LuiToastMessage>;
-export declare const LuiToastMessageCompatibleInterface: (props: Props) => JSX.Element;
+export declare const LuiToastMessageCompatibleInterface: (props: Props) => React.JSX.Element;
 export {};

package/dist/components/Toast/Upgrade/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ReactNode } from 'react';
+import React, { ComponentProps, ReactNode } from 'react';
 import { LuiToastMessage as LuiToastMessageOld } from '../../LuiToastMessage/LuiToastMessage';
 type ProviderPropsV1 = {
     /** Use v2 explicitely to get the new designs */
@@ -23,7 +23,7 @@ type ProviderProps = {
  * Context provider to handle global logic of toast messages. It defaults to legacy version 'v1'.
  * @description Set version property to 'v2' to get the latest designs.
  */
-export declare const LuiMessagingContextProvider: (props: ProviderProps) => JSX.Element;
+export declare const LuiMessagingContextProvider: (props: ProviderProps) => React.JSX.Element;
 /**
  * Hook to display pop-up messages in response to a user action or state change. Examples include: Saving, exporting, committing, deleting, etc.
  * @description Legacy hook to trigger toasts. It requires {@linkcode LuiMessagingContextProvider}.
@@ -35,5 +35,5 @@ export declare const LuiMessagingContextProvider: (props: ProviderProps) => JSX.
  */
 export declare const useShowLUIMessage: () => (messageProps: import("../../../contexts/LuiMessagingContextProvider").ShowMessageProps) => void;
 type LuiToastMessageProps = ComponentProps<typeof LuiToastMessageOld>;
-export declare const LuiToastMessage: (props: LuiToastMessageProps) => JSX.Element;
+export declare const LuiToastMessage: (props: LuiToastMessageProps) => React.JSX.Element;
 export {};