@lunit/oui 2.4.9 → 2.4.11

package/dist/components/Card/Card.styled.d.ts

@@ -1,3 +1,4 @@
+import { ComponentType } from 'react';
 import type { CardProps } from './Card.types';
-declare const BaseCard: import("@emotion/styled").StyledComponent<CardProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const BaseCard: ComponentType<CardProps>;
 export default BaseCard;

package/dist/components/Card/Card.styled.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Card as MuiCard, styled } from '@mui/material';
-const BaseCard = styled(({ ...props }) => _jsx(MuiCard, { ...props }))(({ theme, size = 'large', selected }) => ({
+const BaseCard = styled(({ ...props }) => (_jsx(MuiCard, { ...props })))(({ theme, size = 'large', selected }) => ({
     width: size === 'small' ? '480px' : '520px',
     height: size === 'small' ? '156px' : '284px',
     cursor: 'pointer',

package/dist/components/Checkbox/Checkbox.styled.d.ts

@@ -1,10 +1,6 @@
-/// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const iconStyle: {
-    display: string;
-    width: string;
-    height: string;
-};
+import { CheckboxProps } from '@mui/material';
+import { SystemStyleObject, Theme } from '@mui/system';
+import { ComponentType } from 'react';
+export declare const Container: ComponentType<any>;
+export declare const StyledCheckbox: ComponentType<CheckboxProps>;
+export declare const iconStyle: SystemStyleObject<Theme>;

package/dist/components/Checkbox/Checkbox.utils.js

@@ -2,20 +2,26 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { iconStyle } from './Checkbox.styled';
 export const UncheckedIcon = () => {
-    return (_jsx(Box, { component: "span", className: "checkbox-icon", sx: {
-            ...iconStyle,
-            background: `url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 1.5H4C2.61929 1.5 1.5 2.61929 1.5 4V14C1.5 15.3807 2.61929 16.5 4 16.5H14C15.3807 16.5 16.5 15.3807 16.5 14V4C16.5 2.61929 15.3807 1.5 14 1.5ZM4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4Z' fill='%2399999B'/%3E%3C/svg%3E%0A")`,
-        } }));
+    return (_jsx(Box, { component: "span", className: "checkbox-icon", sx: [
+            iconStyle,
+            {
+                background: `url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 1.5H4C2.61929 1.5 1.5 2.61929 1.5 4V14C1.5 15.3807 2.61929 16.5 4 16.5H14C15.3807 16.5 16.5 15.3807 16.5 14V4C16.5 2.61929 15.3807 1.5 14 1.5ZM4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4Z' fill='%2399999B'/%3E%3C/svg%3E%0A")`,
+            },
+        ] }));
 };
 export const CheckedIcon = () => {
-    return (_jsx(Box, { component: "span", className: "checkbox-icon", sx: {
-            ...iconStyle,
-            background: `url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4ZM14.2516 7.14413C14.6074 6.72168 14.5533 6.09083 14.1309 5.73508C13.7084 5.37933 13.0776 5.43341 12.7218 5.85586L8.31824 11.0851L5.14993 8.37556C4.7302 8.01661 4.09895 8.06588 3.74 8.48561C3.38105 8.90533 3.43032 9.53658 3.85005 9.89553L7.78416 13.26C7.98672 13.4332 8.25006 13.5184 8.51571 13.4967C8.78135 13.4749 9.02732 13.348 9.19901 13.1441L14.2516 7.14413Z' fill='%2300C9EA'/%3E%3C/svg%3E%0A")`,
-        } }));
+    return (_jsx(Box, { component: "span", className: "checkbox-icon", sx: [
+            iconStyle,
+            {
+                background: `url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4ZM14.2516 7.14413C14.6074 6.72168 14.5533 6.09083 14.1309 5.73508C13.7084 5.37933 13.0776 5.43341 12.7218 5.85586L8.31824 11.0851L5.14993 8.37556C4.7302 8.01661 4.09895 8.06588 3.74 8.48561C3.38105 8.90533 3.43032 9.53658 3.85005 9.89553L7.78416 13.26C7.98672 13.4332 8.25006 13.5184 8.51571 13.4967C8.78135 13.4749 9.02732 13.348 9.19901 13.1441L14.2516 7.14413Z' fill='%2300C9EA'/%3E%3C/svg%3E%0A")`,
+            },
+        ] }));
 };
 export const IndeterminateIcon = () => {
-    return (_jsx(Box, { component: "span", className: "checkbox-icon", sx: {
-            ...iconStyle,
-            background: `url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='4' fill='%2300C9EA'/%3E%3Cpath d='M3 9C3 8.44772 3.44772 8 4 8H14C14.5523 8 15 8.44772 15 9V9C15 9.55228 14.5523 10 14 10H4C3.44772 10 3 9.55228 3 9V9Z' fill='white'/%3E%3C/svg%3E%0A")`,
-        } }));
+    return (_jsx(Box, { component: "span", className: "checkbox-icon", sx: [
+            iconStyle,
+            {
+                background: `url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='4' fill='%2300C9EA'/%3E%3Cpath d='M3 9C3 8.44772 3.44772 8 4 8H14C14.5523 8 15 8.44772 15 9V9C15 9.55228 14.5523 10 14 10H4C3.44772 10 3 9.55228 3 9V9Z' fill='white'/%3E%3C/svg%3E%0A")`,
+            },
+        ] }));
 };

package/dist/components/Chip/Chip.js

@@ -3,7 +3,6 @@ import { CloseSmall } from '../../icons';
 import StyledChip from './Chip.styled';
 import { presetMap } from './Chip.utils';
 function Chip({ preset, label, icon, onDelete, onClick, ...otherProps }) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const overwrittenProps = {
         label,
         icon,

package/dist/components/Chip/Chip.styled.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
+import { ComponentType } from 'react';
 import { ChipProps } from './Chip.types';
-declare const StyledChip: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "color" | "disabled" | "size" | "style" | "icon" | "classes" | "className" | "children" | "sx" | "variant" | "label" | "tabIndex" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ChipProps, {}, {}>;
+declare const StyledChip: ComponentType<ChipProps>;
 export default StyledChip;

package/dist/components/Chip/Chip.utils.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Warning16, StartT2 } from '../../icons';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const presetMap = {
     default: {
         className: 'presetDefault',

package/dist/components/DataTable/DataTable.styled.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const DataGridContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import { ComponentType } from 'react';
+declare const DataGridContainer: ComponentType<any>;
 export default DataGridContainer;

package/dist/components/DatePicker/DatePicker.js

@@ -11,7 +11,6 @@ function DatePicker({ alignment, placeholder, onChange, value, ...props }) {
     const handleFieldClick = () => {
         setOpen(true);
     };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const handleChange = (date, context) => {
         setSelectedDate(date);
         if (onChange)
@@ -62,7 +61,6 @@ function DatePicker({ alignment, placeholder, onChange, value, ...props }) {
             },
             leftArrowIcon: ArrowLeft,
             rightArrowIcon: ArrowRight,
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             ...slots,
         }, slotProps: {
             switchViewButton: {
@@ -154,7 +152,6 @@ function DatePicker({ alignment, placeholder, onChange, value, ...props }) {
                     backgroundColor: 'transparent !important',
                 },
             },
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             ...slotProps,
         }, ...otherProps }));
 }

package/dist/components/DatePicker/DatePicker.styled.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const StyledDatePicker: import("@emotion/styled").StyledComponent<import("@mui/x-date-pickers/DesktopDatePicker").DesktopDatePickerProps<unknown> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+import { ComponentType } from 'react';
+declare const StyledDatePicker: ComponentType<any>;
 export { StyledDatePicker };

package/dist/components/Dialog/Dialog.js

@@ -13,8 +13,6 @@ function Dialog({ open, title, icon, closable, isPrompt, cancelText, submitText,
     const displayChildren = !text && !!children;
     return (_jsxs(StyledDialog, { open: open, onClose: handleClose, displayChildren: displayChildren, isPrompt: isPrompt, sx: sx, className: "customDialog", PaperProps: {
             className: 'dialogPaper',
-        }, children: [_jsxs(StyledHeaderBox, { isPrompt: isPrompt, displayChildren: displayChildren, className: "dialogTitle", children: [_jsx(Box, { children: _jsxs(StyledDialogTitle, { children: [icon && _jsx("div", { className: "dialogIcon", children: icon }), title] }) }), closable && (_jsx(Button, { size: "small", variant: "ghost", label: "", disabled: loading, 
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        onClick: (event) => handleClose(event, 'cancel'), icon: _jsx(CloseSmall, { sx: { color: theme.palette.neutralGrey[0] } }) }))] }), !displayChildren && _jsx(StyledDialogContent, { children: text }), displayChildren && (_jsx(StyledDialogContent, { className: "childrenDialog", children: children })), dialogAction && _jsx(StyledDialogActions, { children: dialogAction }), !dialogAction && (cancelText || submitText) && (_jsxs(StyledDialogActions, { children: [cancelText && (_jsx(Button, { label: cancelText, size: buttonSize, disabled: loading, variant: "ghost", onClick: () => handleClose(null, 'cancel') })), submitText && (_jsx(Button, { disabled: disableSubmit || loading, loading: loading, label: submitText, size: buttonSize, sx: loading ? { width: '75px' } : null, onClick: () => handleClose(null, 'submit') }))] }))] }));
+        }, children: [_jsxs(StyledHeaderBox, { isPrompt: isPrompt, displayChildren: displayChildren, className: "dialogTitle", children: [_jsx(Box, { children: _jsxs(StyledDialogTitle, { children: [icon && _jsx("div", { className: "dialogIcon", children: icon }), title] }) }), closable && (_jsx(Button, { size: "small", variant: "ghost", label: "", disabled: loading, onClick: (event) => handleClose(event, 'cancel'), icon: _jsx(CloseSmall, { sx: { color: theme.palette.neutralGrey[0] } }) }))] }), !displayChildren && _jsx(StyledDialogContent, { children: text }), displayChildren && (_jsx(StyledDialogContent, { className: "childrenDialog", children: children })), dialogAction && _jsx(StyledDialogActions, { children: dialogAction }), !dialogAction && (cancelText || submitText) && (_jsxs(StyledDialogActions, { children: [cancelText && (_jsx(Button, { label: cancelText, size: buttonSize, disabled: loading, variant: "ghost", onClick: () => handleClose(null, 'cancel') })), submitText && (_jsx(Button, { disabled: disableSubmit || loading, loading: loading, label: submitText, size: buttonSize, sx: loading ? { width: '75px' } : null, onClick: () => handleClose(null, 'submit') }))] }))] }));
 }
 export default Dialog;

package/dist/components/Dialog/Dialog.styled.d.ts

@@ -1,24 +1,8 @@
-/// <reference types="react" />
-import type { DialogProps } from './Dialog.types';
-interface StyledDialogProps extends DialogProps {
-    displayChildren: boolean;
-    isPrompt?: boolean;
-    sx?: any;
-}
-interface StyledDialogTitleProps {
-    displayChildren: boolean;
-    isPrompt?: boolean;
-}
-declare const StyledDialog: import("@emotion/styled").StyledComponent<import("@mui/material").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledDialogProps, {}, {}>;
-declare const StyledHeaderBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledDialogTitleProps, {}, {}>;
-declare const StyledTitle: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-declare const StyledDialogTitle: import("@emotion/styled").StyledComponent<import("@mui/material").DialogTitleOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-declare const StyledDialogContent: import("@emotion/styled").StyledComponent<import("@mui/material").DialogContentProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-declare const StyledDialogActions: import("@emotion/styled").StyledComponent<import("@mui/material").DialogActionsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { ComponentType } from 'react';
+declare const StyledDialog: ComponentType<any>;
+declare const StyledHeaderBox: ComponentType<any>;
+declare const StyledTitle: ComponentType<any>;
+declare const StyledDialogTitle: ComponentType<any>;
+declare const StyledDialogContent: ComponentType<any>;
+declare const StyledDialogActions: ComponentType<any>;
 export { StyledDialog, StyledHeaderBox, StyledTitle, StyledDialogTitle, StyledDialogContent, StyledDialogActions, };

package/dist/components/Dialog/Dialog.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SxProps } from '@mui/system';
 export interface DialogProps {
     open: boolean;

package/dist/components/Divider/Divider.styled.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
+import { ComponentType } from 'react';
 import type { DividerProps } from './Divider.types';
-declare const BaseDivider: import("@emotion/styled").StyledComponent<import("@mui/material").DividerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
-    ref?: ((instance: HTMLHRElement | null) => void) | import("react").RefObject<HTMLHRElement> | null | undefined;
-}, "textAlign" | "light" | "style" | "absolute" | "classes" | "className" | "children" | "sx" | "variant" | "orientation" | "flexItem"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DividerProps, {}, {}>;
+declare const BaseDivider: ComponentType<DividerProps>;
 export default BaseDivider;

