@astral/ui 0.48.3 → 1.0.0-test.1670405759

package/esm/DatePicker/hooks/useBaseDateInRange/useBaseDateInRange.js

@@ -0,0 +1,21 @@
+import { useMemo } from 'react';
+import { buildIsoDate } from '../../../utils/date';
+/**
+ * @description хук который выдаст нам опорную дату, которая будет в пределах от минимальной, до максимальной, пригодится, когда текущая дата меньше минимальной, или больше миаксимальной.
+ */
+export const useBaseDateInRange = ({ minDate, maxDate, }) => useMemo(() => {
+    const currentDate = new Date();
+    const baseDate = buildIsoDate({
+        year: currentDate.getUTCFullYear(),
+        month: currentDate.getUTCMonth() + 1,
+        day: currentDate.getUTCDate(),
+        hour: currentDate.getUTCHours(),
+    });
+    if (Number(baseDate) < Number(minDate)) {
+        return minDate;
+    }
+    if (Number(baseDate) > Number(maxDate)) {
+        return maxDate;
+    }
+    return baseDate;
+}, [minDate, maxDate]);

package/esm/DatePicker/hooks/useCalendarNavigate/index.d.ts

@@ -0,0 +1 @@
+export * from './useCalendarNavigate';

package/esm/DatePicker/hooks/useCalendarNavigate/index.js

@@ -0,0 +1 @@
+export * from './useCalendarNavigate';

package/esm/DatePicker/hooks/useCalendarNavigate/useCalendarNavigate.d.ts

@@ -0,0 +1,20 @@
+type UseCalendarNavigateProps = {
+    /**
+     * @description опорная дата, относительно которой будет идти переключение
+     */
+    date: Date;
+    /**
+     * @description колбэк отвечающий за переключение опорной даты
+     * @example addDays || addMonths || addYears
+     */
+    addCb: (date: Date, count: number) => Date;
+};
+/**
+ * @description хук для навигации в календаре по опорной дате
+ */
+export declare const useCalendarNavigate: ({ date, addCb, }: UseCalendarNavigateProps) => {
+    baseDate: Date;
+    handlePrevClick: () => void;
+    handleNextClick: () => void;
+};
+export {};

package/esm/DatePicker/hooks/useCalendarNavigate/useCalendarNavigate.js

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+/**
+ * @description хук для навигации в календаре по опорной дате
+ */
+export const useCalendarNavigate = ({ date, addCb, }) => {
+    const [baseDate, setBaseDate] = useState(date);
+    const handleNextClick = () => {
+        setBaseDate(addCb(baseDate, 1));
+    };
+    const handlePrevClick = () => {
+        setBaseDate(addCb(baseDate, -1));
+    };
+    useEffect(() => {
+        setBaseDate(date);
+    }, [date]);
+    return {
+        baseDate,
+        handlePrevClick,
+        handleNextClick,
+    };
+};

package/esm/DatePicker/hooks/useLocaleDateTimeFormat/index.d.ts

@@ -0,0 +1 @@
+export * from './useLocaleDateTimeFormat';

package/esm/DatePicker/hooks/useLocaleDateTimeFormat/index.js

@@ -0,0 +1 @@
+export * from './useLocaleDateTimeFormat';

package/esm/DatePicker/hooks/useLocaleDateTimeFormat/useLocaleDateTimeFormat.d.ts

@@ -0,0 +1,3 @@
+type UseLocaleDateTimeFormatOptions = Intl.DateTimeFormatOptions;
+export declare const useLocaleDateTimeFormat: (options: UseLocaleDateTimeFormatOptions) => (date?: number | Date | undefined) => string;
+export {};

package/esm/DatePicker/hooks/useLocaleDateTimeFormat/useLocaleDateTimeFormat.js

@@ -0,0 +1,7 @@
+import { useContext, useRef } from 'react';
+import { ConfigContext } from '../../../ConfigProvider';
+export const useLocaleDateTimeFormat = (options) => {
+    const { language } = useContext(ConfigContext);
+    const { current } = useRef(Intl.DateTimeFormat(language, options).format);
+    return current;
+};

