@astral/ui 4.21.0 → 4.21.2

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.d.ts

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

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.js

@@ -1,4 +1,4 @@
-import styled from '@mui/material/styles/styled';
+import { styled } from '@mui/material/styles';
 export const SkeletonWrapper = styled('div') `
   display: flex;
   flex-direction: column;

package/components/Dialog/styles.js

@@ -1,5 +1,7 @@
 import { backdropClasses } from '@mui/material/Backdrop';
 import MuiDialog, { dialogClasses } from '@mui/material/Dialog';
+import { dialogActionsClassnames } from '../DialogActions';
+import { dialogContentClassnames } from '../DialogContent';
 import { styled } from '../styled';
 import { DIALOG_SIZES } from './constants';
 const getSize = (size) => {
@@ -18,4 +20,8 @@ export const StyledDialog = styled(MuiDialog, {
     border-radius: calc(${({ theme }) => theme.shape.medium} * 2);
     box-shadow: ${({ theme }) => theme.elevation[300]};
   }
+
+  &:not(:has(.${dialogActionsClassnames.root})) .${dialogContentClassnames.root} {
+    padding-bottom:  ${({ theme }) => theme.spacing(6)};
+  }
 `;

package/components/DialogActions/DialogActions.d.ts

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

package/components/DialogActions/DialogActions.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from '../utils/classNames';
+import { dialogActionsClassnames } from './constants';
 import { StyledDialogActions, StyledGrid } from './styles';