package/dist/components/Divider/Divider.styled.js

@@ -1,6 +1,6 @@
 import { Divider } from '@mui/material';
 import { styled } from '@mui/material/styles';
-const BaseDivider = styled(Divider)(({ theme, orientation }) => {
+const BaseDivider = styled(Divider)(({ theme, orientation, }) => {
     if (orientation === 'vertical') {
         return {
             background: theme.palette.neutralGrey[65],

package/dist/components/Dropdown/Dropdown.styled.d.ts

@@ -1,12 +1,9 @@
-import React from 'react';
-import type { Theme } from '@mui/material';
+import { ComponentType } from 'react';
 import type { BaseDropdownProps, DropdownContainerProps } from './Dropdown.types';
-declare const BaseDropdown: import("@emotion/styled").StyledComponent<import("@mui/material").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseDropdownProps<unknown>, {}, {}>;
-declare const DropdownContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & DropdownContainerProps, {}, {}>;
+declare const BaseDropdown: ComponentType<BaseDropdownProps>;
+declare const DropdownContainer: ComponentType<DropdownContainerProps>;
 declare const DropdownPlaceholder: ({ placeholder, disabled, }: {
     placeholder: string;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export { BaseDropdown, DropdownPlaceholder, DropdownContainer };

package/dist/components/Dropdown/Dropdown.styled.js

@@ -83,7 +83,7 @@ const DropdownContainer = styled(Box, {
         width: '240px',
     };
 });
-const PlaceholderElem = styled(Typography)(({ theme, disabled }) => {
+const PlaceholderElem = styled(Typography)(({ theme, disabled, }) => {
     return {
         color: theme.palette.neutralGrey[45],
         position: 'absolute',

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BoxProps, SelectProps, TypographyProps } from '@mui/material';
 import { IconDropdownOption } from './IconDropdown.types';
 interface DropdownContainerProps extends BoxProps {

package/dist/components/Dropdown/DropdownItem.styled.d.ts

@@ -1,9 +1,6 @@
-import React from 'react';
-import type { Theme } from '@mui/material';
+import { ComponentType } from 'react';
 import type { BaseDropdownItemProps } from './DropdownItem.types';
-declare const BaseDropdownItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
-}, "disabled" | "style" | "dense" | "classes" | "className" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseDropdownItemProps, {}, {}>;
+declare const BaseDropdownItem: ComponentType<BaseDropdownItemProps>;
 declare const KeyboardShortcut: ({ label }: {
     label: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/DropdownItem.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuItemProps } from '@mui/material';
 interface BaseDropdownItemProps extends MenuItemProps {
     emptyIcon?: boolean;

package/dist/components/Dropdown/DropdownSubtitle.styled.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-declare const BaseDropdownSubtitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { ComponentType } from 'react';
+declare const BaseDropdownSubtitle: ComponentType<any>;
 export default BaseDropdownSubtitle;

package/dist/components/Dropdown/IconDropdown.styled.d.ts

@@ -1,6 +1,4 @@
-import React from 'react';
-import type { Theme } from '@mui/material';
-import type { BaseIconDropdownProps, IconDropdownProps } from './IconDropdown.types';
-declare const BaseIconDropdown: import("@emotion/styled").StyledComponent<import("@mui/material").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseIconDropdownProps, {}, {}>;
-declare const DropdownContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & IconDropdownProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import { ComponentType } from 'react';
+declare const BaseIconDropdown: ComponentType<any>;
+declare const DropdownContainer: ComponentType<any>;
 export { BaseIconDropdown, DropdownContainer };

package/dist/components/Dropdown/IconDropdown.styled.js

@@ -66,6 +66,7 @@ const DropdownContainer = styled('div')(() => {
         display: 'flex',
         flexDirection: 'column',
         minWidth: '32px',
+        maxWidth: '52px',
     };
 });
 export { BaseIconDropdown, DropdownContainer };

package/dist/components/Dropdown/IconDropdown.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TypographyProps } from '@mui/system';
 import type { BaseDropdownProps } from '../Dropdown/Dropdown.types';
 interface BaseIconDropdownProps extends BaseDropdownProps {

package/dist/components/EllipsisTypography/EllipsisTypography.styled.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
+import { ComponentType } from 'react';
 import type { BaseEllipsisTypographyProps } from './EllipsisTypography.types';
-declare const StyledTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & BaseEllipsisTypographyProps, {}, {}>;
+declare const StyledTypography: ComponentType<BaseEllipsisTypographyProps>;
 export default StyledTypography;

package/dist/components/FileDnDZone/FileDnDZone.styled.d.ts

@@ -1,14 +1,6 @@
-/// <reference types="react" />
-declare const FileDnDZoneContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-declare const BaseFileDnDZone: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-declare const DnDSection: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-declare const DnDMainBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { ComponentType } from 'react';
+declare const FileDnDZoneContainer: ComponentType<any>;
+declare const BaseFileDnDZone: ComponentType<any>;
+declare const DnDSection: ComponentType<any>;
+declare const DnDMainBox: ComponentType<any>;
 export { FileDnDZoneContainer, BaseFileDnDZone, DnDSection, DnDMainBox };

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

@@ -1,8 +1,3 @@
-/// <reference types="react" />
-import type { ListSubheaderProps } from './List.types';
-export declare const MuiList: import("@emotion/styled").StyledComponent<import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
-    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
-}, "style" | "dense" | "classes" | "className" | "children" | "sx" | "subheader" | "disablePadding"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const MuiListSubheader: import("@emotion/styled").StyledComponent<import("@mui/material").ListSubheaderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "color" | "inset" | "style" | "classes" | "className" | "children" | "sx" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ListSubheaderProps, {}, {}>;
+import { ComponentType } from 'react';
+export declare const MuiList: ComponentType<any>;
+export declare const MuiListSubheader: ComponentType<any>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ListProps as MuiListProps, ListSubheaderProps as MuiListSubheaderProps } from '@mui/material';
 export type ListSize = 'small' | 'medium' | 'large';
 export interface ListProps extends MuiListProps {

package/dist/components/List/ListItem.js

@@ -17,8 +17,6 @@ label, startElement, endElement, selected, ...props }) => {
         }
         return null;
     })();
-    return (_jsx(StyledListItem, { ...rootProps, disablePadding: true, className: className, classes: classes, style: style, sx: sx, children: _jsxs(StyledListItemButton, { ...props, disableRipple: true, 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            component: props.component ?? 'span', size: size, selected: selected, children: [checkElement && _jsx(StyledListItemStartSlot, { children: checkElement }), startElement && _jsx(StyledListItemStartSlot, { children: startElement }), _jsx(StyledListItemText, { primary: label }), endElement && _jsx(StyledListItemEndSlot, { children: endElement })] }) }));
+    return (_jsx(StyledListItem, { ...rootProps, disablePadding: true, className: className, classes: classes, style: style, sx: sx, children: _jsxs(StyledListItemButton, { ...props, disableRipple: true, component: props.component ?? 'span', size: size, selected: selected, children: [checkElement && _jsx(StyledListItemStartSlot, { children: checkElement }), startElement && _jsx(StyledListItemStartSlot, { children: startElement }), _jsx(StyledListItemText, { primary: label }), endElement && _jsx(StyledListItemEndSlot, { children: endElement })] }) }));
 });
 export default ListItem;

package/dist/components/List/ListItem.styled.d.ts

@@ -1,35 +1,11 @@
-import React from 'react';
+import { CSSObject } from '@mui/material';
+import { ComponentType } from 'react';
 import type { StyledListItemButtonProps } from './ListItem.types';
-export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
-    button?: false | undefined;
-} & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
-}, "components" | "disabled" | "button" | "alignItems" | "style" | "dense" | "classes" | "className" | "children" | "sx" | "autoFocus" | "componentsProps" | "slotProps" | "slots" | "disableGutters" | "disablePadding" | "ContainerComponent" | "ContainerProps" | "divider" | "secondaryAction" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledListItemButton: import("@emotion/styled").StyledComponent<StyledListItemButtonProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const slotStyles: {
-    minWidth: string;
-    height: string;
-    color: string;
-    svg: {
-        width: string;
-        height: string;
-        color: string;
-    };
-};
-export declare const StyledListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<React.ElementType<any>, React.ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledListItemStartSlot: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledListItemEndSlot: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CheckIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "style" | "classes" | "className" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
-    component?: React.ElementType<any> | undefined;
-} & {
-    variant?: "outlined" | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const EmptyIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "style" | "classes" | "className" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
-    component?: React.ElementType<any> | undefined;
-} & {
-    variant?: "filled" | "outlined" | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledListItem: ComponentType<any>;
+export declare const StyledListItemButton: ComponentType<StyledListItemButtonProps>;
+export declare const slotStyles: CSSObject;
+export declare const StyledListItemText: ComponentType<any>;
+export declare const StyledListItemStartSlot: ComponentType<any>;
+export declare const StyledListItemEndSlot: ComponentType<any>;
+export declare const CheckIcon: ComponentType<any>;
+export declare const EmptyIcon: ComponentType<any>;

package/dist/components/List/ListItem.styled.js

@@ -5,7 +5,7 @@ import getPadding from './List.utils';
 export const StyledListItem = styled(ListItem)({
     width: '100%',
 });
-export const StyledListItemButton = styled(({ size, ...props }) => (_jsx(ListItemButton, { ...props })))(({ theme, size }) => ({
+export const StyledListItemButton = styled(({ size, ...props }) => _jsx(ListItemButton, { ...props }))(({ theme, size }) => ({
     borderRadius: '8px',
     padding: `${getPadding(size)} 8px`,
     '&.Mui-selected': {

package/dist/components/List/ListItem.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExtendButtonBase, ExtendButtonBaseTypeMap, ListItemProps as MuiListItemProps, ListItemButtonProps as MuiListItemButtonProps } from '@mui/material';
 import { OverrideProps } from '@mui/material/OverridableComponent';
 import type { ListSize } from '../List/List.types';

package/dist/components/List/ListItemCaption.styled.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-export declare const StyledListItemCaption: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { ComponentType } from 'react';
+export declare const StyledListItemCaption: ComponentType<any>;

package/dist/components/LoadingIndicator/LoadingIndicator.styled.d.ts

@@ -1,13 +1,5 @@
-/// <reference types="react" />
-export declare const LoadingOverlay: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const LoadingIndicatorBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const LoadingMessage: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const LoadingDetails: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { ComponentType } from 'react';
+export declare const LoadingOverlay: ComponentType<any>;
+export declare const LoadingIndicatorBox: ComponentType<any>;
+export declare const LoadingMessage: ComponentType<any>;
+export declare const LoadingDetails: ComponentType<any>;

package/dist/components/Menu/Menu.styled.d.ts

@@ -1,6 +1,3 @@
-import React from 'react';
-import type { StyledMenuProps } from './Menu.types';
-export declare const StyledMenu: import("@emotion/styled").StyledComponent<Omit<StyledMenuProps, "ref"> & React.RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledListSubheader: import("@emotion/styled").StyledComponent<import("@mui/material").ListSubheaderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
-}, "color" | "inset" | "style" | "classes" | "className" | "children" | "sx" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { ComponentType } from 'react';
+export declare const StyledMenu: ComponentType<any>;
+export declare const StyledListSubheader: ComponentType<any>;

package/dist/components/Menu/Menu.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuProps as MuiMenuProps } from '@mui/material';
 export type MenuSize = 'small' | 'medium';
 export interface MenuProps extends StyledMenuProps {

package/dist/components/Menu/MenuItem.styled.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
+import { ComponentType } from 'react';
 import type { StyledMenuItemProps } from './MenuItem.types';
 export { CheckIcon, EmptyIcon } from '../List/ListItem.styled';
-export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "disabled" | "style" | "dense" | "classes" | "className" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledMenuItemProps, {}, {}>;
-export declare const StyledMenuItemStartIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledMenuItemEndIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledMenuItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledMenuItem: ComponentType<StyledMenuItemProps>;
+export declare const StyledMenuItemStartIcon: ComponentType<any>;
+export declare const StyledMenuItemEndIcon: ComponentType<any>;
+export declare const StyledMenuItemText: ComponentType<any>;

package/dist/components/Menu/MenuItem.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuItemProps as MuiMenuItemProps } from '@mui/material';
 import type { MenuSize } from '../Menu/Menu.types';
 export interface MenuItemProps extends MuiMenuItemProps {

package/dist/components/NoMatchContainer/NoMatchContainer.d.ts

@@ -0,0 +1,2 @@
+declare const NoMatchContainer: () => import("react/jsx-runtime").JSX.Element;
+export default NoMatchContainer;