package/esm/DatePicker/hooks/useMaskedValue/index.d.ts

@@ -0,0 +1 @@
+export * from './useMaskedValue';

package/esm/DatePicker/hooks/useMaskedValue/index.js

@@ -0,0 +1 @@
+export * from './useMaskedValue';

package/esm/DatePicker/hooks/useMaskedValue/useMaskedValue.d.ts

@@ -0,0 +1,27 @@
+type Params = {
+    currentValue?: Date;
+    mask: string;
+    /**
+     * @description Изменение value для DatePicker
+     * */
+    onChangeValue?: (date?: Date) => void;
+};
+type Returned = {
+    /**
+     * @description Value для MaskField
+     * */
+    maskedValue: string;
+    /**
+     * @description Изменение maskedValue по Date
+     * */
+    onChangeMaskedDate: (date: Date) => void;
+    /**
+     * @description Изменение maskedValue
+     * */
+    onChangeMaskedValue: (value: string) => void;
+};
+/**
+ * @description Хук для управления значением для MaskField
+ */
+export declare const useMaskedValue: ({ currentValue, mask, onChangeValue, }: Params) => Returned;
+export {};

package/esm/DatePicker/hooks/useMaskedValue/useMaskedValue.js

@@ -0,0 +1,46 @@
+import { useEffect, useState } from 'react';
+import { formatDate, isDate, parseDate } from '../../../utils/date';
+/**
+ * @description Хук для управления значением для MaskField
+ */
+export const useMaskedValue = ({ currentValue, mask, onChangeValue, }) => {
+    const [maskedValue, setMaskedValue] = useState(() => currentValue ? formatDate(currentValue, mask) : '');
+    const handleChangeMaskedValue = (value) => {
+        setMaskedValue(value);
+        // parseDate вернет Invalid Date при undefined. А нам надо undefined
+        if (!value) {
+            onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(undefined);
+        }
+        else {
+            onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(parseDate(value, mask));
+        }
+    };
+    const handleChangeMaskedDate = (date) => {
+        setMaskedValue(formatDate(date, mask));
+        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(date);
+    };
+    // здесь происходит реакция на изменение value из вне (управляемый компонент)
+    useEffect(() => {
+        // если новое значение пустое, то сбрасываем значение MaskField
+        if (!currentValue) {
+            setMaskedValue('');
+            return;
+        }
+        // здесь обрабатывается сценарий, когда в инпут вводится невалидная дата и при этом currentValue становится Invalid Date
+        // в таком случае сравнить даты напрямую не получится
+        if (!isDate(currentValue) && maskedValue) {
+            return;
+        }
+        // проверяем равны ли даты
+        const isEqualValueAndMaskedDate = currentValue.getTime() === parseDate(maskedValue, mask).getTime();
+        // если даты не равны, то значит изменился currentValue из вне и надо синхронизировать maskedValue
+        if (!isEqualValueAndMaskedDate) {
+            setMaskedValue(formatDate(currentValue, mask));
+        }
+    }, [currentValue]);
+    return {
+        maskedValue,
+        onChangeMaskedValue: handleChangeMaskedValue,
+        onChangeMaskedDate: handleChangeMaskedDate,
+    };
+};

package/esm/DatePicker/hooks/useSelectedBaseDate/index.d.ts

@@ -0,0 +1 @@
+export * from './useSelectedBaseDate';

package/esm/DatePicker/hooks/useSelectedBaseDate/index.js

@@ -0,0 +1 @@
+export * from './useSelectedBaseDate';

package/esm/DatePicker/hooks/useSelectedBaseDate/useSelectedBaseDate.d.ts

@@ -0,0 +1 @@
+export declare const useSelectedBaseDate: (selectedDate?: Date) => Date | undefined;

package/esm/DatePicker/hooks/useSelectedBaseDate/useSelectedBaseDate.js

