@linzjs/lui 24.0.2 → 24.1.2

package/CHANGELOG.md

@@ -5,6 +5,33 @@
 
 * **LuiComboSelect:** restore interface to support styling of the input element. ([#1270](https://github.com/linz/lui/issues/1270)) ([7ce6a13](https://github.com/linz/lui/commit/7ce6a137c7f16ffa3acbe4357569a6eb59ef47db))
 
+## [24.1.2](https://github.com/linz/Lui/compare/lui-v24.1.1...lui-v24.1.2) (2025-11-18)
+
+
+### Bug Fixes
+
+* **ci:** use correct npm registry ([#1282](https://github.com/linz/Lui/issues/1282)) ([d33375b](https://github.com/linz/Lui/commit/d33375b1ee42c7c7aa883d3edfea5d411bfaeeda))
+
+## [24.1.1](https://github.com/linz/Lui/compare/lui-v24.1.0...lui-v24.1.1) (2025-11-18)
+
+
+### Bug Fixes
+
+* **ci:** use enablement PAT for npm publish ([#1280](https://github.com/linz/Lui/issues/1280)) ([4c0d007](https://github.com/linz/Lui/commit/4c0d007489e22ccd5c3e636e57d36c198bbfa46e))
+
+## [24.1.0](https://github.com/linz/Lui/compare/lui-v24.0.2...lui-v24.1.0) (2025-11-18)
+
+
+### Features
+
+* CS-8883 bump lui version ([#1274](https://github.com/linz/Lui/issues/1274)) ([df1334c](https://github.com/linz/Lui/commit/df1334c780ccd55352e79eef366484a54983c4e8))
+
+
+### Bug Fixes
+
+* **ci:** configure starting point for release please ([#1278](https://github.com/linz/Lui/issues/1278)) ([892aa54](https://github.com/linz/Lui/commit/892aa549ec5280ab6b37b5b2f76fc16a8f24f5b6))
+* **ci:** use correct token for release please ([#1276](https://github.com/linz/Lui/issues/1276)) ([be3f5ba](https://github.com/linz/Lui/commit/be3f5bacdc53e5d17195cad762645a979cf7bb9f))
+
 ## [24.0.1](https://github.com/linz/lui/compare/v24.0.0...v24.0.1) (2025-11-03)
 
 

package/dist/components/LuiAccordicard/LuiAccordicard.d.ts

@@ -6,4 +6,4 @@ export interface IAccordicard {
     className?: string;
     warning?: boolean;
 }
-export declare const LuiAccordicard: (props: IAccordicard) => JSX.Element;
+export declare const LuiAccordicard: (props: IAccordicard) => React.JSX.Element;

package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.d.ts

@@ -6,4 +6,4 @@ export interface IAccordicardStatic {
     className?: string;
     warning?: boolean;
 }
-export declare const LuiAccordicardStatic: (props: IAccordicardStatic) => JSX.Element;
+export declare const LuiAccordicardStatic: (props: IAccordicardStatic) => React.JSX.Element;

package/dist/components/LuiBadge/LuiBadge.d.ts

@@ -8,5 +8,5 @@ export interface ILuiBadge {
     ariaRoleDescription: string;
     fillVariation?: LuiBadgeFillVariation;
 }
-export declare const LuiBadge: ({ size, variation, backgroundFill, ariaRoleDescription, fillVariation, children, }: ILuiBadge) => JSX.Element;
+export declare const LuiBadge: ({ size, variation, backgroundFill, ariaRoleDescription, fillVariation, children, }: ILuiBadge) => React.JSX.Element;
 export {};

package/dist/components/LuiBanner/LuiBanner.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 type ILuiBanner = {
     level: 'success' | 'info' | 'warning' | 'error';
     children: ReactNode;
     className?: string;
 };
 export declare function getMaterialIconForLevel(level: 'success' | 'info' | 'warning' | 'error'): "info" | "warning" | "error" | "check_circle";
-export declare const LuiBanner: (props: ILuiBanner) => JSX.Element;
-export declare const LuiBannerContent: (props: ILuiBanner) => JSX.Element;
+export declare const LuiBanner: (props: ILuiBanner) => React.JSX.Element;
+export declare const LuiBannerContent: (props: ILuiBanner) => React.JSX.Element;
 export {};

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

@@ -38,5 +38,5 @@ interface LuiButtonGroupProps {
 /**
  * A series of Lui buttons together.
  */
-export declare const LuiButtonGroup: (props: LuiButtonGroupProps) => JSX.Element;
+export declare const LuiButtonGroup: (props: LuiButtonGroupProps) => React.JSX.Element;
 export {};

package/dist/components/LuiFilterContainer/LuiFilterContainer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 export interface IFilterProperties<T> {
     showFilter?: boolean;
     isFilterClearable?: boolean;

package/dist/components/LuiFilterMenu/LuiFilterMenu.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import '@szhsin/react-menu/dist/index.css';
 type LuiFilterMenuProps = {
     menuButton: (toggleMenu: () => void) => ReactNode;
@@ -12,5 +12,5 @@ interface SelectMenuItem {
     display: string;
     specialType?: 'div' | 'head';
 }
-export declare const LuiFilterMenu: (props: LuiFilterMenuProps) => JSX.Element;
+export declare const LuiFilterMenu: (props: LuiFilterMenuProps) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, JSX } from 'react';
 export interface ClearableLuiTextInputProps {
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
     error?: string;

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

@@ -1,4 +1,4 @@
-import React, { DetailedHTMLProps, LabelHTMLAttributes } from 'react';
+import React, { DetailedHTMLProps, JSX, LabelHTMLAttributes } from 'react';
 export interface LuiCheckboxProps {
     value: string;
     label: JSX.Element | string;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { GroupBase, Props, SelectInstance, OptionProps } from 'react-select';
 export type LuiComboSelectProps<Option extends LuiComboSelectOption = LuiComboSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Partial<Props<Option, IsMulti, Group>> & {
     label: JSX.Element | string;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 type Input = JSX.IntrinsicElements['input'];
 type Props = Omit<Input, 'pattern' | 'type' | 'placeholder'>;
 export declare const DateInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 type ParseOptions = {
     allowTwoDigitYear?: boolean;
 };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface LuiFileInputBoxProps {
     fileDescription: string;
     acceptedExtensions: string[];
@@ -10,14 +10,14 @@ export interface LuiFileInputBoxProps {
     width?: number | string;
     height?: number | string;
 }
-export declare const LuiFileInputBox: (props: LuiFileInputBoxProps) => JSX.Element;
+export declare const LuiFileInputBox: (props: LuiFileInputBoxProps) => React.JSX.Element;
 export interface FileUploadInfoProps {
     fileName: string | undefined;
     fileDescription: string;
     fileFormatText: string | undefined;
     openFileBrowserText: string | undefined;
 }
-export declare const FileUploadInfo: (props: FileUploadInfoProps) => JSX.Element;
+export declare const FileUploadInfo: (props: FileUploadInfoProps) => React.JSX.Element;
 /**
  * Get the extension from a filename in upper-case.
  *

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

@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import { ChangeEventHandler, InputHTMLAttributes, JSX } 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) => React.JSX.Element;
+export declare const LuiRadioInput: (props: LuiRadioProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler, DetailedHTMLProps, SelectHTMLAttributes } from 'react';
+import { ChangeEventHandler, DetailedHTMLProps, JSX, 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) => React.JSX.Element;
+export declare const LuiSelectInput: (props: SelectProps) => JSX.Element;

package/dist/components/LuiFormElements/LuiTextAreaInput/LuiAutoExpandTextAreaInput.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type LuiTextAreaInputProps } from './LuiTextAreaInput';
-export declare const LuiAutoExpandTextAreaInput: (props: LuiTextAreaInputProps) => JSX.Element;
+export declare const LuiAutoExpandTextAreaInput: (props: LuiTextAreaInputProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import React, { ChangeEventHandler, InputHTMLAttributes, JSX } from 'react';
 export interface LuiTextAreaInputProps {
     label: JSX.Element | string;
     mandatory?: boolean;

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

@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler } from 'react';
+import React, { ChangeEventHandler, JSX } from 'react';
 export interface LuiTextInputProps {
     onChange?: ChangeEventHandler<HTMLInputElement>;
     inputProps?: Omit<JSX.IntrinsicElements['input'], 'ref'>;

package/dist/components/LuiHeaderMenu/LuiHeaderMenus.d.ts

@@ -46,6 +46,6 @@ interface ILuiDrawerMenuSection {
     collapsible?: boolean;
     children: ReactNode;
 }
-declare const LuiDrawerMenuSection: (props: ILuiDrawerMenuSection) => JSX.Element;
-declare const LuiDrawerMenuDivider: () => JSX.Element;
+declare const LuiDrawerMenuSection: (props: ILuiDrawerMenuSection) => React.JSX.Element;
+declare const LuiDrawerMenuDivider: () => React.JSX.Element;
 export { ILuiDrawerMenu, LuiDrawerMenu, LuiDrawerMenuOptions, ILuiDrawerMenuOption, LuiDrawerMenuOption, ILuiDropdownMenu, LuiDropdownMenu, ILuiDrawerMenuSection, LuiDrawerMenuSection, LuiDrawerMenuDivider, };

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

@@ -38,10 +38,10 @@ interface LuiDrawerMenuOptionV2Props {
      */
     url?: string;
 }
-declare const LuiDrawerMenuOptionsV2: ({ children, }: {
+declare const LuiDrawerMenuOptionsV2: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
-declare const LuiDrawerMenuOptionV2: ({ icon, iconColor, label, badge, iconSize, closeMenuOnClick, onClick, url, }: LuiDrawerMenuOptionV2Props) => JSX.Element;
+}) => React.JSX.Element;
+declare const LuiDrawerMenuOptionV2: ({ icon, iconColor, label, badge, iconSize, closeMenuOnClick, onClick, url, }: LuiDrawerMenuOptionV2Props) => React.JSX.Element;
 type LuiDrawerMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
     hasStickyHeader?: boolean;
     size?: Exclude<Size, 'xs'>;
@@ -56,7 +56,7 @@ declare const LuiDrawerMenuV2: ({ children, hasStickyHeader, size, type, ...menu
     type?: "drawer" | "dropdown" | undefined;
 } & {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 type LuiDropdownMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
     /**
      * The anchor origin of dropdown, default to left
@@ -88,7 +88,7 @@ declare const LuiDropdownMenuV2: (props: Omit<LuiHeaderMenuItemV2Props, "onClick
     size?: Size | "xxl" | undefined;
 } & {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 type LuiDrawerMenuSectionV2Props = {
     /**
      * Optional tile, displays a header if set
@@ -97,6 +97,6 @@ type LuiDrawerMenuSectionV2Props = {
     collapsible?: boolean;
     children: ReactNode;
 };
-declare const LuiDrawerMenuSectionV2: (props: LuiDrawerMenuSectionV2Props) => JSX.Element;
-declare const LuiDrawerMenuDividerV2: () => JSX.Element;
+declare const LuiDrawerMenuSectionV2: (props: LuiDrawerMenuSectionV2Props) => React.JSX.Element;
+declare const LuiDrawerMenuDividerV2: () => React.JSX.Element;
 export { LuiDrawerMenuV2Props, LuiDrawerMenuV2, LuiDrawerMenuOptionV2Props, LuiDrawerMenuOptionV2, LuiDrawerMenuOptionsV2, LuiDrawerMenuSectionV2Props, LuiDrawerMenuSectionV2, LuiDropdownMenuV2Props, LuiDropdownMenuV2, LuiDrawerMenuDividerV2, };

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

@@ -11,7 +11,7 @@ type LuiHeaderV2Props = {
 };
 declare const LuiHeaderV2: ({ headingText, size, homeLink, transparent, children, sticky, appMenu, }: LuiHeaderV2Props & {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 type LuiHeaderMenuItemV2Props = {
     /**
      * LuiIcon name
@@ -97,7 +97,7 @@ declare const LuiCloseableHeaderMenuItemV2: ({ children, menuControls, ...props
     };
 } & {
     children?: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 type LuiMenuCloseButtonV2Props = {
     'data-testid'?: string;
     hide?: boolean;

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

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
 import { IItemRendererProps, ILuiListItemNode } from './LuiListBox';
+import React from 'react';
 import { ListState } from '@react-stately/list';
 export interface ILuiListBoxItemProps<T> {
     node: ILuiListItemNode<T>;
     state: ListState<ILuiListItemNode<T>>;
     renderer: (item: IItemRendererProps<T>) => ReactNode;
 }
-export default function LuiListBoxItem<T>({ node, state, renderer, }: ILuiListBoxItemProps<T>): JSX.Element;
+export default function LuiListBoxItem<T>({ node, state, renderer, }: ILuiListBoxItemProps<T>): React.JSX.Element;

package/dist/components/LuiMenu/LuiMenu.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { ControlledMenuProps, MenuProps } from '@szhsin/react-menu';
 /**
  * A menu controlled by a user-supplied MenuButton. Open/closed state is managed internally. The defaulted style props,
  * menuClassName and offsetY, can be overridden simply by setting them in the usual way.
  */
-export declare const LuiMenu: (props: MenuProps) => JSX.Element;
+export declare const LuiMenu: (props: MenuProps) => React.JSX.Element;
 /**
  * A menu with state managed externally. Can be used quite conveniently as a context menu. The defaulted style props,
  * menuClassName and offsetY, can be overridden simply by setting them in the usual way.
  */
-export declare const LuiControlledMenu: (props: ControlledMenuProps) => JSX.Element;
+export declare const LuiControlledMenu: (props: ControlledMenuProps) => React.JSX.Element;

package/dist/components/LuiModal/LuiModalV2.d.ts

@@ -24,7 +24,7 @@ export type LuiModalV2Props = {
 };
 /** Implements the [updated modal design system](https://www.figma.com/design/E7g3n5ziI7bR8MisISayia/FigLUI?node-id=9924-54717&t=q2r6Gct1cKGP9Q5B-0), keeping the same api as `LuiModal` as much as possible. */
 export declare const LuiModalV2: {
-    (props: PropsWithChildren<LuiModalV2Props>): JSX.Element;
+    (props: PropsWithChildren<LuiModalV2Props>): React.JSX.Element;
     Buttons: React.FC<React.PropsWithChildren<{
         className?: string | undefined;
     }>>;

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

@@ -37,5 +37,5 @@ export interface ILuiSearchBoxProps {
  *  The options of the menu and input can be passed in as an array.
  *  See examples in SearchBox in storybook.
  */
-export declare const LuiSearchBox: ({ searchBoxOptions, initOptionValue, onMenuSelect, autoFocus, externalSearch, searchString, onClickInput, onClearInput, }: ILuiSearchBoxProps) => JSX.Element;
+export declare const LuiSearchBox: ({ searchBoxOptions, initOptionValue, onMenuSelect, autoFocus, externalSearch, searchString, onClickInput, onClearInput, }: ILuiSearchBoxProps) => React.JSX.Element;
 export declare const LuiSearchBoxButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LuiButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -16,7 +16,7 @@ export interface IResultsProps<SearchResult extends ISearchResult = ISearchResul
     setSelectedId: (id: string) => void;
     renderItem: (item: SearchResult) => ReactElement;
     results: SearchResult[] | ISearchGroupedResult<SearchResult>[];
-    selectedRef: RefObject<HTMLDivElement>;
+    selectedRef: RefObject<HTMLDivElement | null>;
 }
 export declare function isGroupedResult<SearchResult extends ISearchResult = ISearchResult>(result: SearchResult[] | ISearchGroupedResult<SearchResult>[]): result is ISearchGroupedResult<SearchResult>[];
 declare const ResultsDisplay: <SearchResults extends ISearchResult = ISearchResult>({ isLoading, onClick, children, selectedId, selectedRef, setSelectedId, results, renderItem, }: React.PropsWithChildren<IResultsProps<SearchResults>>) => ReactElement;

package/dist/components/LuiSelectMenu/LuiSelectDataMenu.d.ts

@@ -1,5 +1,5 @@
 import { MenuHeaderProps } from '@szhsin/react-menu';
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 export type MenuItemType = {
     [key: string]: any;
 };
@@ -10,6 +10,6 @@ export interface ILuiSelectMenuProps {
     items: (MenuItemType | MenuItemGroupType)[];
     menuButton: ReactElement;
 }
-export declare const LuiSelectDataMenu: ({ ...props }: ILuiSelectMenuProps) => JSX.Element;
-export declare const LuiSelectMenuDivider: () => JSX.Element;
-export declare const LuiSelectMenuHeader: (props: MenuHeaderProps) => JSX.Element;
+export declare const LuiSelectDataMenu: ({ ...props }: ILuiSelectMenuProps) => React.JSX.Element;
+export declare const LuiSelectMenuDivider: () => React.JSX.Element;
+export declare const LuiSelectMenuHeader: (props: MenuHeaderProps) => React.JSX.Element;

package/dist/components/LuiSelectMenu/LuiSelectMenu.d.ts

@@ -11,15 +11,15 @@ export interface ILuiSelectMenuItemProps extends MenuItemProps {
     'data-testid'?: string;
     loading?: boolean;
 }
-export declare const LuiSelectMenu: ({ ...props }: MenuProps) => JSX.Element;
-export declare const LuiSelectMenuItem: ({ iconName, iconAlt, level, noPadding, loading, ...rest }: ILuiSelectMenuItemProps) => JSX.Element;
+export declare const LuiSelectMenu: ({ ...props }: MenuProps) => React.JSX.Element;
+export declare const LuiSelectMenuItem: ({ iconName, iconAlt, level, noPadding, loading, ...rest }: ILuiSelectMenuItemProps) => React.JSX.Element;
 export type LuiSelectMenuItemSwitchProps = Omit<ILuiSelectMenuItemProps, 'iconName' | 'iconAlt'> & {
     checked?: boolean;
 };
-export declare const LuiSelectMenuItemSwitch: ({ checked, children, className, ...props }: LuiSelectMenuItemSwitchProps) => JSX.Element;
+export declare const LuiSelectMenuItemSwitch: ({ checked, children, className, ...props }: LuiSelectMenuItemSwitchProps) => React.JSX.Element;
 export interface ILuiSelectSubMenuItemProps extends SubMenuProps {
     iconName?: string;
     iconAlt?: string;
     label: string;
 }
-export declare const LuiSelectSubMenuItem: ({ label, iconName, iconAlt, ...rest }: ILuiSelectSubMenuItemProps) => JSX.Element;
+export declare const LuiSelectSubMenuItem: ({ label, iconName, iconAlt, ...rest }: ILuiSelectSubMenuItemProps) => React.JSX.Element;

package/dist/components/LuiShadow/LuiShadow.d.ts

@@ -3,4 +3,4 @@ export declare const LuiShadow: (props: {
     children: React.ReactNode;
     dropSize?: 'sm' | 'md' | 'lg';
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import './LuiSideToolbar.scss';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare enum ToolbarDirection {
     LEFT = "Left",
     RIGHT = "Right"
@@ -8,4 +8,4 @@ export interface ToolbarProps {
     direction: ToolbarDirection;
     children: ReactNode;
 }
-export declare function LuiSideToolbar(props: ToolbarProps): JSX.Element;
+export declare function LuiSideToolbar(props: ToolbarProps): React.JSX.Element;

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

@@ -13,5 +13,5 @@ export interface ToolbarItemProps {
  * @param props
  * @returns
  */
-export declare const ToolbarItem: (props: ToolbarItemProps) => JSX.Element;
+export declare const ToolbarItem: (props: ToolbarItemProps) => React.JSX.Element;
 export declare const ToolbarItemSeparator: () => React.JSX.Element;

package/dist/components/LuiSplitButton/LuiSplitButton.d.ts

@@ -26,5 +26,5 @@ export declare enum LuiSplitButtonPosition {
     TOP = "Top",
     BOTTOM = "Bottom"
 }
-export declare const LuiSplitButtonMenuItem: ({ iconName, iconAlt, level, noPadding, ...rest }: ILuiSplitButtonMenuItemProps) => JSX.Element;
-export declare const LuiSplitButton: ({ position, ...props }: ILuiSplitButtonProps) => JSX.Element;
+export declare const LuiSplitButtonMenuItem: ({ iconName, iconAlt, level, noPadding, ...rest }: ILuiSplitButtonMenuItemProps) => React.JSX.Element;
+export declare const LuiSplitButton: ({ position, ...props }: ILuiSplitButtonProps) => React.JSX.Element;

package/dist/components/LuiStaticMessage/LuiStaticMessage.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export interface ILuiStaticMessage {
     level: 'success' | 'info' | 'warning' | 'error';
     closable?: boolean;
@@ -7,4 +7,4 @@ export interface ILuiStaticMessage {
     className?: string;
     children?: ReactNode;
 }
-export declare const LuiStaticMessage: (props: ILuiStaticMessage) => JSX.Element;
+export declare const LuiStaticMessage: (props: ILuiStaticMessage) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { JSX, 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) => React.JSX.Element;
+export declare const LuiUpdatesSplashModal: (props: SplashModalProps) => JSX.Element;
 export {};

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

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

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

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

package/dist/components/Splitter/helpers/getSeparatorAttributes.d.ts

@@ -10,7 +10,7 @@ type Props = {
 } | {
     child?: never;
     separator?: never;
-    ref?: RefObject<HTMLElement> | null | undefined;
+    ref?: RefObject<HTMLElement | null> | null | undefined;
 };
 /**
  * Given a ref/element if finds the Separator and returns the most useful attributes

package/dist/components/Splitter/helpers/getSeparatorPosition.d.ts

@@ -4,4 +4,4 @@ import { RefObject } from 'react';
  * @param separatorRef Separator ref
  * @param drag Represents mouse/touch horizontal/vertical coordinate when the user is resizing.
  */
-export declare const getSeparatorPosition: (separatorRef: RefObject<HTMLDivElement>, drag: number) => number;
+export declare const getSeparatorPosition: (separatorRef: RefObject<HTMLDivElement | null>, drag: number) => number;

package/dist/components/Splitter/helpers/transition.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-export declare const transition: (props: RefObject<HTMLDivElement> | HTMLDivElement) => {
+export declare const transition: (props: RefObject<HTMLDivElement | null> | HTMLDivElement) => {
     stop: () => void;
     resume: () => void;
 };

package/dist/components/Splitter/helpers/useForkRef.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-type ForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
-export declare const useForkRef: <T>(forwardedRef: ForwardedRef<T>) => import("react").RefObject<T>;
+type ForwardedRef<T> = ((instance: T | null) => void) | React.RefObject<T | null> | null;
+export declare const useForkRef: <T>(forwardedRef: ForwardedRef<T>) => import("react").RefObject<T | null>;
 export {};

package/dist/components/Splitter/helpers/useMoveSeparator.d.ts

@@ -3,7 +3,7 @@ import { RefObject } from 'react';
  * It captures window events to report a new position.
  * Provides necessary handlers for separator.
  */
-export declare const useMoveSeparator: (separator: RefObject<HTMLDivElement>, resize: (val: number) => void) => {
+export declare const useMoveSeparator: (separator: RefObject<HTMLDivElement | null>, resize: (val: number) => void) => {
     onMouseDown: () => void;
     onTouchStart: () => void;
     onTouchEnd: () => void;

package/dist/components/Splitter/helpers/useShowSeparator.d.ts

@@ -4,4 +4,4 @@ import { RefObject } from 'react';
  * The consumer must render 2 element nodes (not components), to be able to split.
  * @param separatorRef Separator ref
  */
-export declare const useShowSeparator: (separatorRef: RefObject<HTMLDivElement>) => void;
+export declare const useShowSeparator: (separatorRef: RefObject<HTMLDivElement | null>) => void;

package/dist/components/Splitter/helpers/useValueSeparator.d.ts

@@ -8,7 +8,7 @@ import { RefObject } from 'react';
 export declare const useValueSeparator: ({ separator, ratio, onResized, startAt, }: {
     ratio?: number | undefined;
     onResized?: ((newVal: number) => void) | undefined;
-    separator: RefObject<HTMLDivElement>;
+    separator: RefObject<HTMLDivElement | null>;
     startAt?: number | undefined;
 }) => {
     setValueNow: (val?: number) => void;

package/dist/components/Splitter/helpers/useValueSeparatorEffects.d.ts

@@ -2,4 +2,4 @@ import { RefObject } from 'react';
 /**
  * Calls setValueNow when the separator attributes change.
  */
-export declare const useValueSeparatorEffects: (setValueNow: (val?: number) => void, separator: RefObject<HTMLDivElement>, ratio?: number, startAt?: number) => void;
+export declare const useValueSeparatorEffects: (setValueNow: (val?: number) => void, separator: RefObject<HTMLDivElement | null>, ratio?: number, startAt?: number) => void;

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

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
 export declare const useSplitterRef: () => {
-    ref: RefObject<HTMLDivElement>;
+    ref: RefObject<HTMLDivElement | null>;
     setRatio: (val: number) => void;
 };

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

@@ -16,6 +16,6 @@ export declare const useToastState: ({ stack }: {
         bottomCenter: IToast[];
         bottomRight: IToast[];
     };
-    dispatch: import("react").Dispatch<ToastAction>;
+    dispatch: import("react").ActionDispatch<[action: ToastAction]>;
 };
 export {};

package/dist/components/common/Hooks.d.ts

@@ -14,7 +14,7 @@ export declare const useEscapeFunction: (onEscape: (e: KeyboardEvent) => void |
  * @param onClickOutsideArg handler for mouse clicks outside the element
  * @return a react ref which can be bound to an html element
  */
-export declare const usePageClickFunction: <H extends Element>(onClickInsideArg: (event: MouseEvent) => void, onClickOutsideArg: (event: MouseEvent) => void) => import("react").RefObject<H>;
+export declare const usePageClickFunction: <H extends Element>(onClickInsideArg: (event: MouseEvent) => void, onClickOutsideArg: (event: MouseEvent) => void) => import("react").RefObject<H | null>;
 /** Disables scrolling on an specified element */
 export declare const useDisableScroll: (el?: HTMLElement | null, shouldDisable?: boolean) => void;
 /**

package/dist/contexts/LuiMessagingContextProvider.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import { JSX, PropsWithChildren } from 'react';
 export type MessageLevel = 'success' | 'info' | 'warning' | 'error';
 export type MessageType = 'toast';
 export interface IUIMessagingContext {
@@ -11,4 +11,4 @@ export interface ShowMessageProps {
     messageLevel: MessageLevel;
     requireDismiss?: boolean;
 }
-export declare const LuiMessagingContextProvider: ({ children, }: PropsWithChildren<unknown>) => React.JSX.Element;
+export declare const LuiMessagingContextProvider: ({ children, }: PropsWithChildren<unknown>) => JSX.Element;

package/dist/index.js

@@ -6601,7 +6601,7 @@ var smlLoaderData = {
 var LuiLottieLight = function (_a) {
     var animationData = _a.animationData, style = _a.style, rendererSettings = _a.rendererSettings, autoplay = _a.autoplay, loop = _a.loop;
     var element = React__default["default"].useRef(null);
-    var lottieInstance = React__default["default"].useRef();
+    var lottieInstance = React__default["default"].useRef(undefined);
     React__default["default"].useEffect(function () {
         if (element.current) {
             lottieInstance.current = lottie__default["default"].loadAnimation({
@@ -40282,7 +40282,7 @@ var useValueNowEffect = function (setValueNow, separator) {
  * Makes sure that separator is within boundaries
  */
 var useResizeEffect = function (setValueNow, separator) {
-    var length = React.useRef();
+    var length = React.useRef(undefined);
     var _a = React.useState(0), count = _a[0], setCount = _a[1];
     React.useEffect(function () {
         var element = separator.current.parentElement;