@astral/ui 1.40.3 → 1.42.0

package/DataGrid/DataGrid.d.ts

@@ -63,6 +63,11 @@ export type DataGridProps<Data extends object = DataGridRow, SortField extends k
      * Флажок загрузки данных
      */
     loading?: boolean;
+    /**
+     * @example <DataGrid  disabled={true} />
+     * Флажок блокировки таблицы
+     */
+    disabled?: boolean;
     /**
      * @default '-'
      * @example <DataGrid  emptyCellValue{'Нет данных'} />
@@ -82,4 +87,4 @@ export type DataGridProps<Data extends object = DataGridRow, SortField extends k
      */
     footerHeight?: number;
 };
-export declare function DataGrid<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, onSort, keyId, emptyCellValue, className, footerHeight, }: DataGridProps<Data, SortField>): JSX.Element;
+export declare function DataGrid<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, disabled, onSort, keyId, emptyCellValue, className, footerHeight, }: DataGridProps<Data, SortField>): JSX.Element;

package/DataGrid/DataGrid.js

@@ -13,9 +13,13 @@ const DataGridBody_1 = require("./DataGridBody");
 const DataGridLoader_1 = __importDefault(require("./DataGridLoader/DataGridLoader"));
 const DataGridNoData_1 = require("./DataGridNoData");
 const styles_1 = require("./styles");
-function DataGrid({ columns, rows = [], selectedRows = [], sorting, maxHeight, minDisplayRows = 10, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, onSort, keyId, emptyCellValue, className, footerHeight = 50, }) {
+function DataGrid({ columns, rows = [], selectedRows = [], sorting, maxHeight, minDisplayRows = 10, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, disabled, onSort, keyId, emptyCellValue, className, footerHeight = 50, }) {
     const selectable = Boolean(onSelectRow);
     const withFooter = Boolean(Footer);
+    const isTableDisabled = loading || disabled;
+    const TableContainer = isTableDisabled
+        ? styles_1.DisabledTableContainer
+        : styles_1.StyledTableContainer;
     const handleSelectAllRows = (event) => {
         if (!onSelectRow) {
             return;
@@ -45,6 +49,6 @@ function DataGrid({ columns, rows = [], selectedRows = [], sorting, maxHeight, m
         }
         return null;
     }, [noDataPlaceholder, loading]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.DataGridContainer, Object.assign({ maxHeight: maxHeight, className: className }, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTableContainer, { children: (0, jsx_runtime_1.jsxs)(Table_1.Table, Object.assign({ stickyHeader: true }, { children: [(0, jsx_runtime_1.jsx)(DataGridHead_1.DataGridHead, { onSort: onSort, rowsCount: rows.length, uncheckedRowsCount: uncheckedRowsCount, onSelectAllRows: handleSelectAllRows, selectable: selectable, sorting: sorting, columns: columns }), (0, jsx_runtime_1.jsx)(DataGridBody_1.DataGridBody, { keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, onRowClick: onRowClick, onSelectRow: handleSelectRow, selectable: selectable, rows: rows, columns: columns, emptyCellValue: emptyCellValue, noDataPlaceholder: renderedPlaceholder() })] })) }), (0, jsx_runtime_1.jsx)(DataGridLoader_1.default, { footerHeight: footerHeight, withFooter: withFooter, loading: loading }), Footer] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.DataGridContainer, Object.assign({ maxHeight: maxHeight, className: className }, { children: [(0, jsx_runtime_1.jsx)(TableContainer, Object.assign({ inert: isTableDisabled ? '' : false }, { children: (0, jsx_runtime_1.jsxs)(Table_1.Table, Object.assign({ stickyHeader: true }, { children: [(0, jsx_runtime_1.jsx)(DataGridHead_1.DataGridHead, { onSort: onSort, rowsCount: rows.length, uncheckedRowsCount: uncheckedRowsCount, onSelectAllRows: handleSelectAllRows, selectable: selectable, sorting: sorting, columns: columns }), (0, jsx_runtime_1.jsx)(DataGridBody_1.DataGridBody, { keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, onRowClick: onRowClick, onSelectRow: handleSelectRow, selectable: selectable, rows: rows, columns: columns, emptyCellValue: emptyCellValue, noDataPlaceholder: renderedPlaceholder() })] })) })), (0, jsx_runtime_1.jsx)(DataGridLoader_1.default, { footerHeight: footerHeight, withFooter: withFooter, disabled: disabled, loading: loading }), Footer] })));
 }
 exports.DataGrid = DataGrid;