@@ -0,0 +1,29 @@
+import { useContext, useEffect, useState } from 'react';
+import { MinMaxDateContext } from '../../MinMaxDateContext';
+import { DateCompareDeep, areDatesSame, isDate, isDateOutOfRange, } from '../../../utils/date';
+export const useSelectedBaseDate = (selectedDate) => {
+    const { minDate, maxDate } = useContext(MinMaxDateContext);
+    const [baseDate, setBaseDate] = useState(selectedDate);
+    useEffect(() => {
+        if (!isDate(selectedDate)) {
+            setBaseDate(undefined);
+            return;
+        }
+        if (areDatesSame(baseDate, selectedDate)) {
+            return;
+        }
+        if (!selectedDate ||
+            isDateOutOfRange({
+                date: selectedDate,
+                minDate,
+                maxDate,
+                deep: DateCompareDeep.day,
+            })) {
+            setBaseDate(undefined);
+        }
+        else {
+            setBaseDate(selectedDate);
+        }
+    }, [selectedDate]);
+    return baseDate;
+};

package/esm/DatePicker/index.d.ts

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

package/esm/DatePicker/index.js

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

package/esm/DatePicker/types/configTypes.d.ts

@@ -0,0 +1,14 @@
+export type LangItemValues = {
+    /**
+     * @description перевод в единственном числе, обязательный
+     * @example 'день'
+     */
+    single: string;
+    /**
+     * @description перевод в множественном числе, опциональный
+     * @example 'дни'
+     */
+    plural?: string;
+};
+export type LangItemNames = 'toYearPick' | 'toMonthPick' | 'toDayPick' | 'previous' | 'next' | 'year' | 'month' | 'day';
+export type LanguageMap = Record<LangItemNames, LangItemValues>;

package/esm/DatePicker/types/configTypes.js

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

package/esm/DatePicker/types/gridBuilder.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @description элемент для рендера в календаре
+ */
+export type GridItem<T> = {
+    /**
+     * @description дата календаря, будет использована в качестве опорной при выборе в календаре
+     */
+    date: Date;
+    /**
+     * @description флаг, обозначающий, что дата совпадает с выбранным
+     */
+    selected: boolean;
+    /**
+     * @description флаг, обозначающий, что дата совпадает с текущей датой пользователя
+     */
+    isCurrent: boolean;
+    disabled: boolean;
+} & T;
+export type GridBuilderResult<T> = {
+    /**
+     * @description флаг обозначающий, что дата идущая ДО календаря задизейблена, и можно выключить стрелку "назад"
+     */
+    isPrevDisabled: boolean;
+    /**
+     * @description флаг обозначающий, что дата идущая ПОСЛЕ календаря задизейблена, и можно выключить стрелку "вперед"
+     */
+    isNextDisabled: boolean;
+    /**
+     * @description массив элементов для рендера в календаре
+     */
+    grid: GridItem<T>[];
+};
+type GridBuilderOptions<T = {}> = {
+    /**
+     * @description опорная дата, для построения массива календаря
+     */
+    baseDate: Date;
+    /**
+     * @description выбранная дата, будет использоваться для сверки элемента массива с этой датой на предмет совпадения
+     */
+    selectedDate?: Date | null;
+} & T;
+export type GridBuilder<Item = {}, Options = {}> = (options: GridBuilderOptions<Options>) => GridBuilderResult<Item>;
+export {};

package/esm/DatePicker/types/gridBuilder.js

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

package/esm/DatePicker/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './configTypes';
+export * from './gridBuilder';
+export * from './minMaxDate';
+export * from './pickerProps';

package/esm/DatePicker/types/index.js

@@ -0,0 +1,4 @@
+export * from './configTypes';
+export * from './gridBuilder';
+export * from './minMaxDate';
+export * from './pickerProps';

package/esm/DatePicker/types/minMaxDate.d.ts

@@ -0,0 +1,4 @@
+export type MinMaxDate = {
+    minDate: Date;
+    maxDate: Date;
+};

package/esm/DatePicker/types/minMaxDate.js

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

package/esm/DatePicker/types/pickerProps.d.ts

@@ -0,0 +1,11 @@
+export type PickerProps = {
+    /**
+     * @description опорная дата, относительно которой потребуется построить календарь
+     */
+    date: Date;
+    /**
+     * @description выбранная дата, будет подсвечена в календаре
+     */
+    selectedDate?: Date | null;
+    onChange?: (date: Date) => void;
+};

package/esm/DatePicker/types/pickerProps.js

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

package/esm/DatePicker/utils/buildGridItem/buildGridResult.d.ts

@@ -0,0 +1,22 @@
+import { GridBuilderResult, GridItem } from '../../types';
+import { IsDateOutOfRangeOptions } from '../../../utils/date';
+type BuildGridResultOptions<T> = {
+    /**
+     * @description массив элементов для рендера в календаре
+     */
+    grid: GridItem<T>[];
+    /**
+     * @description утилита, которая будет вызываться для добавления к минимальной и максимальной дате из грида, и сравнения с minDate и maxDate, в следствии мы выясним, являются ли сосдние элементы задизейбленными
+     */
+    addCb: (date: Date, count: number) => Date;
+    /**
+     * @description индекс элемента от которого надо чекнуть предыдущий на disabled
+     */
+    indexPrevDisabledCheck?: number;
+    /**
+     * @description индекс элемента от которого надо чекнуть следующий на disabled
+     */
+    indexNextDisabledCheck?: number;
+} & Omit<IsDateOutOfRangeOptions, 'date'>;
+export declare const buildGridResult: <T>({ grid, addCb, maxDate, minDate, indexPrevDisabledCheck, indexNextDisabledCheck, deep, }: BuildGridResultOptions<T>) => GridBuilderResult<T>;
+export {};

package/esm/DatePicker/utils/buildGridItem/buildGridResult.js

@@ -0,0 +1,16 @@
+import { isDateOutOfRange } from '../../../utils/date';
+export const buildGridResult = ({ grid, addCb, maxDate, minDate, indexPrevDisabledCheck = 0, indexNextDisabledCheck = grid.length - 1, deep, }) => ({
+    grid,
+    isPrevDisabled: isDateOutOfRange({
+        date: addCb(grid[indexPrevDisabledCheck].date, -1),
+        maxDate,
+        minDate,
+        deep,
+    }),
+    isNextDisabled: isDateOutOfRange({
+        date: addCb(grid[indexNextDisabledCheck].date, 1),
+        minDate,
+        maxDate,
+        deep,
+    }),
+});

package/esm/DatePicker/utils/buildGridItem/index.d.ts

@@ -0,0 +1 @@
+export * from './buildGridResult';

package/esm/DatePicker/utils/buildGridItem/index.js

@@ -0,0 +1 @@
+export * from './buildGridResult';

package/esm/DatePickerProvider/DatePickerProvider.d.ts

@@ -1,13 +1,9 @@
-import { ReactNode } from 'react';
-export declare const DatePickerContext: import("react").Context<{
-    locale: Locale;
-}>;
-declare type Props = {
-    children: ReactNode;
-    /**
-     * Локализация
-     */
-    locale?: Locale;
+import { PropsWithChildren } from 'react';
+type DatePickerProviderProps = {
+    locale?: any;
 };
-export declare const DatePickerProvider: (props: Props) => JSX.Element;
+/**
+ * @deprecated отказываемся от использования в пользу ConfigProvider
+ */
+export declare const DatePickerProvider: ({ children, }: PropsWithChildren<DatePickerProviderProps>) => JSX.Element;
 export {};

package/esm/DatePickerProvider/DatePickerProvider.js

@@ -1,19 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext } from 'react';
-import ru from 'date-fns/locale/ru';
-export var DatePickerContext = createContext({ locale: ru });
-export var DatePickerProvider = function (props) {
-    var children = props.children, _a = props.locale, locale = _a === void 0 ? ru : _a;
-    return (_jsx(DatePickerContext.Provider, __assign({ value: { locale: locale } }, { children: children })));
-};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated отказываемся от использования в пользу ConfigProvider
+ */
+export const DatePickerProvider = ({ children, }) => _jsx(_Fragment, { children: children });

package/esm/Description/Description.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type DescriptionProps = {
+    /**
+     * Элементы Description.Name и Description.Value
+     */
+    children: ReactNode;
+};
+export declare const Description: {
+    ({ children }: DescriptionProps): JSX.Element;
+    Name: ({ children, color, ...props }: import("./Name").NameProps) => JSX.Element;
+    Value: ({ children, stub, ...props }: import("./Value").ValueProps) => JSX.Element;
+};

package/esm/Description/Description.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Name } from './Name';
+import { Value } from './Value';
+import { DescriptionWrapper } from './styles';
+export const Description = ({ children }) => {
+    return _jsx(DescriptionWrapper, { children: children });
+};
+Description.Name = Name;
+Description.Value = Value;

package/esm/Description/Name/Name.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TypographyProps } from '../../Typography';
+export type NameProps = Pick<TypographyProps, 'color' | 'variant' | 'children'>;
+export declare const Name: ({ children, color, ...props }: NameProps) => JSX.Element;

package/esm/Description/Name/Name.js

@@ -0,0 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '../../Typography';
+export const Name = (_a) => {
+    var { children, color = 'textSecondary' } = _a, props = __rest(_a, ["children", "color"]);
+    return (_jsxs(Typography, Object.assign({}, props, { color: color }, { children: [children, ":\u00A0"] })));
+};

package/esm/Description/Name/index.d.ts

@@ -0,0 +1 @@
+export * from './Name';

package/esm/Description/Name/index.js

@@ -0,0 +1 @@
+export * from './Name';

package/esm/Description/Value/Value.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TypographyProps } from '../../Typography';
+export type ValueProps = Pick<TypographyProps, 'color' | 'variant' | 'children'> & {
+    /**
+     * @example <Description.Item stub="нет значения">value</Description.Item>
+     * Заглушка, отображающаяся, если нет значения
+     */
+    stub?: ReactNode;
+};
+export declare const Value: ({ children, stub, ...props }: ValueProps) => JSX.Element;

package/esm/Description/Value/Value.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from '../../Typography';
+const STUB = _jsx(_Fragment, { children: "\u2013" });
+export const Value = (_a) => {
+    var { children, stub = STUB } = _a, props = __rest(_a, ["children", "stub"]);
+    return (_jsx(Typography, Object.assign({}, props, { children: children || stub })));
+};

package/esm/Description/Value/index.d.ts

@@ -0,0 +1 @@
+export * from './Value';

package/esm/Description/Value/index.js

@@ -0,0 +1 @@
+export * from './Value';

package/esm/Description/index.d.ts

@@ -0,0 +1 @@
+export * from './Description';

package/esm/Description/index.js

@@ -0,0 +1 @@
+export * from './Description';

package/esm/Description/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const DescriptionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/esm/Description/styles.js

@@ -0,0 +1,14 @@
+import { styled } from '../styles';
+export const DescriptionWrapper = styled.div `
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    flex-direction: column;
+
+    .MuiTypography-root {
+      font-size: ${({ theme }) => theme.typography.fontSize};
+    }
+  }
+`;

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

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,16 +10,16 @@ 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';
-export var Dialog = function (_a) {
-    var children = _a.children, title = _a.title, disableBackdropClick = _a.disableBackdropClick, onClose = _a.onClose, props = __rest(_a, ["children", "title", "disableBackdropClick", "onClose"]);
-    var handleClose = onClose &&
-        (function (event, reason) {
+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 &&
+        ((event, reason) => {
             if (disableBackdropClick && reason == 'backdropClick') {
                 return;
             }
             onClose(event, reason);
         });
-    return (_jsxs(MuiDialog, __assign({ onClose: handleClose }, props, { children: [title && _jsx(DialogTitle, __assign({ onClose: onClose }, { children: title })), children] })));
+    return (_jsxs(MuiDialog, Object.assign({ onClose: handleClose }, props, { children: [title && _jsx(DialogTitle, Object.assign({ onClose: onClose }, { children: title })), children] })));
 };

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/esm/DialogActions/DialogActions.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-import { DialogActionsProps } from '@mui/material';
+import { DialogActionsProps as MuiDialogActionsProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type DialogActionsProps = WithoutEmotionSpecific<MuiDialogActionsProps>;
 export declare const DialogActions: ({ children, disableSpacing, ...props }: DialogActionsProps) => JSX.Element;