@astral/ui 4.21.1 → 4.21.3

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/PageContent/public.d.ts

@@ -1,4 +1,4 @@
 export { pageContentClassnames } from './constants';
 export { PageContent } from './PageContent';
-export type { PageContentHeader, PageContentHeaderActions, PageContentHeaderActionsProps, PageContentHeaderProps, } from './PageContentHeader';
+export { PageContentHeader, PageContentHeaderActions, type PageContentHeaderActionsProps, type PageContentHeaderProps, } from './PageContentHeader';
 export type { PageContentProps } from './types';

package/components/PageContent/public.js

@@ -1,2 +1,3 @@
 export { pageContentClassnames } from './constants';
 export { PageContent } from './PageContent';
+export { PageContentHeader, PageContentHeaderActions, } from './PageContentHeader';

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/PageContent/public.d.ts

@@ -1,4 +1,4 @@
 export { pageContentClassnames } from './constants';
 export { PageContent } from './PageContent';
-export type { PageContentHeader, PageContentHeaderActions, PageContentHeaderActionsProps, PageContentHeaderProps, } from './PageContentHeader';
+export { PageContentHeader, PageContentHeaderActions, type PageContentHeaderActionsProps, type PageContentHeaderProps, } from './PageContentHeader';
 export type { PageContentProps } from './types';

package/node/components/PageContent/public.js

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageContent = exports.pageContentClassnames = void 0;
+exports.PageContentHeaderActions = exports.PageContentHeader = exports.PageContent = exports.pageContentClassnames = void 0;
 var constants_1 = require("./constants");
 Object.defineProperty(exports, "pageContentClassnames", { enumerable: true, get: function () { return constants_1.pageContentClassnames; } });
 var PageContent_1 = require("./PageContent");
 Object.defineProperty(exports, "PageContent", { enumerable: true, get: function () { return PageContent_1.PageContent; } });
+var PageContentHeader_1 = require("./PageContentHeader");
+Object.defineProperty(exports, "PageContentHeader", { enumerable: true, get: function () { return PageContentHeader_1.PageContentHeader; } });
+Object.defineProperty(exports, "PageContentHeaderActions", { enumerable: true, get: function () { return PageContentHeader_1.PageContentHeaderActions; } });

package/package.json

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