@pautena/react-design-system 0.12.2 → 0.12.3

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { BaseValueProps } from "../value-base/value-displays.types";
 export interface ValueImageProps extends BaseValueProps<string> {
     /**
@@ -8,4 +9,4 @@ export interface ValueImageProps extends BaseValueProps<string> {
 /**
  * Displays a image value with a label
  */
-export declare const ValueImage: ({ label, value, size: sizeArg, dense }: ValueImageProps) => JSX.Element;
+export declare const ValueImage: ({ label, value, size: sizeArg, dense }: ValueImageProps) => React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { BaseValueProps } from "../value-base";
 import { LabelVariant } from "~/components/data-display";
 export type ValueLabelProps = BaseValueProps<string | number | string[] | number[]> & {
@@ -6,4 +7,4 @@ export type ValueLabelProps = BaseValueProps<string | number | string[] | number
 /**
  * Displays a label component value with a label
  */
-export declare const ValueLabel: ({ label, value: valueProp, placeholder, variant, }: ValueLabelProps) => JSX.Element;
+export declare const ValueLabel: ({ label, value: valueProp, placeholder, variant, }: ValueLabelProps) => React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { BaseValueProps, EditableValueProps } from "../value-base/value-displays.types";
 export type ValueRatingProps = BaseValueProps<number> & {
     maxRating?: number;
@@ -5,4 +6,4 @@ export type ValueRatingProps = BaseValueProps<number> & {
 /**
  * Displays a number using stars
  */
-export declare const ValueRating: ({ label, value, maxRating, editable, dense, onEdit, }: ValueRatingProps) => JSX.Element;
+export declare const ValueRating: ({ label, value, maxRating, editable, dense, onEdit, }: ValueRatingProps) => React.JSX.Element;

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

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

package/dist/esm/types/generators/model-form/model-form-field.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ModelField } from "../generators.model";
 export interface ModelFormField {
     field: ModelField;
@@ -7,4 +8,4 @@ export interface ModelFormField {
     value: any;
     onChangeValue: (path: string[], value: any) => void;
 }
-export declare const ModelFormField: ({ field, path, value, dense, update, onChangeValue, }: ModelFormField) => JSX.Element | null;
+export declare const ModelFormField: ({ field, path, value, dense, update, onChangeValue, }: ModelFormField) => React.JSX.Element | null;

package/dist/esm/types/generators/model-form/model-form.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Model, BasicModelInstance } from "../generators.model";
 export interface ModelFormProps<T extends BasicModelInstance> {
     model: Model;
@@ -6,4 +7,4 @@ export interface ModelFormProps<T extends BasicModelInstance> {
     saveButtonText: string;
     onSubmit: (values: T) => void;
 }
-export declare const ModelForm: <T extends BasicModelInstance>({ model, saveButtonText, dense, onSubmit, initialValues, }: ModelFormProps<T>) => JSX.Element;
+export declare const ModelForm: <T extends BasicModelInstance>({ model, saveButtonText, dense, onSubmit, initialValues, }: ModelFormProps<T>) => React.JSX.Element;

package/dist/esm/types/generators/model-router/model-router.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import { BasicModelInstance } from "../generators.model";
 import { AddScreenProps, DetailsScreenProps, ListScreenProps, UpdateScreenProps } from "./screens";
 export type ModelRouterProps<T extends BasicModelInstance> = DetailsScreenProps<T> & ListScreenProps<T> & AddScreenProps<T> & UpdateScreenProps<T>;
-export declare const ModelRouter: <T extends BasicModelInstance>(props: ModelRouterProps<T>) => JSX.Element;
+export declare const ModelRouter: <T extends BasicModelInstance>(props: ModelRouterProps<T>) => React.JSX.Element;

package/dist/esm/types/generators/model-router/screens/add-screen.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BasicModelInstance } from "../../generators.model";
 import { RequestState } from "../model-router.types";
 import { BaseScreenProps } from "./screens.types";
@@ -13,4 +14,4 @@ export interface AddScreenProps<T extends BasicModelInstance> extends BaseScreen
      */
     newItemRequest: RequestState;
 }
-export declare const AddScreen: <T extends BasicModelInstance>({ model, modelName, basePath, onSubmitNewItem, newItemRequest, }: AddScreenProps<T>) => JSX.Element;
+export declare const AddScreen: <T extends BasicModelInstance>({ model, modelName, basePath, onSubmitNewItem, newItemRequest, }: AddScreenProps<T>) => React.JSX.Element;

package/dist/esm/types/generators/model-router/screens/details-screen.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { RequestState } from "../model-router.types";
 import { BaseScreenProps } from "./screens.types";
 import { BasicModelInstance } from "../../generators.model";
@@ -17,4 +18,4 @@ export interface DetailsScreenProps<T extends BasicModelInstance> extends BaseSc
      */
     detailsItem?: T;
 }
-export declare const DetailsScreen: <T extends BasicModelInstance>({ model, modelName, basePath, onRequestItem, itemRequest, detailsItem, }: DetailsScreenProps<T>) => JSX.Element;
+export declare const DetailsScreen: <T extends BasicModelInstance>({ model, modelName, basePath, onRequestItem, itemRequest, detailsItem, }: DetailsScreenProps<T>) => React.JSX.Element;

package/dist/esm/types/generators/model-router/screens/list-screen.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BasicModelInstance } from "../../generators.model";
 import { RequestState } from "../model-router.types";
 import { BaseScreenProps } from "./screens.types";