package/DataGrid/DataGridLoader/DataGridLoader.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 export type DataGridLoaderProps = {
     loading?: boolean;
+    disabled?: boolean;
     withFooter: boolean;
     footerHeight: number;
 };
-declare const DataGridLoader: ({ loading, withFooter, footerHeight, }: DataGridLoaderProps) => JSX.Element;
+declare const DataGridLoader: ({ loading, disabled, withFooter, footerHeight, }: DataGridLoaderProps) => JSX.Element;
 export default DataGridLoader;

package/DataGrid/DataGridLoader/DataGridLoader.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
-const DataGridLoader = ({ loading = false, withFooter, footerHeight, }) => {
-    return ((0, jsx_runtime_1.jsxs)(styles_1.LoaderWrapper, { children: [loading && ((0, jsx_runtime_1.jsx)(styles_1.Backdrop, { withFooter: withFooter, footerHeight: footerHeight })), loading && (0, jsx_runtime_1.jsx)(styles_1.StyledLinearProgress, {}), !loading && (0, jsx_runtime_1.jsx)(styles_1.StyledDivider, {})] }));
+const DataGridLoader = ({ loading = false, disabled = false, withFooter, footerHeight, }) => {
+    return ((0, jsx_runtime_1.jsxs)(styles_1.LoaderWrapper, { children: [(loading || disabled) && ((0, jsx_runtime_1.jsx)(styles_1.Backdrop, { withFooter: withFooter, footerHeight: footerHeight })), loading && (0, jsx_runtime_1.jsx)(styles_1.StyledLinearProgress, {}), !loading && (0, jsx_runtime_1.jsx)(styles_1.StyledDivider, {})] }));
 };
 exports.default = DataGridLoader;

package/DataGrid/DataGridLoader/styles.js

@@ -13,8 +13,8 @@ exports.Backdrop = styles_1.styled.div `
   /* Если в DataGrid передан Footer, нужно чтобы Backdrop не перекрывал его в состоянии loading, поэтому тут его высота вычитается из всей высоты бэкдропа */
   height: ${({ withFooter, footerHeight }) => withFooter ? `calc(100% - ${footerHeight}px) ` : '100%'};
 
-  background-color: ${({ theme }) => theme.palette.grey['100']};
-  opacity: 0.6;
+  background-color: ${({ theme }) => theme.palette.background.element};
+  opacity: 0.3;
 `;
 exports.StyledDivider = (0, styles_1.styled)(Divider_1.Divider) `
   border-width: 1px;

package/DataGrid/styles.d.ts

@@ -10,6 +10,7 @@ export declare const DataGridContainer: import("@emotion/styled").StyledComponen
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps> & {
     maxHeight?: number | undefined;
+    inert?: false | "" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledTableContainer: import("@emotion/styled").StyledComponent<import("../Table").TableContainerProps & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -21,4 +22,17 @@ export declare const StyledTableContainer: import("@emotion/styled").StyledCompo
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps> & {
     maxHeight?: number | undefined;
+    inert?: false | "" | undefined;
+}, {}, {}>;
+export declare const DisabledTableContainer: import("@emotion/styled").StyledComponent<import("../Table").TableContainerProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TableContainerClasses> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "css" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps> & {
+    maxHeight?: number | undefined;
+    inert?: false | "" | undefined;
 }, {}, {}>;

package/DataGrid/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledTableContainer = exports.DataGridContainer = void 0;
+exports.DisabledTableContainer = exports.StyledTableContainer = exports.DataGridContainer = void 0;
 const styles_1 = require("../styles");
 const Table_1 = require("../Table");
 exports.DataGridContainer = styles_1.styled.div `
@@ -18,3 +18,9 @@ exports.StyledTableContainer = (0, styles_1.styled)(Table_1.TableContainer, {
 }) `
   height: 100%;
 `;
+exports.DisabledTableContainer = (0, styles_1.styled)(exports.StyledTableContainer) `
+  background: ${({ theme }) => theme.palette.background.element};
+  mix-blend-mode: luminosity;
+
+  pointer-events: none;
+`;

package/Dialog/Dialog.d.ts

@@ -1,3 +1,14 @@
 /// <reference types="react" />
-import { DialogProps } from './types';
+import { DialogProps as MuiDialogProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type DialogProps = WithoutEmotionSpecific<Omit<MuiDialogProps, 'title'>> & {
+    /**
+     * Заголовок
+     */
+    title?: JSX.Element | JSX.Element[] | string;
+    /**
+     * Отключить кликабельность фонового компонента
+     */
+    disableBackdropClick?: boolean;
+};
 export declare const Dialog: ({ children, title, disableBackdropClick, onClose, ...props }: DialogProps) => JSX.Element;

package/Dialog/Dialog.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const index_1 = require("../index");
+const DialogTitle_1 = require("../DialogTitle");
 const Dialog = (_a) => {
     var { children, title, disableBackdropClick, onClose } = _a, props = __rest(_a, ["children", "title", "disableBackdropClick", "onClose"]);
     const handleClose = onClose &&
@@ -24,6 +24,6 @@ const Dialog = (_a) => {
             }
             onClose(event, reason);
         });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({ onClose: handleClose }, props, { children: [title && (0, jsx_runtime_1.jsx)(index_1.DialogTitle, Object.assign({ onClose: onClose }, { children: title })), children] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({ onClose: handleClose }, props, { children: [title && (0, jsx_runtime_1.jsx)(DialogTitle_1.DialogTitle, Object.assign({ onClose: onClose }, { children: title })), children] })));
 };
 exports.Dialog = Dialog;

package/Dialog/index.d.ts

@@ -1,2 +1 @@
 export * from './Dialog';
-export * from './types';

package/Dialog/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Dialog"), exports);
-__exportStar(require("./types"), exports);

package/esm/DataGrid/DataGrid.d.ts

@@ -63,6 +63,11 @@ export type DataGridProps<Data extends object = DataGridRow, SortField extends k
      * Флажок загрузки данных
      */
     loading?: boolean;
+    /**
+     * @example <DataGrid  disabled={true} />
+     * Флажок блокировки таблицы
+     */
+    disabled?: boolean;
     /**
      * @default '-'
      * @example <DataGrid  emptyCellValue{'Нет данных'} />
@@ -82,4 +87,4 @@ export type DataGridProps<Data extends object = DataGridRow, SortField extends k
      */
     footerHeight?: number;
 };
-export declare function DataGrid<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, onSort, keyId, emptyCellValue, className, footerHeight, }: DataGridProps<Data, SortField>): JSX.Element;
+export declare function DataGrid<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, disabled, onSort, keyId, emptyCellValue, className, footerHeight, }: DataGridProps<Data, SortField>): JSX.Element;

package/esm/DataGrid/DataGrid.js

@@ -6,10 +6,14 @@ import { DataGridHead } from './DataGridHead';
 import { DataGridBody } from './DataGridBody';
 import DataGridLoader from './DataGridLoader/DataGridLoader';
 import { DataGridNoData } from './DataGridNoData';
