@pautena/react-design-system 0.12.2 → 0.12.3

package/dist/esm/types/components/containers/center-container/center-container.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { SxProps, Theme } from "@mui/material";
 export interface CenterContainerProps {
     children: ReactNode | undefined;
@@ -6,4 +6,4 @@ export interface CenterContainerProps {
     centerHorizontal?: boolean;
     sx?: SxProps<Theme>;
 }
-export declare function CenterContainer({ children, centerVertical, centerHorizontal, sx, }: CenterContainerProps): JSX.Element;
+export declare function CenterContainer({ children, centerVertical, centerHorizontal, sx, }: CenterContainerProps): React.JSX.Element;

package/dist/esm/types/components/containers/content/content.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { ContentProps } from "./content.types";
-export declare const Content: ({ children }: ContentProps) => JSX.Element;
+export declare const Content: ({ children }: ContentProps) => React.JSX.Element;

package/dist/esm/types/components/containers/list-panel/list-panel-panel.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from "react";
+import React from "react";
 export type ListPanelPanelProps = PropsWithChildren<{
     ids: string[];
 }>;
-export declare const ListPanelPanel: ({ ids, children }: ListPanelPanelProps) => JSX.Element | null;
+export declare const ListPanelPanel: ({ ids, children }: ListPanelPanelProps) => React.JSX.Element | null;

package/dist/esm/types/components/containers/list-panel/list-panel.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 export interface ListPanelItem {
     id: string;
     text: string;
@@ -10,4 +10,4 @@ export type ListPanelProps = PropsWithChildren<{
     colBreakpoint?: number;
     onSelectedItemChange?: (id: string) => void;
 }>;
-export declare const ListPanel: ({ items, defaultSelectedItem, colBreakpoint, children, onSelectedItemChange, }: ListPanelProps) => JSX.Element;
+export declare const ListPanel: ({ items, defaultSelectedItem, colBreakpoint, children, onSelectedItemChange, }: ListPanelProps) => React.JSX.Element;

package/dist/esm/types/components/containers/list-panel/list-panel.mocks.d.ts

@@ -1,4 +1,5 @@
 import { ListPanelItem } from "./list-panel";
-export declare const ListPanelDemoContent: () => JSX.Element;
+import React from "react";
+export declare const ListPanelDemoContent: () => React.JSX.Element;
 export declare const mockItemsShort: ListPanelItem[];
 export declare const mockItemsLong: ListPanelItem[];

package/dist/esm/types/components/data-display/board/board.d.ts

@@ -1,9 +1,9 @@
 import { SxProps, Theme } from "@mui/material";
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 export type BoardProps = PropsWithChildren<{
     markdown?: string;
     content?: string | string[];
     spacing?: 0 | 1 | 2 | 3 | 4 | 5;
     sx?: SxProps<Theme>;
 }>;
-export declare const Board: ({ markdown: markdownProps, content: contentProp, spacing, children, sx, }: BoardProps) => JSX.Element;
+export declare const Board: ({ markdown: markdownProps, content: contentProp, spacing, children, sx, }: BoardProps) => React.JSX.Element;

package/dist/esm/types/components/data-display/bullet/bullet.d.ts

@@ -1,4 +1,5 @@
 import { SxProps, Theme } from "@mui/material";
+import React from "react";
 export type BulletVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error";
 export declare const bulletClasses: {
     root: string;
@@ -16,4 +17,4 @@ export interface BulletProps {
 /**
  * Dot to attract the user attention
  */
-export declare const Bullet: ({ variant, sx }: BulletProps) => JSX.Element;
+export declare const Bullet: ({ variant, sx }: BulletProps) => React.JSX.Element;

package/dist/esm/types/components/data-display/header/header-title.d.ts

@@ -1,9 +1,10 @@
+import React from "react";
 import { PropsWithChildren } from "react";
 export type HeaderTitleProps = PropsWithChildren<{
     loading?: boolean;
 }>;
-export declare const HeaderTitle: ({ loading, children }: HeaderTitleProps) => JSX.Element;
+export declare const HeaderTitle: ({ loading, children }: HeaderTitleProps) => React.JSX.Element;
 export type HeaderSubtitleProps = PropsWithChildren<{
     loading?: boolean;
 }>;
-export declare const HeaderSubtitle: ({ loading, children }: HeaderSubtitleProps) => JSX.Element;
+export declare const HeaderSubtitle: ({ loading, children }: HeaderSubtitleProps) => React.JSX.Element;

package/dist/esm/types/components/data-display/label/label.d.ts

@@ -1,4 +1,5 @@
 import { SxProps, Theme } from "@mui/material";
+import React from "react";
 export type LabelVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error" | "success";
 export declare const labelClasses: {
     root: string;
@@ -24,4 +25,4 @@ export interface LabelProps {
 /**
  * Compact element to represent a text
  */
-export declare const Label: ({ text, variant, textTransform, sx, }: LabelProps) => JSX.Element;
+export declare const Label: ({ text, variant, textTransform, sx, }: LabelProps) => React.JSX.Element;

package/dist/esm/types/components/data-display/link-card/link-card.d.ts

@@ -1,4 +1,5 @@
 import { SxProps, Theme } from "@mui/material";
+import React from "react";
 export type LinkCardVariant = "primary" | "secondary" | "info" | "warning" | "error";
 export interface LinkCardProps {
     variant?: LinkCardVariant;
@@ -8,4 +9,4 @@ export interface LinkCardProps {
     linkText?: string;
     sx?: SxProps<Theme>;
 }
-export declare const LinkCard: ({ variant, title, message, href, linkText, sx, }: LinkCardProps) => JSX.Element;
+export declare const LinkCard: ({ variant, title, message, href, linkText, sx, }: LinkCardProps) => React.JSX.Element;

package/dist/esm/types/components/data-display/markdown/markdown.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import { MarkdownToJSX } from "markdown-to-jsx";
 export interface MarkdownProps {
     content: string;
     options?: MarkdownToJSX.Options;
 }
 export declare const markdownDefaultOptions: MarkdownToJSX.Options;
-export declare const Markdown: ({ content, options }: MarkdownProps) => JSX.Element;
+export declare const Markdown: ({ content, options }: MarkdownProps) => React.JSX.Element;

package/dist/esm/types/components/dialogs/bootstrap-dialog/bootstrap-dialog.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { BootstrapDialogDialogProps } from "../dialog.types";
-export declare const BootstrapDialog: ({ open, title, component, componentProps, disabled, disableAccept, disableCancel, actions, children, loading, cancelable, callCloseWhenCancel, acceptable, acceptText, cancelText, onAccept, onCancel, onClose, acceptType, }: BootstrapDialogDialogProps) => JSX.Element;
+export declare const BootstrapDialog: ({ open, title, component, componentProps, disabled, disableAccept, disableCancel, actions, children, loading, cancelable, callCloseWhenCancel, acceptable, acceptText, cancelText, onAccept, onCancel, onClose, acceptType, }: BootstrapDialogDialogProps) => React.JSX.Element;

package/dist/esm/types/components/dialogs/confirm-dialog/confirm-dialog.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BootstrapDialogDialogProps } from "../dialog.types";
 type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
 export interface ConfirmDialogProps extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
@@ -7,5 +8,5 @@ export interface ConfirmDialogProps extends Omit<BootstrapDialogDialogProps, Omi
     onCancel: () => void;
     onConfirm: () => void;
 }
-export declare const ConfirmDialog: ({ open, title, loading, disabled, confirmText, cancelText, passphrase, children, onConfirm, onCancel, }: ConfirmDialogProps) => JSX.Element;
+export declare const ConfirmDialog: ({ open, title, loading, disabled, confirmText, cancelText, passphrase, children, onConfirm, onCancel, }: ConfirmDialogProps) => React.JSX.Element;
 export {};

package/dist/esm/types/components/dialogs/form-dialog/form-dialog.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BootstrapDialogDialogProps } from "../dialog.types";
 type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
 export interface FormDialogProps<T> extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
@@ -6,5 +7,5 @@ export interface FormDialogProps<T> extends Omit<BootstrapDialogDialogProps, Omi
     onCancel: () => void;
     onSubmit: (data: T) => void;
 }
-export declare const FormDialog: <T>({ open, title, loading, disabled, submitText, cancelText, children, onSubmit, onCancel, }: FormDialogProps<T>) => JSX.Element;
+export declare const FormDialog: <T>({ open, title, loading, disabled, submitText, cancelText, children, onSubmit, onCancel, }: FormDialogProps<T>) => React.JSX.Element;
 export {};

package/dist/esm/types/components/drawers/drawer-app-bar/drawer-app-bar.d.ts

@@ -1,5 +1,6 @@
+import * as React from "react";
 import { AppBarProps as MuiAppBarProps } from "@mui/material";
 export interface DrawerAppBarProps extends MuiAppBarProps {
     title?: string;
 }
-export declare const DrawerAppBar: ({ title, sx, children, ...rest }: DrawerAppBarProps) => JSX.Element;
+export declare const DrawerAppBar: ({ title, sx, children, ...rest }: DrawerAppBarProps) => React.JSX.Element;

package/dist/esm/types/components/drawers/drawer-item/drawer-item-link.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 import { SxProps, Theme } from "@mui/material";
 import { DrawerItemAvatar, DrawerItemBullet, DrawerItemLabel, DrawerSize } from "../drawer.types";
 export interface DrawerItemLinkProps {
@@ -47,4 +47,4 @@ export interface DrawerItemLinkProps {
 /**
  * Clicable item inside a drawer
  */
-export declare const DrawerItemLink: ({ text, icon, avatar, label, bullet, href, selected, size, level, sx, }: DrawerItemLinkProps) => JSX.Element;
+export declare const DrawerItemLink: ({ text, icon, avatar, label, bullet, href, selected, size, level, sx, }: DrawerItemLinkProps) => React.JSX.Element;

package/dist/esm/types/components/drawers/drawer-item/drawer-item.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DrawerNavigationItem, DrawerSize } from "../drawer.types";
 export interface DrawerItemProps {
     /**
@@ -13,4 +14,4 @@ export interface DrawerItemProps {
      */
     level?: number;
 }
-export declare const DrawerItem: ({ item, size, level }: DrawerItemProps) => JSX.Element;
+export declare const DrawerItem: ({ item, size, level }: DrawerItemProps) => React.JSX.Element;

package/dist/esm/types/components/drawers/drawer-item/drawer-menu-item.d.ts

@@ -1,5 +1,5 @@
 import { SxProps, Theme } from "@mui/material";
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 import { DrawerNavigationItem, DrawerSize } from "../drawer.types";
 export interface DrawerMenuItemProps {
     /**
@@ -32,4 +32,4 @@ export interface DrawerMenuItemProps {
      */
     sx?: SxProps<Theme>;
 }
-export declare const DrawerMenuItem: ({ text, icon, selected, items, size, level, sx, }: DrawerMenuItemProps) => JSX.Element;
+export declare const DrawerMenuItem: ({ text, icon, selected, items, size, level, sx, }: DrawerMenuItemProps) => React.JSX.Element;

package/dist/esm/types/components/drawers/drawer-main/drawer-main.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { PropsWithChildren } from "react";
 export type DrawerMainProps = PropsWithChildren;
-export declare const DrawerMain: ({ children }: DrawerMainProps) => JSX.Element;
+export declare const DrawerMain: ({ children }: DrawerMainProps) => React.JSX.Element;

package/dist/esm/types/components/drawers/drawer-provider/drawer.provider.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 import { DrawerState, DrawerVariant } from "../drawer.types";
 export type DrawerProviderProps = PropsWithChildren<{
     initialState?: DrawerState;
@@ -8,4 +8,4 @@ export type DrawerProviderProps = PropsWithChildren<{
     selectedItemId?: string;
     onStateChange?: (newState: DrawerState) => void;
 }>;
-export declare const DrawerProvider: ({ children, initialState: initialStateProp, variant, drawerWidth: drawerWidthProp, underAppBar, selectedItemId, onStateChange, }: DrawerProviderProps) => JSX.Element;
+export declare const DrawerProvider: ({ children, initialState: initialStateProp, variant, drawerWidth: drawerWidthProp, underAppBar, selectedItemId, onStateChange, }: DrawerProviderProps) => React.JSX.Element;

package/dist/esm/types/components/drawers/drawer-section/drawer-section.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DrawerNavigationItem, DrawerSize } from "../drawer.types";
 export interface DrawerSectionProps {
     /**
@@ -17,4 +18,4 @@ export interface DrawerSectionProps {
  * Render a group of items inside the drawer
  * with an optional title
  */
-export declare const DrawerSection: ({ title, items, size }: DrawerSectionProps) => JSX.Element;
+export declare const DrawerSection: ({ title, items, size }: DrawerSectionProps) => React.JSX.Element;

package/dist/esm/types/components/feedback/loading-area/loading-area.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 /**
  * Displays a centered loading indicator
  */
-export declare const LoadingArea: () => JSX.Element;
+export declare const LoadingArea: () => React.JSX.Element;

package/dist/esm/types/components/feedback/query-container/query-container.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { PropsWithChildren } from "react";
 export interface QueryContainerError {
     /**
@@ -40,4 +41,4 @@ export type QueryContainerProps = PropsWithChildren<{
 /**
  * Component to show different indicators based on the usual api query statuses
  */
-export declare function QueryContainer({ fetching: fetchingProp, loading: loadingProp, error, success, children, }: QueryContainerProps): JSX.Element;
+export declare function QueryContainer({ fetching: fetchingProp, loading: loadingProp, error, success, children, }: QueryContainerProps): React.JSX.Element;

package/dist/esm/types/components/inputs/action/action-header.d.ts

@@ -1,9 +1,10 @@
 import { Variant } from "@mui/material/styles/createTypography";
+import React from "react";
 type ActionVariant = "primary" | "error" | "warning" | "success";
 export interface ActionHeaderProps {
     variant?: ActionVariant;
     title: string;
     titleVariant?: Extract<Variant, "h4" | "h5" | "h6">;
 }
-export declare const ActionHeader: ({ title, titleVariant, variant, }: ActionHeaderProps) => JSX.Element;
+export declare const ActionHeader: ({ title, titleVariant, variant, }: ActionHeaderProps) => React.JSX.Element;
 export {};

package/dist/esm/types/components/inputs/action/action.d.ts

@@ -1,5 +1,5 @@
 import { Variant } from "@mui/material/styles/createTypography";
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 export type ActionVariant = "primary" | "error" | "warning" | "success";
 export interface ActionProps {
     variant: ActionVariant;
@@ -16,4 +16,4 @@ export interface ActionProps {
     passphrase?: string;
     onAction: () => void;
 }
-export declare const Action: ({ variant, title, titleVariant, description, descriptionVariant, buttonText, helperText, helperTextVariant, confirmable, passphrase, confirmTitle, confirmDescription, onAction, }: ActionProps) => JSX.Element;
+export declare const Action: ({ variant, title, titleVariant, description, descriptionVariant, buttonText, helperText, helperTextVariant, confirmable, passphrase, confirmTitle, confirmDescription, onAction, }: ActionProps) => React.JSX.Element;

package/dist/esm/types/components/inputs/autocomplete/autocomplete.d.ts

@@ -7,4 +7,4 @@ export interface AutocompleteProps<T, Multiple extends boolean | undefined, Disa
     fetching?: boolean;
     onChangeValue?: (value: T) => void;
 }
-export declare const Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType<any> = "div">(props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+export declare const Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType<any> = "div">(props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.JSX.Element;

package/dist/esm/types/components/inputs/date-range-calendar/date-range-calendar.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 type DateRange = [Date, Date | undefined];
 export interface DateRangeCalendarProps {
     defaultValue: DateRange;
     onValueChange: (value: DateRange, updatedIndex: number) => void;
 }
-export declare const DateRangeCalendar: ({ defaultValue, onValueChange }: DateRangeCalendarProps) => JSX.Element;
+export declare const DateRangeCalendar: ({ defaultValue, onValueChange }: DateRangeCalendarProps) => React.JSX.Element;
 export {};

package/dist/esm/types/components/inputs/date-range-picker/date-range-picker.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 type DateRange = [Date, Date | undefined];
 export interface DateRangePickerProps {
     label: string;
@@ -7,5 +8,5 @@ export interface DateRangePickerProps {
     size?: "small" | "medium";
     onValueChange: (value: DateRange, index: number) => void;
 }
-export declare const DateRangePicker: ({ defaultValue, format: fmt, label, fullWidth, onValueChange, size, }: DateRangePickerProps) => JSX.Element;
+export declare const DateRangePicker: ({ defaultValue, format: fmt, label, fullWidth, onValueChange, size, }: DateRangePickerProps) => React.JSX.Element;
 export {};

package/dist/esm/types/components/inputs/search-input/search-input.d.ts

@@ -1,4 +1,5 @@
 import { SxProps, Theme } from "@mui/material";
+import React from "react";
 export type SearchInputSize = "small" | "medium";
 export interface SearchFilter {
     id: string;
@@ -16,4 +17,4 @@ export interface SearchInputProps<T> {
     dateFormat?: string;
     onSearch: (data: T) => void;
 }
-export declare const SearchInput: <T>({ label, placeholder, helperText, size, fullWidth, dateFormat, filters, onSearch, sx, }: SearchInputProps<T>) => JSX.Element;
+export declare const SearchInput: <T>({ label, placeholder, helperText, size, fullWidth, dateFormat, filters, onSearch, sx, }: SearchInputProps<T>) => React.JSX.Element;

package/dist/esm/types/components/inputs/select/select.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { SelectInputProps } from "@mui/material/Select/SelectInput";
 export type SelectSize = "small" | "medium";
 export interface SelectProps<T> {
@@ -12,4 +12,4 @@ export interface SelectProps<T> {
     children?: ReactNode;
     onChange?: SelectInputProps<T>["onChange"];
 }
-export declare const Select: <T extends any>({ label, value, loading, fetching, size, fullWidth, color, children, onChange, }: SelectProps<T>) => JSX.Element;
+export declare const Select: <T extends any>({ label, value, loading, fetching, size, fullWidth, color, children, onChange, }: SelectProps<T>) => React.JSX.Element;

package/dist/esm/types/components/inputs/sign-in/sign-in.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface SignInProps {
     title: string;
     subtitle: string;
@@ -5,4 +6,4 @@ export interface SignInProps {
     loading?: boolean;
     onSubmitSignIn: (email: string, password: string) => void;
 }
-export declare const SignIn: ({ title, subtitle, loading, error, onSubmitSignIn }: SignInProps) => JSX.Element;
+export declare const SignIn: ({ title, subtitle, loading, error, onSubmitSignIn }: SignInProps) => React.JSX.Element;

package/dist/esm/types/components/inputs/text-field/text-field.d.ts

@@ -1,7 +1,8 @@
 import { TextFieldProps as MuiTextFieldProps } from "@mui/material";
+import React from "react";
 export type TextFieldProps = MuiTextFieldProps & {
     fetching?: boolean;
     loading?: boolean;
     hexColor?: string;
 };
-export declare const TextField: ({ id: overrideId, label, InputLabelProps, InputProps, fetching, loading, helperText, hexColor, size, fullWidth, sx, ...rest }: TextFieldProps) => JSX.Element;
+export declare const TextField: ({ id: overrideId, label, InputLabelProps, InputProps, fetching, loading, helperText, hexColor, size, fullWidth, sx, ...rest }: TextFieldProps) => React.JSX.Element;

package/dist/esm/types/components/navigation/tab-card/tab-card-panel.d.ts

@@ -1,7 +1,8 @@
 import { PropsWithChildren } from "react";
+import React from "react";
 import { SxProps, Theme } from "@mui/material";
 export type TabCardPanelProps = PropsWithChildren<{
     index: number | number[];
     sx?: SxProps<Theme>;
 }>;
-export declare const TabCardPanel: ({ index, children, sx }: TabCardPanelProps) => JSX.Element | null;
+export declare const TabCardPanel: ({ index, children, sx }: TabCardPanelProps) => React.JSX.Element | null;

package/dist/esm/types/components/navigation/tab-card/tab-card.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactElement } from "react";
+import React, { PropsWithChildren, ReactElement } from "react";
 export interface TabData {
     text: string;
     icon?: ReactElement;
@@ -8,4 +8,4 @@ export type TabCardProps = PropsWithChildren<{
     initialTab?: number;
     onChangeTab?: (tab: TabData, index: number) => void;
 }>;
-export declare const TabCard: ({ children, tabs, initialTab, onChangeTab, }: TabCardProps) => JSX.Element;
+export declare const TabCard: ({ children, tabs, initialTab, onChangeTab, }: TabCardProps) => React.JSX.Element;

package/dist/esm/types/components/navigation/tab-card/tab-card.dummy.d.ts

@@ -1,14 +1,15 @@
+import React from "react";
 import { TabData } from "./tab-card";
 export declare const DummyTabs: ({
     text: string;
     icon?: undefined;
 } | {
     text: string;
-    icon: JSX.Element;
+    icon: React.JSX.Element;
 })[];
 export interface TabCardDummyProps {
     tabs: TabData[];
     initialTab: number;
     onChangeTab: (tab: TabData, index: number) => void;
 }
-export declare function TabCardDummy({ tabs, initialTab, onChangeTab }: TabCardDummyProps): JSX.Element;
+export declare function TabCardDummy({ tabs, initialTab, onChangeTab }: TabCardDummyProps): React.JSX.Element;

package/dist/esm/types/components/navigation/tab-panel/tab-panel.d.ts

@@ -3,5 +3,5 @@ interface TabPanelProps {
     children?: React.ReactNode;
     index: number | number[];
 }
-export declare function TabPanel({ children, index }: TabPanelProps): JSX.Element;
+export declare function TabPanel({ children, index }: TabPanelProps): React.JSX.Element;
 export {};

package/dist/esm/types/components/placeholders/content-placeholder/content-placeholder.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 export type ContentPlaceholderProps = PropsWithChildren<{
     size?: number;
     p?: number;
 }>;
-export declare const ContentPlaceholder: ({ size, children, p }: ContentPlaceholderProps) => JSX.Element;
+export declare const ContentPlaceholder: ({ size, children, p }: ContentPlaceholderProps) => React.JSX.Element;

package/dist/esm/types/components/placeholders/lorem-ipsum-placeholder/lorem-ipsum-placeholder.d.ts

@@ -1,8 +1,9 @@
 import { Variant } from "@mui/material/styles/createTypography";
 import { LoremUnit } from "lorem-ipsum/types/src/constants/units";
+import React from "react";
 export interface LoremIpsumPlaceholderProps {
     count?: number;
     units?: LoremUnit;
     variant?: Variant;
 }
-export declare const LoremIpsumPlaceholder: ({ count, units, variant, }: LoremIpsumPlaceholderProps) => JSX.Element;
+export declare const LoremIpsumPlaceholder: ({ count, units, variant, }: LoremIpsumPlaceholderProps) => React.JSX.Element;

package/dist/esm/types/components/placeholders/placeholder/placeholder.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 type IconColor = "inherit" | "action" | "disabled" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
 export interface PlaceholderAction {
     id: string;
@@ -18,5 +18,5 @@ export interface PlaceholderProps {
     icon?: PlaceholderIcon;
     actions?: PlaceholderAction[];
 }
-export declare const Placeholder: ({ title, subtitle, icon, iconSize, actions, }: PlaceholderProps) => JSX.Element;
+export declare const Placeholder: ({ title, subtitle, icon, iconSize, actions, }: PlaceholderProps) => React.JSX.Element;
 export {};

package/dist/esm/types/components/placeholders/skeleton-card/skeleton-card.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 export interface SkeletonCardProps {
     width?: number | string;
     animation?: "pulse" | "wave" | false;
 }
-export declare const SkeletonCard: ({ width, animation }: SkeletonCardProps) => JSX.Element;
+export declare const SkeletonCard: ({ width, animation }: SkeletonCardProps) => React.JSX.Element;

package/dist/esm/types/components/placeholders/skeleton-grid/skeleton-grid.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 export interface SkeletonGridProps {
     size?: number;
 }
-export declare const SkeletonGrid: ({ size }: SkeletonGridProps) => JSX.Element;
+export declare const SkeletonGrid: ({ size }: SkeletonGridProps) => React.JSX.Element;

package/dist/esm/types/components/tables/enhanced-remote-table/enhanced-remote-table.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ReactNode } from "react";
 import { HeadCell, Order } from "../enhanced-table";
 export interface EnhancedRemoteTableProps<T> {
@@ -9,4 +10,4 @@ export interface EnhancedRemoteTableProps<T> {
     children: (data: T, index: number) => ReactNode;
     onRequestSort: (col: keyof T, orderBy: "asc" | "desc") => void;
 }
-export declare const EnhancedRemoteTable: <T>({ children, data, loading, columns, defaultSort, defaultOrder, onRequestSort, }: EnhancedRemoteTableProps<T>) => JSX.Element;
+export declare const EnhancedRemoteTable: <T>({ children, data, loading, columns, defaultSort, defaultOrder, onRequestSort, }: EnhancedRemoteTableProps<T>) => React.JSX.Element;

package/dist/esm/types/components/tables/enhanced-remote-table/enhanced-remote-table.mock.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { HeadCell, Order } from "../enhanced-table/enhanced-table-head";
 import { Data } from "../enhanced-table/enhanced-table.mock";
 export interface EnhancedRemoteDummyTableProps {
@@ -8,4 +9,4 @@ export interface EnhancedRemoteDummyTableProps {
     columns: HeadCell<Data>[];
     onRequestSort: (col: string, orderBy: Order) => void;
 }
-export declare function EnhancedRemoteDummyTable(props: EnhancedRemoteDummyTableProps): JSX.Element;
+export declare function EnhancedRemoteDummyTable(props: EnhancedRemoteDummyTableProps): React.JSX.Element;

package/dist/esm/types/components/tables/enhanced-table/enhanced-table-head.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export type Order = "asc" | "desc";
 export interface HeadCell<T> {
     disablePadding: boolean;
@@ -12,5 +13,5 @@ interface EnhancedTableHeadProps<T> {
     orderBy: keyof T;
     headCells: HeadCell<T>[];
 }
-export declare const EnhancedTableHead: <T>({ order, orderBy, headCells, onRequestSort, }: EnhancedTableHeadProps<T>) => JSX.Element;
+export declare const EnhancedTableHead: <T>({ order, orderBy, headCells, onRequestSort, }: EnhancedTableHeadProps<T>) => React.JSX.Element;
 export {};

package/dist/esm/types/components/tables/enhanced-table/enhanced-table.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ReactNode } from "react";
 import { HeadCell, Order } from "./enhanced-table-head";
 interface Props<T> {
@@ -10,7 +11,7 @@ interface Props<T> {
     children: (data: T[]) => ReactNode;
 }
 export declare const EnhancedTable: {
-    <T>({ children, data, search, columns, defaultSort, defaultOrder, loading, }: Props<T>): JSX.Element;
+    <T>({ children, data, search, columns, defaultSort, defaultOrder, loading, }: Props<T>): React.JSX.Element;
     defaultProps: {
         defaultOrder: string;
     };

package/dist/esm/types/components/tables/enhanced-table/enhanced-table.mock.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { HeadCell, Order } from "./enhanced-table-head";
 export declare const columns: HeadCell<Data>[];
 export interface Data {
@@ -13,4 +14,4 @@ export interface TestTableProps {
     defaultOrder: Order;
     loading: boolean;
 }
-export declare const TestTable: ({ data, columns, defaultOrder, defaultSort, loading, }: TestTableProps) => JSX.Element;
+export declare const TestTable: ({ data, columns, defaultOrder, defaultSort, loading, }: TestTableProps) => React.JSX.Element;

package/dist/esm/types/components/value-displays/group-value-card/group-value-card.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ValueItemElement } from "../value-item/value-item";
 export interface GroupValueCardProps {
     title: string;
@@ -6,4 +7,4 @@ export interface GroupValueCardProps {
     children: ValueItemElement | ValueItemElement[];
     dense?: boolean;
 }
-export declare const GroupValueCard: ({ title, subtitle, centered, children, dense, }: GroupValueCardProps) => JSX.Element;
+export declare const GroupValueCard: ({ title, subtitle, centered, children, dense, }: GroupValueCardProps) => React.JSX.Element;

package/dist/esm/types/components/value-displays/group-value-card/group-value-card.mock.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import { GroupValueCardProps } from "./group-value-card";
 export declare const GroupValueCardDummy: ({ dense, editable, ...rest }: GroupValueCardProps & {
     editable?: boolean | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/esm/types/components/value-displays/value-base/value-edit.d.ts

@@ -5,7 +5,7 @@ export interface ValueEditButtonsProps {
     onClickSubmit: () => void;
     sx?: SxProps<Theme>;
 }
-export declare const ValueEditButtons: ({ onClickCancel, onClickSubmit, sx }: ValueEditButtonsProps) => JSX.Element;
+export declare const ValueEditButtons: ({ onClickCancel, onClickSubmit, sx }: ValueEditButtonsProps) => React.JSX.Element;
 /**
  * Hook to manage the editing behaviour
  */
@@ -21,4 +21,4 @@ export interface ValueEditButtonProps {
     dense?: boolean;
     onClick: () => void;
 }
-export declare const ValueEditButton: ({ dense, onClick }: ValueEditButtonProps) => JSX.Element;
+export declare const ValueEditButton: ({ dense, onClick }: ValueEditButtonProps) => React.JSX.Element;

package/dist/esm/types/components/value-displays/value-boolean/value-boolean.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import { BaseValueProps, EditableValueProps } from "../value-base";
 export type ValueBooleanProps = BaseValueProps<boolean> & EditableValueProps<boolean>;
 /**
  * Displays a boolean value with a label
  */
-export declare const ValueBoolean: ({ label, value, placeholder, editable, dense, onEdit, }: ValueBooleanProps) => JSX.Element;
+export declare const ValueBoolean: ({ label, value, placeholder, editable, dense, onEdit, }: ValueBooleanProps) => React.JSX.Element;

package/dist/esm/types/components/value-displays/value-card/value-card.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import { PropsWithChildren } from "react";
 export type ValueCardProps = PropsWithChildren;
 /**
  * Container to show a labeled value
  */
-export declare const ValueCard: ({ children }: ValueCardProps) => JSX.Element;
+export declare const ValueCard: ({ children }: ValueCardProps) => React.JSX.Element;

package/dist/esm/types/components/value-displays/value-content/value-content.d.ts

@@ -35,4 +35,4 @@ export interface ValueContentProps {
 /**
  * Displays a string value with a label
  */
-export declare const ValueContent: ({ label, hideLabel, tooltip, tooltipEnterDelay, children, dense, sx, }: ValueContentProps) => JSX.Element;
+export declare const ValueContent: ({ label, hideLabel, tooltip, tooltipEnterDelay, children, dense, sx, }: ValueContentProps) => React.JSX.Element;

package/dist/esm/types/components/value-displays/value-datetime/value-datetime.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BaseValueProps, EditableValueProps } from "../value-base/value-displays.types";
 export type EditInputType = "datetime" | "date" | "time";
 export interface ValueDatetimeProps extends BaseValueProps<Date>, EditableValueProps<Date> {
@@ -13,4 +14,4 @@ export interface ValueDatetimeProps extends BaseValueProps<Date>, EditableValueP
 /**
  * Displays a formated datetime with a label
  */
-export declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, editable, editInputType, dense, onEdit, }: ValueDatetimeProps) => JSX.Element;
+export declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, editable, editInputType, dense, onEdit, }: ValueDatetimeProps) => React.JSX.Element;