@@ -27,4 +28,4 @@ export interface ListScreenProps<T extends BasicModelInstance> extends BaseScree
      */
     deleteRequest: RequestState;
 }
-export declare const ListScreen: <T extends BasicModelInstance>({ model, modelName, listData, listRequest, deleteRequest, basePath, deleteFeature, updateFeature, addFeature, detailsFeature, onRequestList, onClickDeleteItem, }: ListScreenProps<T>) => JSX.Element;
+export declare const ListScreen: <T extends BasicModelInstance>({ model, modelName, listData, listRequest, deleteRequest, basePath, deleteFeature, updateFeature, addFeature, detailsFeature, onRequestList, onClickDeleteItem, }: ListScreenProps<T>) => React.JSX.Element;

package/dist/esm/types/generators/model-router/screens/update-screen.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BasicModelInstance } from "../../generators.model";
 import { RequestState } from "../model-router.types";
 import { BaseScreenProps } from "./screens.types";
@@ -26,4 +27,4 @@ export interface UpdateScreenProps<T extends BasicModelInstance> extends BaseScr
      */
     updateItem?: T;
 }
-export declare const UpdateScreen: <T extends BasicModelInstance>({ model, modelName, basePath, submitUpdateItemRequest, updateItemRequest, updateItem, onSubmitUpdateItem, onRequestUpdateItem, }: UpdateScreenProps<T>) => JSX.Element;
+export declare const UpdateScreen: <T extends BasicModelInstance>({ model, modelName, basePath, submitUpdateItemRequest, updateItemRequest, updateItem, onSubmitUpdateItem, onRequestUpdateItem, }: UpdateScreenProps<T>) => React.JSX.Element;

package/dist/esm/types/generators/object-details/object-details.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import { Model, BasicModelInstance } from "../generators.model";
 export interface ObjectDetailsProps<T extends BasicModelInstance> {
     model: Model;
     dense?: boolean;
     instance: T;
 }
-export declare const ObjectDetails: <T extends BasicModelInstance>({ model, instance, dense, }: ObjectDetailsProps<T>) => JSX.Element;
+export declare const ObjectDetails: <T extends BasicModelInstance>({ model, instance, dense, }: ObjectDetailsProps<T>) => React.JSX.Element;

package/dist/esm/types/generators/table-list/table-list.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { HeadCell, Order } from "../../components/tables/enhanced-table";
 import { BasicModelInstance } from "../generators.model";
 export interface TableRowOption<T extends BasicModelInstance> {
@@ -15,4 +16,4 @@ export interface TableListProps<T extends BasicModelInstance> {
     options?: TableRowOption<T>[];
     onClick?: (d: T) => void;
 }
-export declare const TableList: <T extends BasicModelInstance>({ columns: columnsProp, options, data, onClick, search, defaultSort, defaultOrder, loading, }: TableListProps<T>) => JSX.Element;
+export declare const TableList: <T extends BasicModelInstance>({ columns: columnsProp, options, data, onClick, search, defaultSort, defaultOrder, loading, }: TableListProps<T>) => React.JSX.Element;

package/dist/esm/types/layouts/drawer-layout/drawer-layout.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { DrawerAppBarElement, DrawerElement } from "../../components/drawers";
 import { DrawerProviderProps } from "../../components/drawers/drawer-provider/drawer.provider";
 export interface DrawerLayoutProps {
     drawerProviderProps?: DrawerProviderProps;
     children: [DrawerElement, DrawerAppBarElement, ReactNode];
 }
-export declare const DrawerLayout: ({ drawerProviderProps, children: childrenProps, }: DrawerLayoutProps) => JSX.Element;
+export declare const DrawerLayout: ({ drawerProviderProps, children: childrenProps, }: DrawerLayoutProps) => React.JSX.Element;

package/dist/esm/types/layouts/header-layout/header-layout.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ContentElement, HeaderElement, PlaceholderIcon } from "../../components";
 export interface HeaderLayoutError {
     icon?: PlaceholderIcon;
@@ -10,4 +11,4 @@ export interface HeaderLayoutProps {
     error?: HeaderLayoutError;
     children: [HeaderElement, ContentElement];
 }
-export declare const HeaderLayout: ({ loading, children, fetching, error }: HeaderLayoutProps) => JSX.Element;
+export declare const HeaderLayout: ({ loading, children, fetching, error }: HeaderLayoutProps) => React.JSX.Element;

package/dist/esm/types/providers/notification-center/notification-center.provider.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 export type NotificationCenterProviderProps = PropsWithChildren<{
     autoHideDuration?: number;
 }>;
-export declare const NotificationCenterProvider: ({ children, autoHideDuration, }: NotificationCenterProviderProps) => JSX.Element;
+export declare const NotificationCenterProvider: ({ children, autoHideDuration, }: NotificationCenterProviderProps) => React.JSX.Element;

package/dist/esm/types/providers/tab-provider/tab-provider.provider.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import { PropsWithChildren } from "react";
 type TabProviderProps = PropsWithChildren<{
     initialValue?: number;
 }>;
-export declare const TabProvider: ({ children, initialValue }: TabProviderProps) => JSX.Element;
+export declare const TabProvider: ({ children, initialValue }: TabProviderProps) => React.JSX.Element;
 export {};

package/dist/index.d.ts

@@ -19,7 +19,7 @@ interface ValueEditButtonsProps {
     onClickSubmit: () => void;
     sx?: SxProps<Theme>;
 }
-declare const ValueEditButtons: ({ onClickCancel, onClickSubmit, sx }: ValueEditButtonsProps) => JSX.Element;
+declare const ValueEditButtons: ({ onClickCancel, onClickSubmit, sx }: ValueEditButtonsProps) => React__default.JSX.Element;
 /**
  * Hook to manage the editing behaviour
  */
@@ -35,7 +35,7 @@ interface ValueEditButtonProps {
     dense?: boolean;
     onClick: () => void;
 }
-declare const ValueEditButton: ({ dense, onClick }: ValueEditButtonProps) => JSX.Element;
+declare const ValueEditButton: ({ dense, onClick }: ValueEditButtonProps) => React__default.JSX.Element;
 
 interface BaseValueProps<T> {
     /**
@@ -72,19 +72,19 @@ type ValueTextProps = BaseValueProps<string | number> & EditableValueProps<strin
 /**
  * Displays a string value with a label
  */
-declare const ValueText: ({ label, value: valueProp, placeholder, editable, dense, onEdit, }: ValueTextProps) => JSX.Element;
+declare const ValueText: ({ label, value: valueProp, placeholder, editable, dense, onEdit, }: ValueTextProps) => React__default.JSX.Element;
 
 type ValueCardProps = PropsWithChildren;
 /**
  * Container to show a labeled value
  */
-declare const ValueCard: ({ children }: ValueCardProps) => JSX.Element;
+declare const ValueCard: ({ children }: ValueCardProps) => React__default.JSX.Element;
 
 type ValueBooleanProps = BaseValueProps<boolean> & EditableValueProps<boolean>;
 /**
  * Displays a boolean value with a label
  */
-declare const ValueBoolean: ({ label, value, placeholder, editable, dense, onEdit, }: ValueBooleanProps) => JSX.Element;
+declare const ValueBoolean: ({ label, value, placeholder, editable, dense, onEdit, }: ValueBooleanProps) => React__default.JSX.Element;
 
 type EditInputType = "datetime" | "date" | "time";
 interface ValueDatetimeProps extends BaseValueProps<Date>, EditableValueProps<Date> {
@@ -100,7 +100,7 @@ interface ValueDatetimeProps extends BaseValueProps<Date>, EditableValueProps<Da
 /**
  * Displays a formated datetime with a label
  */
-declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, editable, editInputType, dense, onEdit, }: ValueDatetimeProps) => JSX.Element;
+declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, editable, editInputType, dense, onEdit, }: ValueDatetimeProps) => React__default.JSX.Element;
 
 type ValueItemProps = PropsWithChildren<Omit<GridProps, "item" | "container"> & {
     bordered?: ResponsiveStyleValue<boolean>;
@@ -120,7 +120,7 @@ interface GroupValueCardProps {
     children: ValueItemElement | ValueItemElement[];
     dense?: boolean;
 }
-declare const GroupValueCard: ({ title, subtitle, centered, children, dense, }: GroupValueCardProps) => JSX.Element;
+declare const GroupValueCard: ({ title, subtitle, centered, children, dense, }: GroupValueCardProps) => React__default.JSX.Element;
 
 type ValueRatingProps = BaseValueProps<number> & {
     maxRating?: number;
@@ -128,7 +128,7 @@ type ValueRatingProps = BaseValueProps<number> & {
 /**
  * Displays a number using stars
  */
-declare const ValueRating: ({ label, value, maxRating, editable, dense, onEdit, }: ValueRatingProps) => JSX.Element;
+declare const ValueRating: ({ label, value, maxRating, editable, dense, onEdit, }: ValueRatingProps) => React__default.JSX.Element;
 
 type ValueLabelProps = BaseValueProps<string | number | string[] | number[]> & {
     variant: LabelVariant$1 | LabelVariant$1[];
@@ -136,12 +136,12 @@ type ValueLabelProps = BaseValueProps<string | number | string[] | number[]> & {
 /**
  * Displays a label component value with a label
  */
-declare const ValueLabel: ({ label, value: valueProp, placeholder, variant, }: ValueLabelProps) => JSX.Element;
+declare const ValueLabel: ({ label, value: valueProp, placeholder, variant, }: ValueLabelProps) => React__default.JSX.Element;
 
 /**
  * Displays a centered loading indicator
  */
-declare const LoadingArea: () => JSX.Element;
+declare const LoadingArea: () => React__default.JSX.Element;
 
 interface QueryContainerError {
     /**
@@ -184,7 +184,7 @@ type QueryContainerProps = PropsWithChildren<{
 /**
  * Component to show different indicators based on the usual api query statuses
  */
-declare function QueryContainer({ fetching: fetchingProp, loading: loadingProp, error, success, children, }: QueryContainerProps): JSX.Element;
+declare function QueryContainer({ fetching: fetchingProp, loading: loadingProp, error, success, children, }: QueryContainerProps): React__default.JSX.Element;
 
 type BulletVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error";
 declare const bulletClasses: {
@@ -203,7 +203,7 @@ interface BulletProps {
 /**
  * Dot to attract the user attention
  */
-declare const Bullet: ({ variant, sx }: BulletProps) => JSX.Element;
+declare const Bullet: ({ variant, sx }: BulletProps) => React__default.JSX.Element;
 
 type LabelVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error" | "success";
 declare const labelClasses: {
@@ -230,7 +230,7 @@ interface LabelProps {
 /**
  * Compact element to represent a text
  */
-declare const Label: ({ text, variant, textTransform, sx, }: LabelProps) => JSX.Element;
+declare const Label: ({ text, variant, textTransform, sx, }: LabelProps) => React__default.JSX.Element;
 
 type HeaderPreset = PropTypes.Color | "transparent";
 type HeaderActionVariant = "text" | "outlined" | "contained";
@@ -329,11 +329,11 @@ declare const Header: HeaderComponent;
 type HeaderTitleProps = PropsWithChildren<{
     loading?: boolean;
 }>;
-declare const HeaderTitle: ({ loading, children }: HeaderTitleProps) => JSX.Element;
+declare const HeaderTitle: ({ loading, children }: HeaderTitleProps) => React__default.JSX.Element;
 type HeaderSubtitleProps = PropsWithChildren<{
     loading?: boolean;
 }>;
-declare const HeaderSubtitle: ({ loading, children }: HeaderSubtitleProps) => JSX.Element;
+declare const HeaderSubtitle: ({ loading, children }: HeaderSubtitleProps) => React__default.JSX.Element;
 
 type BoardProps = PropsWithChildren<{
     markdown?: string;
@@ -341,20 +341,20 @@ type BoardProps = PropsWithChildren<{
     spacing?: 0 | 1 | 2 | 3 | 4 | 5;
     sx?: SxProps<Theme>;
 }>;
-declare const Board: ({ markdown: markdownProps, content: contentProp, spacing, children, sx, }: BoardProps) => JSX.Element;
+declare const Board: ({ markdown: markdownProps, content: contentProp, spacing, children, sx, }: BoardProps) => React__default.JSX.Element;
 
 interface MarkdownProps {
     content: string;
     options?: MarkdownToJSX.Options;
 }
 declare const markdownDefaultOptions: MarkdownToJSX.Options;
-declare const Markdown: ({ content, options }: MarkdownProps) => JSX.Element;
+declare const Markdown: ({ content, options }: MarkdownProps) => React__default.JSX.Element;
 
 type ContentProps = PropsWithChildren;
 type ContentComponent = FunctionComponent<ContentProps>;
 type ContentElement = ReactElement<ContentElement, ContentComponent>;
 
-declare const Content: ({ children }: ContentProps) => JSX.Element;
+declare const Content: ({ children }: ContentProps) => React__default.JSX.Element;
 
 interface CenterContainerProps {
     children: ReactNode | undefined;
@@ -362,7 +362,7 @@ interface CenterContainerProps {
     centerHorizontal?: boolean;
     sx?: SxProps<Theme>;
 }
-declare function CenterContainer({ children, centerVertical, centerHorizontal, sx, }: CenterContainerProps): JSX.Element;
+declare function CenterContainer({ children, centerVertical, centerHorizontal, sx, }: CenterContainerProps): React__default.JSX.Element;
 
 interface ListPanelItem {
     id: string;
@@ -375,7 +375,7 @@ type ListPanelProps = PropsWithChildren<{
     colBreakpoint?: number;
     onSelectedItemChange?: (id: string) => void;
 }>;
-declare const ListPanel: ({ items, defaultSelectedItem, colBreakpoint, children, onSelectedItemChange, }: ListPanelProps) => JSX.Element;
+declare const ListPanel: ({ items, defaultSelectedItem, colBreakpoint, children, onSelectedItemChange, }: ListPanelProps) => React__default.JSX.Element;
 
 declare const ListPanelContext: React$1.Context<string | undefined>;
 declare const ListPanelContextProvider: React$1.Provider<string | undefined>;
@@ -384,7 +384,7 @@ declare const useListPanel: () => string | undefined;
 interface DrawerAppBarProps extends AppBarProps {
     title?: string;
 }
-declare const DrawerAppBar: ({ title, sx, children, ...rest }: DrawerAppBarProps) => JSX.Element;
+declare const DrawerAppBar: ({ title, sx, children, ...rest }: DrawerAppBarProps) => React$1.JSX.Element;
 
 type DrawerVariant = "temporary" | "mini" | "persistent" | "clipped";
 type DrawerState = "open" | "collapse" | "close";
@@ -455,7 +455,7 @@ type DrawerProviderProps = PropsWithChildren<{
     selectedItemId?: string;
     onStateChange?: (newState: DrawerState) => void;
 }>;
-declare const DrawerProvider: ({ children, initialState: initialStateProp, variant, drawerWidth: drawerWidthProp, underAppBar, selectedItemId, onStateChange, }: DrawerProviderProps) => JSX.Element;
+declare const DrawerProvider: ({ children, initialState: initialStateProp, variant, drawerWidth: drawerWidthProp, underAppBar, selectedItemId, onStateChange, }: DrawerProviderProps) => React__default.JSX.Element;
 
 interface DrawerContextProps {
     selectedItemId?: string;
@@ -496,7 +496,7 @@ interface DrawerSectionProps {
  * Render a group of items inside the drawer
  * with an optional title
  */
-declare const DrawerSection: ({ title, items, size }: DrawerSectionProps) => JSX.Element;
+declare const DrawerSection: ({ title, items, size }: DrawerSectionProps) => React__default.JSX.Element;
 
 interface DrawerSubheaderProps extends ListSubheaderProps {
     /**
@@ -517,7 +517,7 @@ declare const DrawerSubheader: _emotion_styled.StyledComponent<{
 }, "color" | "inset" | "sx" | keyof _mui_material_OverridableComponent.CommonProps | "children" | "disableGutters" | "disableSticky"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & DrawerSubheaderProps, {}, {}>;
 
 type DrawerMainProps = PropsWithChildren;
-declare const DrawerMain: ({ children }: DrawerMainProps) => JSX.Element;
+declare const DrawerMain: ({ children }: DrawerMainProps) => React__default.JSX.Element;
 
 type SelectSize = "small" | "medium";
 interface SelectProps<T> {
@@ -531,7 +531,7 @@ interface SelectProps<T> {
     children?: ReactNode;
     onChange?: SelectInputProps<T>["onChange"];
 }
-declare const Select: <T extends any>({ label, value, loading, fetching, size, fullWidth, color, children, onChange, }: SelectProps<T>) => JSX.Element;
+declare const Select: <T extends any>({ label, value, loading, fetching, size, fullWidth, color, children, onChange, }: SelectProps<T>) => React__default.JSX.Element;
 
 interface SignInProps {
     title: string;
@@ -540,7 +540,7 @@ interface SignInProps {
     loading?: boolean;
     onSubmitSignIn: (email: string, password: string) => void;
 }
-declare const SignIn: ({ title, subtitle, loading, error, onSubmitSignIn }: SignInProps) => JSX.Element;
+declare const SignIn: ({ title, subtitle, loading, error, onSubmitSignIn }: SignInProps) => React__default.JSX.Element;
 
 interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React__default.ElementType = ChipTypeMap["defaultComponent"]> extends Omit<AutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, "renderInput" | "onChange" | "color"> {
     label: string;
@@ -549,7 +549,7 @@ interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClea
     fetching?: boolean;
     onChangeValue?: (value: T) => void;
 }
-declare const Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React__default.ElementType<any> = "div">(props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+declare const Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React__default.ElementType<any> = "div">(props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React__default.JSX.Element;
 
 type DateRange$1 = [Date, Date | undefined];
 interface DateRangePickerProps {
@@ -560,21 +560,21 @@ interface DateRangePickerProps {
     size?: "small" | "medium";
     onValueChange: (value: DateRange$1, index: number) => void;
 }
-declare const DateRangePicker: ({ defaultValue, format: fmt, label, fullWidth, onValueChange, size, }: DateRangePickerProps) => JSX.Element;
+declare const DateRangePicker: ({ defaultValue, format: fmt, label, fullWidth, onValueChange, size, }: DateRangePickerProps) => React__default.JSX.Element;
 
 type DateRange = [Date, Date | undefined];
 interface DateRangeCalendarProps {
     defaultValue: DateRange;
     onValueChange: (value: DateRange, updatedIndex: number) => void;
 }
-declare const DateRangeCalendar: ({ defaultValue, onValueChange }: DateRangeCalendarProps) => JSX.Element;
+declare const DateRangeCalendar: ({ defaultValue, onValueChange }: DateRangeCalendarProps) => React__default.JSX.Element;
 
 type TextFieldProps = TextFieldProps$1 & {
     fetching?: boolean;
     loading?: boolean;
     hexColor?: string;
 };
-declare const TextField: ({ id: overrideId, label, InputLabelProps, InputProps, fetching, loading, helperText, hexColor, size, fullWidth, sx, ...rest }: TextFieldProps) => JSX.Element;
+declare const TextField: ({ id: overrideId, label, InputLabelProps, InputProps, fetching, loading, helperText, hexColor, size, fullWidth, sx, ...rest }: TextFieldProps) => React__default.JSX.Element;
 
 type ActionVariant$1 = "primary" | "error" | "warning" | "success";
 interface ActionProps {
@@ -592,7 +592,7 @@ interface ActionProps {
     passphrase?: string;
     onAction: () => void;
 }
-declare const Action: ({ variant, title, titleVariant, description, descriptionVariant, buttonText, helperText, helperTextVariant, confirmable, passphrase, confirmTitle, confirmDescription, onAction, }: ActionProps) => JSX.Element;
+declare const Action: ({ variant, title, titleVariant, description, descriptionVariant, buttonText, helperText, helperTextVariant, confirmable, passphrase, confirmTitle, confirmDescription, onAction, }: ActionProps) => React__default.JSX.Element;
 
 type ActionVariant = "primary" | "error" | "warning" | "success";
 interface ActionHeaderProps {
@@ -600,7 +600,7 @@ interface ActionHeaderProps {
     title: string;
     titleVariant?: Extract<Variant, "h4" | "h5" | "h6">;
 }
-declare const ActionHeader: ({ title, titleVariant, variant, }: ActionHeaderProps) => JSX.Element;
+declare const ActionHeader: ({ title, titleVariant, variant, }: ActionHeaderProps) => React__default.JSX.Element;
 
 interface TabData {
     text: string;
@@ -611,19 +611,19 @@ type TabCardProps = PropsWithChildren<{
     initialTab?: number;
     onChangeTab?: (tab: TabData, index: number) => void;
 }>;
-declare const TabCard: ({ children, tabs, initialTab, onChangeTab, }: TabCardProps) => JSX.Element;
+declare const TabCard: ({ children, tabs, initialTab, onChangeTab, }: TabCardProps) => React__default.JSX.Element;
 
 type TabCardPanelProps = PropsWithChildren<{
     index: number | number[];
     sx?: SxProps<Theme>;
 }>;
-declare const TabCardPanel: ({ index, children, sx }: TabCardPanelProps) => JSX.Element | null;
+declare const TabCardPanel: ({ index, children, sx }: TabCardPanelProps) => React__default.JSX.Element | null;
 
 interface TabPanelProps {
     children?: React__default.ReactNode;
     index: number | number[];
 }
-declare function TabPanel({ children, index }: TabPanelProps): JSX.Element;
+declare function TabPanel({ children, index }: TabPanelProps): React__default.JSX.Element;
 
 type Order = "asc" | "desc";
 interface HeadCell<T> {
@@ -639,7 +639,7 @@ interface EnhancedTableHeadProps<T> {
     orderBy: keyof T;
     headCells: HeadCell<T>[];
 }
-declare const EnhancedTableHead: <T>({ order, orderBy, headCells, onRequestSort, }: EnhancedTableHeadProps<T>) => JSX.Element;
+declare const EnhancedTableHead: <T>({ order, orderBy, headCells, onRequestSort, }: EnhancedTableHeadProps<T>) => React__default.JSX.Element;
 
 interface Props<T> {
     readonly data: T[];
@@ -651,7 +651,7 @@ interface Props<T> {
     children: (data: T[]) => ReactNode;
 }
 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__default.JSX.Element;
     defaultProps: {
         defaultOrder: string;
     };
@@ -666,7 +666,7 @@ interface EnhancedRemoteTableProps<T> {
     children: (data: T, index: number) => ReactNode;
     onRequestSort: (col: keyof T, orderBy: "asc" | "desc") => void;
 }
-declare const EnhancedRemoteTable: <T>({ children, data, loading, columns, defaultSort, defaultOrder, onRequestSort, }: EnhancedRemoteTableProps<T>) => JSX.Element;
+declare const EnhancedRemoteTable: <T>({ children, data, loading, columns, defaultSort, defaultOrder, onRequestSort, }: EnhancedRemoteTableProps<T>) => React__default.JSX.Element;
 
 type IconColor = "inherit" | "action" | "disabled" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
 interface PlaceholderAction {
@@ -687,31 +687,31 @@ interface PlaceholderProps {
     icon?: PlaceholderIcon;
     actions?: PlaceholderAction[];
 }
-declare const Placeholder: ({ title, subtitle, icon, iconSize, actions, }: PlaceholderProps) => JSX.Element;
+declare const Placeholder: ({ title, subtitle, icon, iconSize, actions, }: PlaceholderProps) => React__default.JSX.Element;
 
 interface SkeletonGridProps {
     size?: number;
 }
-declare const SkeletonGrid: ({ size }: SkeletonGridProps) => JSX.Element;
+declare const SkeletonGrid: ({ size }: SkeletonGridProps) => React__default.JSX.Element;
 
 interface SkeletonCardProps {
     width?: number | string;
     animation?: "pulse" | "wave" | false;
 }
-declare const SkeletonCard: ({ width, animation }: SkeletonCardProps) => JSX.Element;
+declare const SkeletonCard: ({ width, animation }: SkeletonCardProps) => React__default.JSX.Element;
 
 type ContentPlaceholderProps = PropsWithChildren<{
     size?: number;
     p?: number;
 }>;
-declare const ContentPlaceholder: ({ size, children, p }: ContentPlaceholderProps) => JSX.Element;
+declare const ContentPlaceholder: ({ size, children, p }: ContentPlaceholderProps) => React__default.JSX.Element;
 
 interface LoremIpsumPlaceholderProps {
     count?: number;
     units?: LoremUnit;
     variant?: Variant;
 }
-declare const LoremIpsumPlaceholder: ({ count, units, variant, }: LoremIpsumPlaceholderProps) => JSX.Element;
+declare const LoremIpsumPlaceholder: ({ count, units, variant, }: LoremIpsumPlaceholderProps) => React__default.JSX.Element;
 
 interface ExpandableAlertProps {
     severity: AlertColor;
@@ -761,7 +761,7 @@ interface ConfirmDialogProps extends Omit<BootstrapDialogDialogProps, OmitBaseDi
     onCancel: () => void;
     onConfirm: () => void;
 }
-declare const ConfirmDialog: ({ open, title, loading, disabled, confirmText, cancelText, passphrase, children, onConfirm, onCancel, }: ConfirmDialogProps) => JSX.Element;
+declare const ConfirmDialog: ({ open, title, loading, disabled, confirmText, cancelText, passphrase, children, onConfirm, onCancel, }: ConfirmDialogProps) => React__default.JSX.Element;
 
 type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
 interface FormDialogProps<T> extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
@@ -770,9 +770,9 @@ interface FormDialogProps<T> extends Omit<BootstrapDialogDialogProps, OmitBaseDi
     onCancel: () => void;
     onSubmit: (data: T) => void;
 }
-declare const FormDialog: <T>({ open, title, loading, disabled, submitText, cancelText, children, onSubmit, onCancel, }: FormDialogProps<T>) => JSX.Element;
+declare const FormDialog: <T>({ open, title, loading, disabled, submitText, cancelText, children, onSubmit, onCancel, }: FormDialogProps<T>) => React__default.JSX.Element;
 
-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;
+declare const BootstrapDialog: ({ open, title, component, componentProps, disabled, disableAccept, disableCancel, actions, children, loading, cancelable, callCloseWhenCancel, acceptable, acceptText, cancelText, onAccept, onCancel, onClose, acceptType, }: BootstrapDialogDialogProps) => React__default.JSX.Element;
 
 declare const useDialog: (intialOpen?: boolean) => {
     isOpen: boolean;
@@ -810,7 +810,7 @@ interface DrawerLayoutProps {
     drawerProviderProps?: DrawerProviderProps;
     children: [DrawerElement, DrawerAppBarElement, ReactNode];
 }
-declare const DrawerLayout: ({ drawerProviderProps, children: childrenProps, }: DrawerLayoutProps) => JSX.Element;
+declare const DrawerLayout: ({ drawerProviderProps, children: childrenProps, }: DrawerLayoutProps) => React__default.JSX.Element;
 
 interface HeaderLayoutError {
     icon?: PlaceholderIcon;
@@ -823,7 +823,7 @@ interface HeaderLayoutProps {
     error?: HeaderLayoutError;
     children: [HeaderElement, ContentElement];
 }
-declare const HeaderLayout: ({ loading, children, fetching, error }: HeaderLayoutProps) => JSX.Element;
+declare const HeaderLayout: ({ loading, children, fetching, error }: HeaderLayoutProps) => React__default.JSX.Element;
 
 /**
  * MODEL TYPES
@@ -922,7 +922,7 @@ interface ObjectDetailsProps<T extends BasicModelInstance> {
     dense?: boolean;
     instance: T;
 }
-declare const ObjectDetails: <T extends BasicModelInstance>({ model, instance, dense, }: ObjectDetailsProps<T>) => JSX.Element;
+declare const ObjectDetails: <T extends BasicModelInstance>({ model, instance, dense, }: ObjectDetailsProps<T>) => React__default.JSX.Element;
 
 interface RequestState {
     idle?: boolean;
@@ -1049,7 +1049,7 @@ interface DetailsScreenProps<T extends BasicModelInstance> extends BaseScreenPro
 }
 
 type ModelRouterProps<T extends BasicModelInstance> = DetailsScreenProps<T> & ListScreenProps<T> & AddScreenProps<T> & UpdateScreenProps<T>;
-declare const ModelRouter: <T extends BasicModelInstance>(props: ModelRouterProps<T>) => JSX.Element;
+declare const ModelRouter: <T extends BasicModelInstance>(props: ModelRouterProps<T>) => React__default.JSX.Element;
 
 interface ModelFormProps<T extends BasicModelInstance> {
     model: Model;
@@ -1058,7 +1058,7 @@ interface ModelFormProps<T extends BasicModelInstance> {
     saveButtonText: string;
     onSubmit: (values: T) => void;
 }
-declare const ModelForm: <T extends BasicModelInstance>({ model, saveButtonText, dense, onSubmit, initialValues, }: ModelFormProps<T>) => JSX.Element;
+declare const ModelForm: <T extends BasicModelInstance>({ model, saveButtonText, dense, onSubmit, initialValues, }: ModelFormProps<T>) => React__default.JSX.Element;
 
 interface TableRowOption<T extends BasicModelInstance> {
     id: string;
@@ -1075,12 +1075,12 @@ interface TableListProps<T extends BasicModelInstance> {
     options?: TableRowOption<T>[];
     onClick?: (d: T) => void;
 }
-declare const TableList: <T extends BasicModelInstance>({ columns: columnsProp, options, data, onClick, search, defaultSort, defaultOrder, loading, }: TableListProps<T>) => JSX.Element;
+declare const TableList: <T extends BasicModelInstance>({ columns: columnsProp, options, data, onClick, search, defaultSort, defaultOrder, loading, }: TableListProps<T>) => React__default.JSX.Element;
 
 type NotificationCenterProviderProps = PropsWithChildren<{
     autoHideDuration?: number;
 }>;
-declare const NotificationCenterProvider: ({ children, autoHideDuration, }: NotificationCenterProviderProps) => JSX.Element;
+declare const NotificationCenterProvider: ({ children, autoHideDuration, }: NotificationCenterProviderProps) => React__default.JSX.Element;
 
 declare const NotificationCenterProviderUndefinedError: Error;
 interface Notification {
@@ -1108,6 +1108,6 @@ declare const useTab: () => [number, Dispatch<SetStateAction<number>>];
 type TabProviderProps = PropsWithChildren<{
     initialValue?: number;
 }>;
-declare const TabProvider: ({ children, initialValue }: TabProviderProps) => JSX.Element;
+declare const TabProvider: ({ children, initialValue }: TabProviderProps) => React__default.JSX.Element;
 
 export { Action, ActionHeader, ActionHeaderProps, ActionProps, ActionVariant$1 as ActionVariant, ArrayFieldType, ArrayGroupField, ArrayInstanceType, Autocomplete, AutocompleteProps, BaseFieldType, BaseValueProps, BasicModelInstance, Board, BoardProps, BootstrapDialog, BootstrapDialogDialogProps, Bullet, BulletProps, BulletVariant, CenterContainer, CenterContainerProps, ConfirmDialog, ConfirmDialogProps, Content, ContentComponent, ContentElement, ContentPlaceholder, ContentPlaceholderProps, ContentProps, DateRangeCalendar, DateRangeCalendarProps, DateRangePicker, DateRangePickerProps, DefaultPlaceholder, DialogAction, Drawer, DrawerAppBar, DrawerAppBarComponent, DrawerAppBarElement, DrawerAppBarProps, DrawerComponent, DrawerContent, DrawerContentComponent, DrawerContentElement, DrawerContentProps, DrawerContext, DrawerContextProps, DrawerElement, DrawerHeader, DrawerItemAvatar, DrawerItemBullet, DrawerItemLabel, DrawerLayout, DrawerLayoutProps, DrawerMain, DrawerMainProps, DrawerNavigation, DrawerNavigationItem, DrawerNavigationItemCollapsable, DrawerNavigationItemLink, DrawerNavigationSection, DrawerProps, DrawerProvider, DrawerProviderProps, DrawerSection, DrawerSectionProps, DrawerSize, DrawerState, DrawerSubheader, DrawerSubheaderProps, DrawerVariant, EditInputType, EditableValueProps, EnhancedRemoteTable, EnhancedRemoteTableProps, EnhancedTable, EnhancedTableHead, ExpandableAlert, ExpandableAlertProps, FieldType, FormDialog, FormDialogProps, GroupField, GroupInstanceType, GroupValueCard, GroupValueCardProps, HeadCell, Header, HeaderAction, HeaderActionVariant, HeaderBreadcrumb, HeaderComponent, HeaderElement, HeaderLayout, HeaderLayoutError, HeaderLayoutProps, HeaderNavigationButton, HeaderPreset, HeaderProps, HeaderSubtitle, HeaderSubtitleProps, HeaderTab, HeaderTitle, HeaderTitleProps, IdleRequest, Label, LabelProps, LabelVariant, ListPanel, ListPanelContext, ListPanelContextProvider, ListPanelItem, ListPanelProps, LoadingArea, LoadingRequest, LoremIpsumPlaceholder, LoremIpsumPlaceholderProps, Markdown, MarkdownProps, Model, ModelField, ModelFieldTypes, ModelForm, ModelFormProps, ModelRouter, ModelRouterProps, Notification, NotificationCenterContext, NotificationCenterProps, NotificationCenterProvider, NotificationCenterProviderProps, NotificationCenterProviderUndefinedError, NotifyWhenValueChangesOptions, ObjectDetails, ObjectDetailsProps, Order, Placeholder, PlaceholderAction, PlaceholderIcon, PlaceholderIconArgs, PlaceholderProps, QueryContainer, QueryContainerError, QueryContainerProps, QueryContainerSuccess, RequestState, Select, SelectProps, SelectSize, SignIn, SignInProps, SingleFieldType, SkeletonCard, SkeletonCardProps, SkeletonGrid, SkeletonGridProps, SuccessRequest, TabCard, TabCardPanel, TabCardPanelProps, TabCardProps, TabContext, TabContextProvider, TabData, TabPanel, TabProvider, TableList, TableListProps, TableRowOption, TextField, TextFieldProps, UndefinedProvider, ValueBoolean, ValueBooleanProps, ValueCard, ValueCardProps, ValueDatetime, ValueDatetimeProps, ValueEditButton, ValueEditButtonProps, ValueEditButtons, ValueEditButtonsProps, ValueItem, ValueItemComponent, ValueItemElement, ValueItemProps, ValueLabel, ValueLabelProps, ValueRating, ValueRatingProps, ValueText, ValueTextProps, bulletClasses, getDrawerItemColors, getFormData, getRandomItem, labelClasses, markdownDefaultOptions, newArrayWithSize, newBreakpointsCounter, newInstanceFromValuesOrZeroValue, useDialog, useDrawer, useEditableValueDisplay, useGetDefaultThemeColor, useListPanel, useNotificationCenter, useNotifyWhenValueChanges, useTab, valueItemClasses };