-export const DialogActions = ({ children, disableSpacing, ...props }) => {
-    return (_jsx(StyledDialogActions, { ...props, children: _jsx(StyledGrid, { spacing: disableSpacing ? 0 : 3, children: children }) }));
+export const DialogActions = ({ children, className, disableSpacing, ...props }) => {
+    return (_jsx(StyledDialogActions, { className: classNames(className, dialogActionsClassnames.root), ...props, children: _jsx(StyledGrid, { spacing: disableSpacing ? 0 : 3, children: children }) }));
 };

package/components/DialogActions/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const dialogActionsClassnames: {
+    root: string;
+};

package/components/DialogActions/constants.js

@@ -0,0 +1,4 @@
+import { createUIKitClassname } from '../utils/createUIKitClassname';
+export const dialogActionsClassnames = {
+    root: createUIKitClassname('dialog-actions'),
+};

package/components/DialogActions/index.d.ts

@@ -1 +1,2 @@
 export * from './DialogActions';
+export { dialogActionsClassnames } from './constants';

package/components/DialogActions/index.js

@@ -1 +1,2 @@
 export * from './DialogActions';
+export { dialogActionsClassnames } from './constants';

package/components/DialogActions/public.d.ts

@@ -1 +1,2 @@
+export { dialogActionsClassnames } from './constants';
 export * from './DialogActions';

package/components/DialogActions/public.js

@@ -1 +1,2 @@
+export { dialogActionsClassnames } from './constants';
 export * from './DialogActions';

package/components/DialogContent/DialogContent.d.ts

@@ -1,4 +1,4 @@
 import type { DialogContentProps as MuiDialogContentProps } from '@mui/material/DialogContent';
 import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type DialogContentProps = WithoutEmotionSpecific<MuiDialogContentProps>;
-export declare const DialogContent: (props: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogContent: ({ className, ...restProps }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;

package/components/DialogContent/DialogContent.js

@@ -1,3 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from '../utils/classNames';
+import { dialogContentClassnames } from './constants';
 import { StyledDialogContent } from './styles';
-export const DialogContent = (props) => (_jsx(StyledDialogContent, { ...props }));
+export const DialogContent = ({ className, ...restProps }) => (_jsx(StyledDialogContent, { className: classNames(className, dialogContentClassnames.root), ...restProps }));

package/components/DialogContent/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const dialogContentClassnames: {
+    root: string;
+};

package/components/DialogContent/constants.js

@@ -0,0 +1,4 @@
+import { createUIKitClassname } from '../utils/createUIKitClassname';
+export const dialogContentClassnames = {
+    root: createUIKitClassname('dialog-content'),
+};

package/components/DialogContent/index.d.ts

@@ -1 +1,2 @@
 export * from './DialogContent';
+export { dialogContentClassnames } from './constants';

package/components/DialogContent/index.js

@@ -1 +1,2 @@
 export * from './DialogContent';
+export { dialogContentClassnames } from './constants';

package/components/DialogContent/public.d.ts

@@ -1 +1,2 @@
+export { dialogContentClassnames } from './constants';
 export * from './DialogContent';

package/components/DialogContent/public.js

@@ -1 +1,2 @@
+export { dialogContentClassnames } from './constants';
 export * from './DialogContent';

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ThemeProvider as EmotionThemeProvider } from '@emotion/react';
-import MuiThemeProvider from '@mui/material/styles/ThemeProvider';
+import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
 import { GlobalStyles } from '../GlobalStyles';
 export const ThemeProvider = (props) => {
     const { children, theme, withScopedStyles = false } = props;

package/components/theme/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="src/components/declaration/emotion" />
-import type { Theme as MuiTheme } from '@mui/material/styles/createTheme';
+import type { Theme as MuiTheme } from '@mui/material/styles';
 import { type Typography } from '@mui/material/styles/createTypography';
 import { type CSSProperties } from 'react';
 import type { Elevation } from './elevation';

package/node/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.d.ts

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

package/node/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonWrapper = void 0;
-const styled_1 = __importDefault(require("@mui/material/styles/styled"));
-exports.SkeletonWrapper = (0, styled_1.default)('div') `
+const styles_1 = require("@mui/material/styles");
+exports.SkeletonWrapper = (0, styles_1.styled)('div') `
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.spacing(5)};

package/node/components/Dialog/styles.js

@@ -26,6 +26,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialog = void 0;
 const Backdrop_1 = require("@mui/material/Backdrop");
 const Dialog_1 = __importStar(require("@mui/material/Dialog"));
+const DialogActions_1 = require("../DialogActions");
+const DialogContent_1 = require("../DialogContent");
 const styled_1 = require("../styled");
 const constants_1 = require("./constants");
 const getSize = (size) => {
@@ -44,4 +46,8 @@ exports.StyledDialog = (0, styled_1.styled)(Dialog_1.default, {
     border-radius: calc(${({ theme }) => theme.shape.medium} * 2);
     box-shadow: ${({ theme }) => theme.elevation[300]};
   }
+
+  &:not(:has(.${DialogActions_1.dialogActionsClassnames.root})) .${DialogContent_1.dialogContentClassnames.root} {
+    padding-bottom:  ${({ theme }) => theme.spacing(6)};
+  }
 `;

package/node/components/DialogActions/DialogActions.d.ts

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

package/node/components/DialogActions/DialogActions.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const classNames_1 = require("../utils/classNames");
+const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-const DialogActions = ({ children, disableSpacing, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledDialogActions, { ...props, children: (0, jsx_runtime_1.jsx)(styles_1.StyledGrid, { spacing: disableSpacing ? 0 : 3, children: children }) }));
+const DialogActions = ({ children, className, disableSpacing, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledDialogActions, { className: (0, classNames_1.classNames)(className, constants_1.dialogActionsClassnames.root), ...props, children: (0, jsx_runtime_1.jsx)(styles_1.StyledGrid, { spacing: disableSpacing ? 0 : 3, children: children }) }));
 };
 exports.DialogActions = DialogActions;

package/node/components/DialogActions/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const dialogActionsClassnames: {
+    root: string;
+};

package/node/components/DialogActions/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogActionsClassnames = void 0;
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
+exports.dialogActionsClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('dialog-actions'),
+};

package/node/components/DialogActions/index.d.ts

@@ -1 +1,2 @@
 export * from './DialogActions';
+export { dialogActionsClassnames } from './constants';

package/node/components/DialogActions/index.js

@@ -14,4 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogActionsClassnames = void 0;
 __exportStar(require("./DialogActions"), exports);
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "dialogActionsClassnames", { enumerable: true, get: function () { return constants_1.dialogActionsClassnames; } });

package/node/components/DialogActions/public.d.ts

@@ -1 +1,2 @@
+export { dialogActionsClassnames } from './constants';
 export * from './DialogActions';

package/node/components/DialogActions/public.js

@@ -14,4 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogActionsClassnames = void 0;
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "dialogActionsClassnames", { enumerable: true, get: function () { return constants_1.dialogActionsClassnames; } });
 __exportStar(require("./DialogActions"), exports);

package/node/components/DialogContent/DialogContent.d.ts

@@ -1,4 +1,4 @@
 import type { DialogContentProps as MuiDialogContentProps } from '@mui/material/DialogContent';
 import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type DialogContentProps = WithoutEmotionSpecific<MuiDialogContentProps>;
-export declare const DialogContent: (props: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogContent: ({ className, ...restProps }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/DialogContent/DialogContent.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const classNames_1 = require("../utils/classNames");
+const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-const DialogContent = (props) => ((0, jsx_runtime_1.jsx)(styles_1.StyledDialogContent, { ...props }));
+const DialogContent = ({ className, ...restProps }) => ((0, jsx_runtime_1.jsx)(styles_1.StyledDialogContent, { className: (0, classNames_1.classNames)(className, constants_1.dialogContentClassnames.root), ...restProps }));
 exports.DialogContent = DialogContent;

package/node/components/DialogContent/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const dialogContentClassnames: {
+    root: string;
+};

package/node/components/DialogContent/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogContentClassnames = void 0;
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
+exports.dialogContentClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('dialog-content'),
+};

package/node/components/DialogContent/index.d.ts

@@ -1 +1,2 @@
 export * from './DialogContent';
+export { dialogContentClassnames } from './constants';

package/node/components/DialogContent/index.js

@@ -14,4 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogContentClassnames = void 0;
 __exportStar(require("./DialogContent"), exports);
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "dialogContentClassnames", { enumerable: true, get: function () { return constants_1.dialogContentClassnames; } });

package/node/components/DialogContent/public.d.ts

@@ -1 +1,2 @@
+export { dialogContentClassnames } from './constants';
 export * from './DialogContent';

package/node/components/DialogContent/public.js

@@ -14,4 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogContentClassnames = void 0;
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "dialogContentClassnames", { enumerable: true, get: function () { return constants_1.dialogContentClassnames; } });
 __exportStar(require("./DialogContent"), exports);

package/node/components/ThemeProvider/ThemeProvider.js

@@ -1,15 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@emotion/react");
-const ThemeProvider_1 = __importDefault(require("@mui/material/styles/ThemeProvider"));
+const styles_1 = require("@mui/material/styles");
 const GlobalStyles_1 = require("../GlobalStyles");
 const ThemeProvider = (props) => {
     const { children, theme, withScopedStyles = false } = props;
-    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { theme: theme, children: (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { withScopedStyles: withScopedStyles, children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { withScopedStyles: withScopedStyles, children: children }) }) }));
 };
 exports.ThemeProvider = ThemeProvider;

package/node/components/theme/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="src/components/declaration/emotion" />
-import type { Theme as MuiTheme } from '@mui/material/styles/createTheme';
+import type { Theme as MuiTheme } from '@mui/material/styles';
 import { type Typography } from '@mui/material/styles/createTypography';
 import { type CSSProperties } from 'react';
 import type { Elevation } from './elevation';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.21.0",
+  "version": "4.21.2",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {