@connectif/ui-components 0.0.1 → 0.0.2

package/dist/components/input/SelectPopoverItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconId } from '../icon';
 export type SelectPopoverItemProps = {
     id: string;
@@ -13,5 +12,5 @@ export type SelectPopoverItemProps = {
     isLoadingSubtitle2?: boolean;
     onClick?: () => void;
 };
-declare const SelectPopoverItem: ({ id, name, subtitle1, subtitle2, disabled, iconId, chipText, color, tooltip, isLoadingSubtitle2, onClick }: SelectPopoverItemProps) => JSX.Element;
+declare const SelectPopoverItem: ({ id, name, subtitle1, subtitle2, disabled, iconId, chipText, color, tooltip, isLoadingSubtitle2, onClick }: SelectPopoverItemProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectPopoverItem;

package/dist/components/input/TextEditor.d.ts

@@ -119,5 +119,5 @@ export type TextEditorProps = Omit<IAllProps, 'value' | 'onEditorChange' | 'onCh
  * The output created is in HTML5 and can include lists, tables, and other useful elements, depending on your configuration.
  * The functionality of the editor can be extended through plugins and customizations, or limited to suit your use-case.
  */
-declare const TextEditor: ({ id, disabled, customToolbarGroups, resetDirty, initialValue, inline, height, fullHeight, toolbar, menuBar, variant, newValue, hideCodeEditor, codeEditorButtonIndex, codeEditorSubtitle, codeEditorMessageNode, isCodeEditorReadonly, forceCloseCodeEditor, onForceCloseCodeEditor, onNewValueSetter, onChange, onDirty, onResetDirty, onCopyToClipboard, linterFunction, init, ...rest }: TextEditorProps) => JSX.Element;
+declare const TextEditor: ({ id, disabled, customToolbarGroups, resetDirty, initialValue, inline, height, fullHeight, toolbar, menuBar, variant, newValue, hideCodeEditor, codeEditorButtonIndex, codeEditorSubtitle, codeEditorMessageNode, isCodeEditorReadonly, forceCloseCodeEditor, onForceCloseCodeEditor, onNewValueSetter, onChange, onDirty, onResetDirty, onCopyToClipboard, linterFunction, init, ...rest }: TextEditorProps) => import("react/jsx-runtime").JSX.Element;
 export default TextEditor;

package/dist/components/input/TextFieldContainer.d.ts

@@ -51,45 +51,45 @@ declare const TextFieldContainer: React.ForwardRefExoticComponent<{
     /**
      * The variant of this component.
      */
-    variant?: "transparent" | "default" | undefined;
+    variant?: "default" | "transparent";
     /**
      * Custom styles to override.
      */
-    sx?: SxProps | undefined;
+    sx?: SxProps;
     /**
      * The color of "active" status. Used for border on focus and background on highlighted
      */
-    activeColor?: string | undefined;
+    activeColor?: string;
     /**
      * Whether the component is disabled or not
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Whether the component is highlighted or not
      */
-    highlighted?: boolean | undefined;
+    highlighted?: boolean;
     /**
      * Whether the component is in focus state or not
      */
-    isFocused?: boolean | undefined;
+    isFocused?: boolean;
     /**
      * Whether the component is in error state or not
      */
-    isError?: boolean | undefined;
+    isError?: boolean;
     /**
      * Whether the component is multiline or not
      */
-    multiline?: boolean | undefined;
+    multiline?: boolean;
     /**
      * Called on click on this component
      */
-    onClick?: BoxProps['onClick'];
-    className?: string | undefined;
+    onClick?: BoxProps["onClick"];
+    className?: string;
     /**
      * Settled directly in DOM element, for testing easy location purposes.
      */
-    'data-test'?: string | undefined;
+    'data-test'?: string;
 } & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default TextFieldContainer;

package/dist/components/input/TimeField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TimeFieldProps as MuiTimeFieldProps } from '@mui/x-date-pickers';
 import { TextFieldProps } from './TextField';
 export type TimeFieldProps = Omit<TextFieldProps, 'value' | 'onChange' | 'multiline' | 'type' | 'isClearable' | 'defaultValue'> & {
@@ -16,5 +15,5 @@ export type TimeFieldProps = Omit<TextFieldProps, 'value' | 'onChange' | 'multil
 /**
  * The Time Field component lets the user select a time with the keyboard.
  */
-declare const TimeField: ({ onChange, value, showMinutes, showSeconds, ...rest }: TimeFieldProps) => JSX.Element;
+declare const TimeField: ({ onChange, value, showMinutes, showSeconds, ...rest }: TimeFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default TimeField;

package/dist/components/input/TimezoneSelector.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export type TimezoneSelectorProps = {
     initialTimezone: string;
     onTimezoneChange: (timezone: string) => void;
 };
-declare const TimezoneSelector: ({ initialTimezone, onTimezoneChange }: TimezoneSelectorProps) => JSX.Element;
+declare const TimezoneSelector: ({ initialTimezone, onTimezoneChange }: TimezoneSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export default TimezoneSelector;

package/dist/components/input/UploadClickableArea.d.ts

@@ -10,5 +10,5 @@ export type UploadClickableAreaProps = React.PropsWithChildren<{
      */
     onFilesChanged: (file: FileList) => void;
 }>;
-declare const UploadClickableArea: ({ accept, onFilesChanged, children }: UploadClickableAreaProps) => JSX.Element;
+declare const UploadClickableArea: ({ accept, onFilesChanged, children }: UploadClickableAreaProps) => import("react/jsx-runtime").JSX.Element;
 export default UploadClickableArea;

package/dist/components/layout/Box.d.ts

@@ -1,2 +1,3 @@
-declare const Box: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
+import { BoxProps } from '@mui/material/Box';
+declare const Box: React.FC<BoxProps>;
 export default Box;

package/dist/components/layout/Collapse.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { CollapseProps as MuiCollapseProps } from '@mui/material';
 export type CollapseProps = MuiCollapseProps;
-declare const Collapse: (props: MuiCollapseProps) => JSX.Element;
+declare const Collapse: (props: MuiCollapseProps) => import("react/jsx-runtime").JSX.Element;
 export default Collapse;

package/dist/components/layout/CollapsiblePanel.d.ts

@@ -44,5 +44,5 @@ export type CollapsiblePanelProps = React.PropsWithChildren<{
      */
     dividerProps?: DividerProps;
 }> & Pick<ListItemButtonProps, 'disabled'>;
-declare const CollapsiblePanel: ({ sx, children, isCollapsed, onToggle, header, headerText, headerBaseSx, collapseDirection, disabled, withDivider, dividerProps }: CollapsiblePanelProps) => JSX.Element;
+declare const CollapsiblePanel: ({ sx, children, isCollapsed, onToggle, header, headerText, headerBaseSx, collapseDirection, disabled, withDivider, dividerProps }: CollapsiblePanelProps) => import("react/jsx-runtime").JSX.Element;
 export default CollapsiblePanel;

package/dist/components/layout/CollapsiblePanelSwitcher.d.ts

@@ -83,5 +83,5 @@ export type CollapsiblePanelSwitcherProps = React.PropsWithChildren<{
      */
     onMouseUpDragZone?: () => void;
 }> & Pick<ListItemButtonProps, 'disabled'>;
-declare const CollapsiblePanelSwitcher: ({ sx, children, isCollapsed, isSwitched, onToggle, onSwitcherToggle, header, headerText, headerBaseSx, collapseDirection, disabled, variant, separatorDashed, moveBlocked, middleActions, downArrowDisabled, removeBorder, onMoveUp, onMoveDown, onMouseDownDragZone, onMouseUpDragZone }: CollapsiblePanelSwitcherProps) => JSX.Element;
+declare const CollapsiblePanelSwitcher: ({ sx, children, isCollapsed, isSwitched, onToggle, onSwitcherToggle, header, headerText, headerBaseSx, collapseDirection, disabled, variant, separatorDashed, moveBlocked, middleActions, downArrowDisabled, removeBorder, onMoveUp, onMoveDown, onMouseDownDragZone, onMouseUpDragZone }: CollapsiblePanelSwitcherProps) => import("react/jsx-runtime").JSX.Element;
 export default CollapsiblePanelSwitcher;

package/dist/components/layout/Container.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { ContainerProps as MuiContainerProps } from '@mui/material/Container';
 export type ContainerProps = Pick<MuiContainerProps, 'sx' | 'children' | 'maxWidth'>;
-declare const Container: ({ maxWidth, ...rest }: ContainerProps) => JSX.Element;
+declare const Container: ({ maxWidth, ...rest }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default Container;

package/dist/components/layout/Grid.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { GridProps as MuiGridProps } from '@mui/material/Grid';
 export type GridProps = Pick<MuiGridProps, 'children' | 'xs' | 'md' | 'lg' | 'xl' | 'columns' | 'spacing' | 'sx' | 'container' | 'item' | 'className'>;
 /**
  * A basic grid system. See https://mui.com/material-ui/react-grid/ for more detailed usage.
  */
-declare const Grid: (props: GridProps) => JSX.Element;
+declare const Grid: (props: GridProps) => import("react/jsx-runtime").JSX.Element;
 export default Grid;

package/dist/components/layout/LazyLoad.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { LazyLoadProps as ReactLazyLoadProps } from 'react-lazyload';
 export type LazyLoadProps = Pick<ReactLazyLoadProps, 'offset' | 'height' | 'style' | 'children'>;
-declare const LazyLoad: (props: LazyLoadProps) => JSX.Element;
+declare const LazyLoad: (props: LazyLoadProps) => import("react/jsx-runtime").JSX.Element;
 export default LazyLoad;

package/dist/components/layout/PageScrollContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type PageScrollContextValue = {
     isScrolled: boolean;
 };

package/dist/components/layout/PageWithHeader.d.ts

@@ -9,5 +9,5 @@ export type PageWithHeaderProps = React.PropsWithChildren<{
  * A page with a header at the top of the page.
  * The `children` will be displayed in the main area.
  */
-declare const PageWithHeader: ({ header, children }: PageWithHeaderProps) => JSX.Element;
+declare const PageWithHeader: ({ header, children }: PageWithHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default PageWithHeader;

package/dist/components/layout/PageWithNavbar.d.ts

@@ -9,5 +9,5 @@ export type PageWithNavbarProps = React.PropsWithChildren<{
  * A page with a navbar at the left of the page.
  * The `children` will be displayed in the main area.
  */
-declare const PageWithNavbar: ({ navbar, children }: PageWithNavbarProps) => JSX.Element;
+declare const PageWithNavbar: ({ navbar, children }: PageWithNavbarProps) => import("react/jsx-runtime").JSX.Element;
 export default PageWithNavbar;

package/dist/components/layout/PageWithSidePanel.d.ts

@@ -13,5 +13,5 @@ export type PageWithSidePanelProps = React.PropsWithChildren<{
  * A page with a sidePanel at the left of the page.
  * The `children` will be displayed in the main area.
  */
-declare const PageWithSidePanel: ({ sidePanel, children, sidePanelVisible }: PageWithSidePanelProps) => JSX.Element;
+declare const PageWithSidePanel: ({ sidePanel, children, sidePanelVisible }: PageWithSidePanelProps) => import("react/jsx-runtime").JSX.Element;
 export default PageWithSidePanel;

package/dist/components/layout/PageWithToolBox.d.ts

@@ -13,5 +13,5 @@ export type PageWithToolBoxProps = React.PropsWithChildren<{
  * A page with a toolBox at the left of the page.
  * The `children` will be displayed in the main area.
  */
-declare const PageWithToolBox: ({ toolBox, children, toolBoxVisible }: PageWithToolBoxProps) => JSX.Element;
+declare const PageWithToolBox: ({ toolBox, children, toolBoxVisible }: PageWithToolBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default PageWithToolBox;

package/dist/components/layout/PageWithToolbar.d.ts

@@ -14,5 +14,5 @@ export type PageWithToolbarProps = React.PropsWithChildren<{
  * The `children` will be displayed in the main area.
  * Toolbar is sticky by default.
  */
-declare const PageWithToolbar: ({ toolbar, children, toolbarSticky }: PageWithToolbarProps) => JSX.Element;
+declare const PageWithToolbar: ({ toolbar, children, toolbarSticky }: PageWithToolbarProps) => import("react/jsx-runtime").JSX.Element;
 export default PageWithToolbar;

package/dist/components/layout/Paper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaperProps as MuiPaperProps } from '@mui/material/Paper';
 export type PaperProps = Pick<MuiPaperProps, 'children' | 'sx'> & {
     /**
@@ -9,5 +8,5 @@ export type PaperProps = Pick<MuiPaperProps, 'children' | 'sx'> & {
 /**
  * This is a simple "Paper" component, which is raised
  */
-declare const Paper: ({ bordered, sx, ...rest }: PaperProps) => JSX.Element;
+declare const Paper: ({ bordered, sx, ...rest }: PaperProps) => import("react/jsx-runtime").JSX.Element;
 export default Paper;

package/dist/components/layout/SidePanel.d.ts

@@ -3,5 +3,5 @@ import { BoxProps } from '@mui/material';
 export type SidePanelProps = React.PropsWithChildren<{
     className?: BoxProps['className'];
 }>;
-declare const SidePanel: ({ children, className }: SidePanelProps) => JSX.Element;
+declare const SidePanel: ({ children, className }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
 export default SidePanel;

package/dist/components/layout/ToolBox.d.ts

@@ -8,5 +8,5 @@ export type ToolBoxProps = React.PropsWithChildren<{
     size?: ToolBoxSize;
     dataTestId?: string;
 }>;
-declare const ToolBox: ({ children, className, header, containerSx, size, dataTestId }: ToolBoxProps) => JSX.Element;
+declare const ToolBox: ({ children, className, header, containerSx, size, dataTestId }: ToolBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default ToolBox;

package/dist/components/list/BaseListItem.d.ts

@@ -66,5 +66,5 @@ export type BaseListItemProps = {
      */
     'data-test'?: string;
 };
-declare const BaseListItem: ({ baseSx, color, typographyVariant, variant, startAdornment, endAdornment, children, startIconId, endIconId, selected, text, subText, tooltipClass, "data-test": dataTest }: BaseListItemProps) => JSX.Element;
+declare const BaseListItem: ({ baseSx, color, typographyVariant, variant, startAdornment, endAdornment, children, startIconId, endIconId, selected, text, subText, tooltipClass, "data-test": dataTest }: BaseListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default BaseListItem;

package/dist/components/list/List.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { ListProps as MuiListProps } from '@mui/material';
 export type ListProps = Pick<MuiListProps, 'children' | 'disablePadding' | 'sx' | 'className'>;
-declare const List: ({ children, disablePadding, sx, className }: ListProps) => JSX.Element;
+declare const List: ({ children, disablePadding, sx, className }: ListProps) => import("react/jsx-runtime").JSX.Element;
 export default List;

package/dist/components/list/ListItem.d.ts

@@ -11,6 +11,6 @@ declare const ListItem: React.ForwardRefExoticComponent<{
     /**
      * The styles applied to this ListItem.
      */
-    sx?: SxProps | undefined;
+    sx?: SxProps;
 } & BaseListItemProps & Pick<MuiListItemProps, "className" | "onMouseEnter" | "onMouseLeave"> & React.RefAttributes<HTMLLIElement>>;
 export default ListItem;

package/dist/components/list/ListItemButton.d.ts

@@ -20,23 +20,23 @@ export type ListItemButtonProps = Pick<MuiListItemButtonProps, 'onClick' | 'tabI
     'data-test'?: string;
     buttonDataTest?: string;
 } & BaseListItemProps;
-declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemButtonProps, "className" | "tabIndex" | "role" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp"> & {
+declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemButtonProps, "className" | "role" | "tabIndex" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp"> & {
     /**
      * If `true`, the onClick callback will also be triggered on aux click. Default is `false`.
      */
-    enableAuxClick?: boolean | undefined;
+    enableAuxClick?: boolean;
     /**
      * The styles applied to this ListItemButton.
      */
-    sx?: SxProps | undefined;
+    sx?: SxProps;
     /**
      * Whether this list item button is disabled
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Settled directly in DOM element, for testing easy location purposes.
      */
-    'data-test'?: string | undefined;
-    buttonDataTest?: string | undefined;
+    'data-test'?: string;
+    buttonDataTest?: string;
 } & BaseListItemProps & React.RefAttributes<HTMLDivElement>>;
 export default ListItemButton;

package/dist/components/list/ListItemText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyVariant } from '../../theme/Typography';
 export type ListItemTextProps = {
     text?: string;
@@ -13,5 +12,5 @@ export type ListItemTextProps = {
      */
     'data-test'?: string;
 };
-declare const ListItemText: ({ text, typographyVariant, color, tooltipClass, "data-test": dataTest }: ListItemTextProps) => JSX.Element;
+declare const ListItemText: ({ text, typographyVariant, color, tooltipClass, "data-test": dataTest }: ListItemTextProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItemText;

package/dist/components/loader/Loader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CircularProgressProps } from '../progress';
 import { BoxProps } from '@mui/material/Box';
 export type LoaderProps = {
@@ -28,5 +27,5 @@ export type LoaderProps = {
  * still is able to change focus and interact with hovered section elements by
  * using keyboard controls.
  */
-declare const Loader: ({ isVisible, zIndex, size, hideProgress, sx }: LoaderProps) => JSX.Element;
+declare const Loader: ({ isVisible, zIndex, size, hideProgress, sx }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Loader;

package/dist/components/navbar/Navbar.d.ts

@@ -37,5 +37,5 @@ export type NavbarProps = {
  *
  * You will usually use this component inside a PageWithNavbar.
  */
-declare const Navbar: ({ topContent, bottomContent, drawerTopContent, drawerBottomContent, onClose, isDrawerOpen }: NavbarProps) => JSX.Element;
+declare const Navbar: ({ topContent, bottomContent, drawerTopContent, drawerBottomContent, onClose, isDrawerOpen }: NavbarProps) => import("react/jsx-runtime").JSX.Element;
 export default Navbar;

package/dist/components/navbar/NavbarHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type NavbarHeaderProps = {
     /**
      * The title to show in this header
@@ -8,5 +7,5 @@ export type NavbarHeaderProps = {
 /**
  * A header component to be used at the top of the drawer of a Navbar component.
  */
-declare const NavbarHeader: ({ text }: NavbarHeaderProps) => JSX.Element;
+declare const NavbarHeader: ({ text }: NavbarHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default NavbarHeader;

package/dist/components/overlay/DonutFocusOverlay.d.ts

@@ -7,5 +7,5 @@ export type DonutFocusOverlayProps = {
     chipLabel?: string;
     chipPosition?: 'left' | 'right';
 };
-declare const DonutFocusOverlay: ({ isVisible, elementRef, padding, donutWidth, chipLabel, chipPosition }: DonutFocusOverlayProps) => JSX.Element | null;
+declare const DonutFocusOverlay: ({ isVisible, elementRef, padding, donutWidth, chipLabel, chipPosition }: DonutFocusOverlayProps) => import("react/jsx-runtime").JSX.Element | null;
 export default DonutFocusOverlay;

package/dist/components/pager/Pager.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type PagerProps = {
     /**
      *  The current page number, starting from 1
@@ -27,5 +26,5 @@ export type PagerProps = {
  * A pager displays information about the current page and the total number of elements,
  * allowing the user to navigate between pages.
  */
-declare const Pager: ({ page, pageSize, total, allowedPageSizes, onPageChange }: PagerProps) => JSX.Element;
+declare const Pager: ({ page, pageSize, total, allowedPageSizes, onPageChange }: PagerProps) => import("react/jsx-runtime").JSX.Element;
 export default Pager;

package/dist/components/popover/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps as MuiPopoverProps } from '@mui/material/Popover';
 export type PopoverProps = Pick<MuiPopoverProps, 'children' | 'anchorEl' | 'sx' | 'disableEscapeKeyDown' | 'onTransitionEnd' | 'onMouseUp'> & {
     /**
@@ -22,5 +21,5 @@ export type PopoverProps = Pick<MuiPopoverProps, 'children' | 'anchorEl' | 'sx'
  * It is shown when the anchor element is set and hidden when unset.
  * By default it is positioned below the anchor element.
  */
-declare const Popover: ({ horizontalAlign, anchorHorizontalOrigin, verticalAlign, anchorVerticalAlign, ...props }: PopoverProps) => JSX.Element;
+declare const Popover: ({ horizontalAlign, anchorHorizontalOrigin, verticalAlign, anchorVerticalAlign, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
 export default Popover;

package/dist/components/popover/PopoverActions.d.ts

@@ -17,5 +17,5 @@ export type PopoverActionsProps = {
  * To be used as last child of a Popover component.
  * Use this to add actions to the Popover, like Buttons, MenuButtons, etc.
  */
-declare const PopoverActions: ({ leftContent, rightContent, sx }: PopoverActionsProps) => JSX.Element;
+declare const PopoverActions: ({ leftContent, rightContent, sx }: PopoverActionsProps) => import("react/jsx-runtime").JSX.Element;
 export default PopoverActions;

package/dist/components/progress/CircularProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const circularSizes: {
     readonly XS: "20px";
     readonly SM: "24px";
@@ -31,5 +30,5 @@ export type CircularProgressProps = {
      */
     showCircularBackground?: boolean;
 };
-declare const CircularProgress: ({ value, label, variant, color, size, showCircularBackground }: CircularProgressProps) => JSX.Element;
+declare const CircularProgress: ({ value, label, variant, color, size, showCircularBackground }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default CircularProgress;

package/dist/components/progress/LinearProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LinearProgressProps as MuiLinearProgressProps } from '@mui/material/LinearProgress';
 export type LinearProgressProps = Pick<MuiLinearProgressProps, 'value'> & {
     /**
@@ -15,5 +14,5 @@ export type LinearProgressProps = Pick<MuiLinearProgressProps, 'value'> & {
      */
     backgroundColor?: string;
 };
-declare const LinearProgress: ({ color, backgroundColor, variant, ...rest }: LinearProgressProps) => JSX.Element;
+declare const LinearProgress: ({ color, backgroundColor, variant, ...rest }: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default LinearProgress;

package/dist/components/scrollable/HorizontalScrollable.d.ts

@@ -14,5 +14,5 @@ export type HorizontalScrollableProps = React.PropsWithChildren<{
 /**
  * A horizontal scrollable component to display groups of data in horizontal scroll.
  */
-declare const HorizontalScrollable: ({ style, children, stepDistance }: HorizontalScrollableProps) => JSX.Element;
+declare const HorizontalScrollable: ({ style, children, stepDistance }: HorizontalScrollableProps) => import("react/jsx-runtime").JSX.Element;
 export default HorizontalScrollable;

package/dist/components/snackbar/SnackbarProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SnackbarProviderProps as NotistackSnackbarProviderProps } from 'notistack';
 export type SnackbarProviderProps = Pick<NotistackSnackbarProviderProps, 'maxSnack' | 'domRoot' | 'children'>;
 /**
@@ -6,5 +5,5 @@ export type SnackbarProviderProps = Pick<NotistackSnackbarProviderProps, 'maxSna
  * Use this provider at higher level in component tree, so you can use hook `useSnackbar` in nested
  * components to show a Snackbar.
  */
-declare const SnackbarProvider: ({ children, maxSnack, domRoot }: SnackbarProviderProps) => JSX.Element;
+declare const SnackbarProvider: ({ children, maxSnack, domRoot }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default SnackbarProvider;

package/dist/components/tab/TabButton.d.ts

@@ -26,5 +26,5 @@ export type TabButtonProps = React.PropsWithChildren<{
  * A TabButton is a button that can be used to switch between tabs.
  * It is usually used in a Tabs component.
  */
-declare const TabButton: ({ children, disabled, textAlign, marginRight, dataTestId, disableUppercase, ...rest }: TabButtonProps) => JSX.Element;
+declare const TabButton: ({ children, disabled, textAlign, marginRight, dataTestId, disableUppercase, ...rest }: TabButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default TabButton;

package/dist/components/tab/TabContent.d.ts

@@ -3,5 +3,5 @@ export type TabContentProps = React.PropsWithChildren<Record<never, never>>;
 /**
  * The element that should be used as first child of Tabs component.
  */
-declare const TabContent: ({ children }: TabContentProps) => JSX.Element;
+declare const TabContent: ({ children }: TabContentProps) => import("react/jsx-runtime").JSX.Element;
 export default TabContent;

package/dist/components/tab/Tabs.d.ts

@@ -48,5 +48,5 @@ export type TabsProps = {
  * define a callback function to be called when the tab is clicked, so you can do something
  * with the current tab index.
  */
-declare const Tabs: ({ tabButtons, children, currentTabIndex, onChangeTab, variant, fullHeight, contained, scrollbarGutter }: TabsProps) => JSX.Element;
+declare const Tabs: ({ tabButtons, children, currentTabIndex, onChangeTab, variant, fullHeight, contained, scrollbarGutter }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/dist/components/table/NestedTable.d.ts

@@ -25,5 +25,5 @@ export type NestedTableProps = React.PropsWithChildren<{
  * so the intrinsic cell will know how many columns should be spanned.
  * Nested table components are usually collapsibles. It is expanded by default if not supplied `isVisible` prop.
  */
-declare const NestedTable: ({ colSpan, children, className, sx, isVisible }: NestedTableProps) => JSX.Element;
+declare const NestedTable: ({ colSpan, children, className, sx, isVisible }: NestedTableProps) => import("react/jsx-runtime").JSX.Element;
 export default NestedTable;

package/dist/components/table/Table.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { TableProps as MuiTableProps } from '@mui/material';
 export type TableProps = Pick<MuiTableProps, 'sx' | 'children' | 'className'>;
-declare const Table: ({ children, sx, className }: TableProps) => JSX.Element;
+declare const Table: ({ children, sx, className }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/components/table/TableBody.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type TableBodyProps = React.PropsWithChildren<Record<never, never>>;
-declare const TableBody: ({ children }: TableBodyProps) => JSX.Element;
+declare const TableBody: ({ children }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 export default TableBody;

package/dist/components/table/TableCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableCellProps as MuiTableCellProps } from '@mui/material';
 export type TableCellProps = Pick<MuiTableCellProps, 'children' | 'align' | 'colSpan' | 'sortDirection' | 'sx' | 'onClick' | 'className'> & {
     /**
@@ -16,5 +15,5 @@ export type TableCellProps = Pick<MuiTableCellProps, 'children' | 'align' | 'col
      */
     noBorder?: boolean;
 };
-declare const TableCell: ({ children, size, sx, noWrap, sticky, className, onClick, noBorder, ...rest }: TableCellProps) => JSX.Element;
+declare const TableCell: ({ children, size, sx, noWrap, sticky, className, onClick, noBorder, ...rest }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
 export default TableCell;

package/dist/components/table/TableCellCopy.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableCellProps } from './TableCell';
 export type TableCellCopyProps = TableCellProps & {
     /**
@@ -6,5 +5,5 @@ export type TableCellCopyProps = TableCellProps & {
      */
     text: string;
 };
-declare const TableCellCopy: ({ text, ...rest }: TableCellCopyProps) => JSX.Element;
+declare const TableCellCopy: ({ text, ...rest }: TableCellCopyProps) => import("react/jsx-runtime").JSX.Element;
 export default TableCellCopy;

package/dist/components/table/TableDivider.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const TableDivider: () => JSX.Element;
+declare const TableDivider: () => import("react/jsx-runtime").JSX.Element;
 export default TableDivider;

package/dist/components/table/TableHead.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type TableHeadProps = React.PropsWithChildren<Record<never, never>>;
-declare const TableHead: ({ children }: TableHeadProps) => JSX.Element;
+declare const TableHead: ({ children }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
 export default TableHead;

package/dist/components/table/TableRow.d.ts

@@ -5,5 +5,5 @@ export type TableRowProps = React.PropsWithChildren<{
     fadeInLeftAnimation?: boolean;
     sx?: MuiTableRowProps['sx'];
 }>;
-declare const TableRow: ({ children, isFollowedByNestedTable, fadeInLeftAnimation, sx }: TableRowProps) => JSX.Element;
+declare const TableRow: ({ children, isFollowedByNestedTable, fadeInLeftAnimation, sx }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
 export default TableRow;

package/dist/components/table/TableSortLabel.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material';
 export type TableSortLabelProps = Pick<MuiTableSortLabelProps, 'children' | 'active' | 'direction' | 'onClick'>;
 /**
  * An special structure to show a clickable header label in a Table to short by that column
  */
-declare const TableSortLabel: ({ children, ...rest }: TableSortLabelProps) => JSX.Element;
+declare const TableSortLabel: ({ children, ...rest }: TableSortLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default TableSortLabel;

package/dist/components/toolbar/Toolbar.d.ts

@@ -20,5 +20,5 @@ export type ToolbarProps = React.PropsWithChildren<{
 /**
  * A toolbar with three sections: left, middle, and right. Each section can be empty.
  */
-declare const Toolbar: ({ children, rightActions, leftActions, className, sx, dataTestId, onClickToolbar }: ToolbarProps) => JSX.Element;
+declare const Toolbar: ({ children, rightActions, leftActions, className, sx, dataTestId, onClickToolbar }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
 export default Toolbar;

package/dist/components/toolbar/ToolbarBreadcrumb.d.ts

@@ -11,5 +11,5 @@ export type ToolbarBreadcrumbProps = {
  * The title for a Toolbar component when you want to represent a breadcrumb ended with the title.
  * It automatically insert "/" separators between parts
  */
-declare const ToolbarBreadcrumb: ({ parts }: ToolbarBreadcrumbProps) => JSX.Element;
+declare const ToolbarBreadcrumb: ({ parts }: ToolbarBreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
 export default ToolbarBreadcrumb;

package/dist/components/tooltip/TextEllipsis.d.ts

@@ -14,5 +14,5 @@ export type TextEllipsisProps = {
     'data-test'?: string;
     sx?: SxProps;
 };
-declare const TextEllipsis: ({ text, typographyVariant, color, width, lines, maxWidth, "data-test": dataTest, sx }: TextEllipsisProps) => JSX.Element;
+declare const TextEllipsis: ({ text, typographyVariant, color, width, lines, maxWidth, "data-test": dataTest, sx }: TextEllipsisProps) => import("react/jsx-runtime").JSX.Element;
 export default TextEllipsis;

package/dist/components/tooltip/TextEllipsisTooltip.d.ts

@@ -23,5 +23,5 @@ export type TextEllipsisTooltipProps = TooltipProps & {
  * @see https://stackoverflow.com/questions/56588625/react-show-material-ui-tooltip-only-for-text-that-has-ellipsis
  *
  */
-declare const TextEllipsisTooltip: ({ textEllipsableElement, lines, ...rest }: TextEllipsisTooltipProps) => JSX.Element;
+declare const TextEllipsisTooltip: ({ textEllipsableElement, lines, ...rest }: TextEllipsisTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default TextEllipsisTooltip;

package/dist/components/tooltip/Tooltip.d.ts

@@ -55,5 +55,5 @@ export type TooltipProps = Pick<MuiTooltipProps, 'children' | 'disableHoverListe
  * - https://mui.com/material-ui/guides/composition/#caveat-with-refs
  * - https://reactjs.org/docs/forwarding-refs.html#forwarding-refs-to-dom-components
  */
-declare const Tooltip: ({ children, title, placement, interactive, allowDisabled, variant, textVariant, enableArrow, borderRadius, popperClass, zIndex, ...rest }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ children, title, placement, interactive, allowDisabled, variant, textVariant, enableArrow, borderRadius, popperClass, zIndex, ...rest }: TooltipProps) => React.ReactElement<any, any>;
 export default Tooltip;

package/dist/components/tooltip/TooltipMenu.d.ts

@@ -31,5 +31,5 @@ export type TooltipMenuProps = {
 /**
  * Displays a tooltip with a ReactNode on top of a child component.
  */
-declare const TooltipMenu: ({ children, placement, menuContent, isOpen, offsetTop, offsetLeft }: TooltipMenuProps) => JSX.Element;
+declare const TooltipMenu: ({ children, placement, menuContent, isOpen, offsetTop, offsetLeft }: TooltipMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default TooltipMenu;