-import { DataGridContainer, StyledTableContainer } from './styles';
-export function DataGrid({ columns, rows = [], selectedRows = [], sorting, maxHeight, minDisplayRows = 10, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, onSort, keyId, emptyCellValue, className, footerHeight = 50, }) {
+import { DataGridContainer, DisabledTableContainer, StyledTableContainer, } from './styles';
+export function DataGrid({ columns, rows = [], selectedRows = [], sorting, maxHeight, minDisplayRows = 10, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, disabled, onSort, keyId, emptyCellValue, className, footerHeight = 50, }) {
     const selectable = Boolean(onSelectRow);
     const withFooter = Boolean(Footer);
+    const isTableDisabled = loading || disabled;
+    const TableContainer = isTableDisabled
+        ? DisabledTableContainer
+        : StyledTableContainer;
     const handleSelectAllRows = (event) => {
         if (!onSelectRow) {
             return;
@@ -39,5 +43,5 @@ export function DataGrid({ columns, rows = [], selectedRows = [], sorting, maxHe
         }
         return null;
     }, [noDataPlaceholder, loading]);
-    return (_jsxs(DataGridContainer, Object.assign({ maxHeight: maxHeight, className: className }, { children: [_jsx(StyledTableContainer, { children: _jsxs(Table, Object.assign({ stickyHeader: true }, { children: [_jsx(DataGridHead, { onSort: onSort, rowsCount: rows.length, uncheckedRowsCount: uncheckedRowsCount, onSelectAllRows: handleSelectAllRows, selectable: selectable, sorting: sorting, columns: columns }), _jsx(DataGridBody, { keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, onRowClick: onRowClick, onSelectRow: handleSelectRow, selectable: selectable, rows: rows, columns: columns, emptyCellValue: emptyCellValue, noDataPlaceholder: renderedPlaceholder() })] })) }), _jsx(DataGridLoader, { footerHeight: footerHeight, withFooter: withFooter, loading: loading }), Footer] })));
+    return (_jsxs(DataGridContainer, Object.assign({ maxHeight: maxHeight, className: className }, { children: [_jsx(TableContainer, Object.assign({ inert: isTableDisabled ? '' : false }, { children: _jsxs(Table, Object.assign({ stickyHeader: true }, { children: [_jsx(DataGridHead, { onSort: onSort, rowsCount: rows.length, uncheckedRowsCount: uncheckedRowsCount, onSelectAllRows: handleSelectAllRows, selectable: selectable, sorting: sorting, columns: columns }), _jsx(DataGridBody, { keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, onRowClick: onRowClick, onSelectRow: handleSelectRow, selectable: selectable, rows: rows, columns: columns, emptyCellValue: emptyCellValue, noDataPlaceholder: renderedPlaceholder() })] })) })), _jsx(DataGridLoader, { footerHeight: footerHeight, withFooter: withFooter, disabled: disabled, loading: loading }), Footer] })));
 }

package/esm/DataGrid/DataGridLoader/DataGridLoader.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 export type DataGridLoaderProps = {
     loading?: boolean;
+    disabled?: boolean;
     withFooter: boolean;
     footerHeight: number;
 };
-declare const DataGridLoader: ({ loading, withFooter, footerHeight, }: DataGridLoaderProps) => JSX.Element;
+declare const DataGridLoader: ({ loading, disabled, withFooter, footerHeight, }: DataGridLoaderProps) => JSX.Element;
 export default DataGridLoader;

package/esm/DataGrid/DataGridLoader/DataGridLoader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Backdrop, LoaderWrapper, StyledDivider, StyledLinearProgress, } from './styles';
-const DataGridLoader = ({ loading = false, withFooter, footerHeight, }) => {
-    return (_jsxs(LoaderWrapper, { children: [loading && (_jsx(Backdrop, { withFooter: withFooter, footerHeight: footerHeight })), loading && _jsx(StyledLinearProgress, {}), !loading && _jsx(StyledDivider, {})] }));
+const DataGridLoader = ({ loading = false, disabled = false, withFooter, footerHeight, }) => {
+    return (_jsxs(LoaderWrapper, { children: [(loading || disabled) && (_jsx(Backdrop, { withFooter: withFooter, footerHeight: footerHeight })), loading && _jsx(StyledLinearProgress, {}), !loading && _jsx(StyledDivider, {})] }));
 };
 export default DataGridLoader;

package/esm/DataGrid/DataGridLoader/styles.js

@@ -10,8 +10,8 @@ export const Backdrop = styled.div `
   /* Если в DataGrid передан Footer, нужно чтобы Backdrop не перекрывал его в состоянии loading, поэтому тут его высота вычитается из всей высоты бэкдропа */
   height: ${({ withFooter, footerHeight }) => withFooter ? `calc(100% - ${footerHeight}px) ` : '100%'};
 
-  background-color: ${({ theme }) => theme.palette.grey['100']};
-  opacity: 0.6;
+  background-color: ${({ theme }) => theme.palette.background.element};
+  opacity: 0.3;
 `;
 export const StyledDivider = styled(Divider) `
   border-width: 1px;

package/esm/DataGrid/styles.d.ts

@@ -10,6 +10,7 @@ export declare const DataGridContainer: import("@emotion/styled").StyledComponen
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps> & {
     maxHeight?: number | undefined;
+    inert?: false | "" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledTableContainer: import("@emotion/styled").StyledComponent<import("../Table").TableContainerProps & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -21,4 +22,17 @@ export declare const StyledTableContainer: import("@emotion/styled").StyledCompo
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps> & {
     maxHeight?: number | undefined;
+    inert?: false | "" | undefined;
+}, {}, {}>;
+export declare const DisabledTableContainer: import("@emotion/styled").StyledComponent<import("../Table").TableContainerProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TableContainerClasses> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "css" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps> & {
+    maxHeight?: number | undefined;
+    inert?: false | "" | undefined;
 }, {}, {}>;

package/esm/DataGrid/styles.js

@@ -15,3 +15,9 @@ export const StyledTableContainer = styled(TableContainer, {
 }) `
   height: 100%;
 `;
+export const DisabledTableContainer = styled(StyledTableContainer) `
+  background: ${({ theme }) => theme.palette.background.element};
+  mix-blend-mode: luminosity;
+
+  pointer-events: none;
+`;

package/esm/Dialog/Dialog.d.ts

@@ -1,3 +1,14 @@
 /// <reference types="react" />
-import { DialogProps } from './types';
+import { DialogProps as MuiDialogProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type DialogProps = WithoutEmotionSpecific<Omit<MuiDialogProps, 'title'>> & {
+    /**
+     * Заголовок
+     */
+    title?: JSX.Element | JSX.Element[] | string;
+    /**
+     * Отключить кликабельность фонового компонента
+     */
+    disableBackdropClick?: boolean;
+};
 export declare const Dialog: ({ children, title, disableBackdropClick, onClose, ...props }: DialogProps) => JSX.Element;

package/esm/Dialog/Dialog.js

@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog as MuiDialog } from '@mui/material';
-import { DialogTitle } from '../index';
+import { Dialog as MuiDialog, } from '@mui/material';
+import { DialogTitle } from '../DialogTitle';
 export const Dialog = (_a) => {
     var { children, title, disableBackdropClick, onClose } = _a, props = __rest(_a, ["children", "title", "disableBackdropClick", "onClose"]);
     const handleClose = onClose &&

package/esm/Dialog/index.d.ts

@@ -1,2 +1 @@
 export * from './Dialog';
-export * from './types';

package/esm/Dialog/index.js

@@ -1,2 +1 @@
 export * from './Dialog';
-export * from './types';

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "1.40.3",
+  "version": "1.42.0",
   "browser": "./esm/index.js",
   "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.40.3",
+    "@astral/icons": "^1.42.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",

package/Dialog/types.d.ts

@@ -1,6 +0,0 @@
-import { DialogProps as MuiDialogProps } from '@mui/material';
-import { WithoutEmotionSpecific } from '../types';
-export type DialogProps = WithoutEmotionSpecific<MuiDialogProps> & {
-    title?: string;
-    disableBackdropClick?: boolean;
-};

package/Dialog/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/esm/Dialog/types.d.ts

@@ -1,6 +0,0 @@
-import { DialogProps as MuiDialogProps } from '@mui/material';
-import { WithoutEmotionSpecific } from '../types';
-export type DialogProps = WithoutEmotionSpecific<MuiDialogProps> & {
-    title?: string;
-    disableBackdropClick?: boolean;
-};

package/esm/Dialog/types.js

@@ -1 +0,0 @@
-export {};