@astral/ui 4.0.0-alpha.30 → 4.0.0-alpha.32

package/components/Banner/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Banner';
-export * from './BannerContainer';
-export * from './BannerActionButton';
+export { banner } from './Banner';
+export { BannerContainer } from './BannerContainer';
+export { BannerActionButton, type BannerActionButtonProps, } from './BannerActionButton';

package/components/Banner/index.js

@@ -1,3 +1,3 @@
-export * from './Banner';
-export * from './BannerContainer';
-export * from './BannerActionButton';
+export { banner } from './Banner';
+export { BannerContainer } from './BannerContainer';
+export { BannerActionButton, } from './BannerActionButton';

package/components/ComplianceStatus/styles.js

@@ -1,7 +1,17 @@
 import { CircleErrorFillSm, DotOutlineSm, SuccessFillSm } from '../../icons';
 import { Loader } from '../Loader';
-import { styled } from '../styles';
+import { keyframes, styled } from '../styles';
 import { listContainer } from '../styles/mixins';
+const iconAppearAnimation = keyframes `
+  from {
+    transform: scale(0);
+    opacity: 0;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
 export const Wrapper = styled('article') `
   display: grid;
   grid-gap: ${({ theme }) => theme.spacing(2)};
@@ -9,11 +19,11 @@ export const Wrapper = styled('article') `
   padding: ${({ theme, $variant }) => $variant === 'contained' ? theme.spacing(3) : 0};
 
   background-color: ${({ theme, $background, $variant }) => $variant === 'contained' ? theme.palette[$background][100] : 'inherit'};
-  border-radius: ${({ theme }) => theme.shape.small};
+  border-radius: ${({ theme }) => theme.shape.medium};
 `;
 export const Inner = styled('ul') `
   display: grid;
-  grid-gap: ${({ theme }) => theme.spacing(3)};
+  grid-gap: ${({ theme }) => theme.spacing(2)};
 
   ${listContainer};
 `;
@@ -33,14 +43,20 @@ export const EmptyIcon = styled(DefaultIcon) `
   color: ${({ theme }) => theme.palette.grey[800]};
 `.withComponent(DotOutlineSm);
 export const RejectIcon = styled(DefaultIcon) `
-  color: ${({ theme }) => theme.palette.error[900]};
+  color: ${({ theme }) => theme.palette.error[800]};
+
+  animation: ${iconAppearAnimation} ${({ theme }) => theme.transitions.duration.short}ms ease-out;
 `.withComponent(CircleErrorFillSm);
 export const SuccessIcon = styled(DefaultIcon) `
-  color: ${({ theme }) => theme.palette.success[900]};
+  color: ${({ theme }) => theme.palette.success[800]};
+
+  animation: ${iconAppearAnimation} ${({ theme }) => theme.transitions.duration.short}ms ease-out;
 `.withComponent(SuccessFillSm);
 export const StyledLoader = styled(Loader) `
   align-self: center;
 
-  width: 14px;
-  height: 14px;
+  width: 12px;
+  height: 12px;
+  margin-right: ${({ theme }) => theme.microSpacing(1)};
+  margin-left: ${({ theme }) => theme.microSpacing(1)};
 `;

package/components/DataGrid/Loader/styles.js

@@ -1,4 +1,4 @@
-import { LinearProgress } from '@mui/material';
+import { LinearProgress, linearProgressClasses } from '@mui/material';
 import { Divider } from '../../Divider';
 import { styled } from '../../styles';
 export const Backdrop = styled.div `
@@ -19,4 +19,8 @@ export const LoaderWrapper = styled.div `
 `;
 export const StyledLinearProgress = styled(LinearProgress) `
   height: 2px;
+  
+  .${linearProgressClasses.barColorPrimary} {
+    background-color: ${({ theme }) => theme.palette.primary[800]};
+  }
 `;

package/components/Fieldset/styles.js

@@ -6,7 +6,7 @@ const calcMarginStyles = (theme, gutterBottom) => {
         // для этого повышаем приоритет свойства
         if (gutterBottom) {
             return css `
-        margin-bottom: ${theme.spacing(6)} !important;
+        margin-bottom: ${theme.spacing(8)} !important;
 
         ${theme.breakpoints.down('sm')} {
           margin-bottom: ${theme.spacing(4)} !important;
@@ -18,7 +18,7 @@ const calcMarginStyles = (theme, gutterBottom) => {
     `;
     }
     return css `
-    margin-bottom: ${theme.spacing(6)};
+    margin-bottom: ${theme.spacing(8)};
 
     ${theme.breakpoints.down('sm')} {
       margin-bottom: ${theme.spacing(4)};

package/components/FlowButton/styles.js

@@ -1,5 +1,6 @@
 import { Button } from '../Button';
 import { Grid } from '../Grid';
+import { loaderClassnames } from '../Loader';
 import { styled } from '../styles';
 import { Typography } from '../Typography';
 export const StyledButton = styled(Button) `
@@ -16,6 +17,10 @@ export const StyledButton = styled(Button) `
   ${({ theme: { breakpoints } }) => breakpoints.down('sm')} {
     padding: ${({ theme: { spacing } }) => spacing(4, 5)};
   }
+
+  &:has(.${loaderClassnames.root}) {
+    justify-content: center;
+  }
 `;
 export const TargetTextWrapper = styled(Typography) `
   margin-bottom: ${({ theme: { spacing } }) => spacing(1)};

package/components/InfiniteTreeList/InfiniteTreeListItem/useLogic/useLogic.d.ts

@@ -2,7 +2,7 @@ import { type MouseEvent } from 'react';
 import { type TooltipProps } from '../../../Tooltip';
 import { type InfiniteTreeListItemProps } from '../types';
 export declare const useLogic: ({ isDisabled, disabledReason, }: InfiniteTreeListItemProps) => {
-    item: import("../..").FlattenTree<import("../..").InfiniteTreeListData>;
+    item: import("../../types").FlattenTree<import("../../types").InfiniteTreeListData>;
     handleClick: (event: MouseEvent) => void;
     itemSkeleton: import("react").ReactNode;
     isDisabled: boolean | undefined;

package/components/InfiniteTreeList/index.d.ts

@@ -1,4 +1,4 @@
-export * from './InfiniteTreeList';
-export * from './types';
-export * from './InfiniteTreeListItem';
-export * from './InfiniteTreeListActions';
+export { InfiniteTreeList } from './InfiniteTreeList';
+export type { InfiniteTreeListProps } from './types';
+export { InfiniteTreeListItem, type InfiniteTreeListItemProps, } from './InfiniteTreeListItem';
+export { type InfiniteTreeListActionProps, InfiniteTreeListActions, } from './InfiniteTreeListActions';

package/components/InfiniteTreeList/index.js

@@ -1,4 +1,3 @@
-export * from './InfiniteTreeList';
-export * from './types';
-export * from './InfiniteTreeListItem';
-export * from './InfiniteTreeListActions';
+export { InfiniteTreeList } from './InfiniteTreeList';
+export { InfiniteTreeListItem, } from './InfiniteTreeListItem';
+export { InfiniteTreeListActions, } from './InfiniteTreeListActions';

package/components/JsonViewer/index.d.ts

@@ -1,2 +1,2 @@
-export * from './JsonViewer';
+export { JsonViewer } from './JsonViewer';
 export type { JsonViewerProps } from './types';

package/components/JsonViewer/index.js

@@ -1 +1 @@
-export * from './JsonViewer';
+export { JsonViewer } from './JsonViewer';

package/components/NotFoundPage/styles.js

@@ -19,6 +19,7 @@ export const Header = styled(Typography) `
   }
 `;
 export const Subheader = styled(Typography) `
+  margin-top: ${({ theme }) => theme.spacing(-2)};
   margin-bottom: ${({ theme }) => theme.spacing(2)};
   ${({ theme }) => theme.breakpoints.down('sm')} {
     font-size: ${({ theme }) => theme.typography.subtitle1.fontSize};

package/components/Notification/index.d.ts

@@ -1,6 +1,5 @@
-export * from './constants';
-export * from './NotificationContainer';
-export * from './Notification';
-export * from './NotificationStackContainer';
-export * from './NotificationTemplate';
-export * from './types';
+export { NOTIFY_POSITIONS, notifyClassnames, BANNER_CONTAINER_ID, } from './constants';
+export { NotificationContainer } from './NotificationContainer';
+export { notify } from './Notification';
+export { NotificationStackContainer } from './NotificationStackContainer';
+export type { Notify } from './types';

package/components/Notification/index.js

@@ -1,6 +1,4 @@
-export * from './constants';
-export * from './NotificationContainer';
-export * from './Notification';
-export * from './NotificationStackContainer';
-export * from './NotificationTemplate';
-export * from './types';
+export { NOTIFY_POSITIONS, notifyClassnames, BANNER_CONTAINER_ID, } from './constants';
+export { NotificationContainer } from './NotificationContainer';
+export { notify } from './Notification';
+export { NotificationStackContainer } from './NotificationStackContainer';

package/components/PdfViewer/index.d.ts

@@ -1,6 +1,6 @@
 import { PdfViewer } from './PdfViewer';
 export default PdfViewer;
 export { PdfViewer };
-export * from './constants';
-export * from './PdfViewerPagination';
-export * from './types';
+export { pdfViewerClassnames } from './constants';
+export { type PdfViewerPaginationProps, PdfViewerPagination, } from './PdfViewerPagination';
+export type { PdfViewerOnLoadSuccessProps, PdfViewerProps } from './types';

package/components/PdfViewer/index.js

@@ -1,6 +1,5 @@
 import { PdfViewer } from './PdfViewer';
 export default PdfViewer;
 export { PdfViewer };
-export * from './constants';
-export * from './PdfViewerPagination';
-export * from './types';
+export { pdfViewerClassnames } from './constants';
+export { PdfViewerPagination, } from './PdfViewerPagination';

package/components/ResizingDataGrid/index.d.ts

@@ -1,4 +1,4 @@
-export * from './ResizingDataGrid';
-export * from './hooks/useComputedColumns';
-export * from './Sliders';
+export { ResizingDataGrid } from './ResizingDataGrid';
+export { useComputedColumns } from './hooks/useComputedColumns';
+export { Sliders } from './Sliders';
 export type { ResizingColumns, ResizingDataGridProps } from './types';

package/components/ResizingDataGrid/index.js

@@ -1,3 +1,3 @@
-export * from './ResizingDataGrid';
-export * from './hooks/useComputedColumns';
-export * from './Sliders';
+export { ResizingDataGrid } from './ResizingDataGrid';
+export { useComputedColumns } from './hooks/useComputedColumns';
+export { Sliders } from './Sliders';

package/components/ResizingDataGridInfinite/index.d.ts

@@ -1,2 +1,2 @@
-export * from './ResizingDataGridInfinite';
+export { ResizingDataGridInfinite } from './ResizingDataGridInfinite';
 export type { ResizingDataGridInfiniteProps, ResizingColumnsInfinite, } from './types';

package/components/ResizingDataGridInfinite/index.js

@@ -1 +1 @@
-export * from './ResizingDataGridInfinite';
+export { ResizingDataGridInfinite } from './ResizingDataGridInfinite';

package/components/theme/components/MuiLinearProgress.js

@@ -9,7 +9,7 @@ export const MuiLinearProgress = {
         },
         barColorPrimary({ theme }) {
             return {
-                backgroundColor: theme.palette.primary['800'],
+                backgroundColor: theme.palette.success['600'],
             };
         },
     },

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

@@ -1,3 +1,3 @@
-export * from './Banner';
-export * from './BannerContainer';
-export * from './BannerActionButton';
+export { banner } from './Banner';
+export { BannerContainer } from './BannerContainer';
+export { BannerActionButton, type BannerActionButtonProps, } from './BannerActionButton';

package/node/components/Banner/index.js

@@ -1,19 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 });
-__exportStar(require("./Banner"), exports);
-__exportStar(require("./BannerContainer"), exports);
-__exportStar(require("./BannerActionButton"), exports);
+exports.BannerActionButton = exports.BannerContainer = exports.banner = void 0;
+var Banner_1 = require("./Banner");
+Object.defineProperty(exports, "banner", { enumerable: true, get: function () { return Banner_1.banner; } });
+var BannerContainer_1 = require("./BannerContainer");
+Object.defineProperty(exports, "BannerContainer", { enumerable: true, get: function () { return BannerContainer_1.BannerContainer; } });
+var BannerActionButton_1 = require("./BannerActionButton");
+Object.defineProperty(exports, "BannerActionButton", { enumerable: true, get: function () { return BannerActionButton_1.BannerActionButton; } });

package/node/components/ComplianceStatus/styles.js

@@ -5,6 +5,16 @@ const icons_1 = require("../../icons");
 const Loader_1 = require("../Loader");
 const styles_1 = require("../styles");
 const mixins_1 = require("../styles/mixins");
+const iconAppearAnimation = (0, styles_1.keyframes) `
+  from {
+    transform: scale(0);
+    opacity: 0;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
 exports.Wrapper = (0, styles_1.styled)('article') `
   display: grid;
   grid-gap: ${({ theme }) => theme.spacing(2)};
@@ -12,11 +22,11 @@ exports.Wrapper = (0, styles_1.styled)('article') `
   padding: ${({ theme, $variant }) => $variant === 'contained' ? theme.spacing(3) : 0};
 
   background-color: ${({ theme, $background, $variant }) => $variant === 'contained' ? theme.palette[$background][100] : 'inherit'};
-  border-radius: ${({ theme }) => theme.shape.small};
+  border-radius: ${({ theme }) => theme.shape.medium};
 `;
 exports.Inner = (0, styles_1.styled)('ul') `
   display: grid;
-  grid-gap: ${({ theme }) => theme.spacing(3)};
+  grid-gap: ${({ theme }) => theme.spacing(2)};
 
   ${mixins_1.listContainer};
 `;
@@ -36,14 +46,20 @@ exports.EmptyIcon = (0, styles_1.styled)(DefaultIcon) `
   color: ${({ theme }) => theme.palette.grey[800]};
 `.withComponent(icons_1.DotOutlineSm);
 exports.RejectIcon = (0, styles_1.styled)(DefaultIcon) `
-  color: ${({ theme }) => theme.palette.error[900]};
+  color: ${({ theme }) => theme.palette.error[800]};
+
+  animation: ${iconAppearAnimation} ${({ theme }) => theme.transitions.duration.short}ms ease-out;
 `.withComponent(icons_1.CircleErrorFillSm);
 exports.SuccessIcon = (0, styles_1.styled)(DefaultIcon) `
-  color: ${({ theme }) => theme.palette.success[900]};
+  color: ${({ theme }) => theme.palette.success[800]};
+
+  animation: ${iconAppearAnimation} ${({ theme }) => theme.transitions.duration.short}ms ease-out;
 `.withComponent(icons_1.SuccessFillSm);
 exports.StyledLoader = (0, styles_1.styled)(Loader_1.Loader) `
   align-self: center;
 
-  width: 14px;
-  height: 14px;
+  width: 12px;
+  height: 12px;
+  margin-right: ${({ theme }) => theme.microSpacing(1)};
+  margin-left: ${({ theme }) => theme.microSpacing(1)};
 `;

package/node/components/DataGrid/Loader/styles.js

@@ -22,4 +22,8 @@ exports.LoaderWrapper = styles_1.styled.div `
 `;
 exports.StyledLinearProgress = (0, styles_1.styled)(material_1.LinearProgress) `
   height: 2px;
+  
+  .${material_1.linearProgressClasses.barColorPrimary} {
+    background-color: ${({ theme }) => theme.palette.primary[800]};
+  }
 `;

package/node/components/Fieldset/styles.js

@@ -9,7 +9,7 @@ const calcMarginStyles = (theme, gutterBottom) => {
         // для этого повышаем приоритет свойства
         if (gutterBottom) {
             return (0, styles_1.css) `
-        margin-bottom: ${theme.spacing(6)} !important;
+        margin-bottom: ${theme.spacing(8)} !important;
 
         ${theme.breakpoints.down('sm')} {
           margin-bottom: ${theme.spacing(4)} !important;
@@ -21,7 +21,7 @@ const calcMarginStyles = (theme, gutterBottom) => {
     `;
     }
     return (0, styles_1.css) `
-    margin-bottom: ${theme.spacing(6)};
+    margin-bottom: ${theme.spacing(8)};
 
     ${theme.breakpoints.down('sm')} {
       margin-bottom: ${theme.spacing(4)};

package/node/components/FlowButton/styles.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledGrid = exports.TargetTextWrapper = exports.StyledButton = void 0;
 const Button_1 = require("../Button");
 const Grid_1 = require("../Grid");
+const Loader_1 = require("../Loader");
 const styles_1 = require("../styles");
 const Typography_1 = require("../Typography");
 exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
@@ -19,6 +20,10 @@ exports.StyledButton = (0, styles_1.styled)(Button_1.Button) `
   ${({ theme: { breakpoints } }) => breakpoints.down('sm')} {
     padding: ${({ theme: { spacing } }) => spacing(4, 5)};
   }
+
+  &:has(.${Loader_1.loaderClassnames.root}) {
+    justify-content: center;
+  }
 `;
 exports.TargetTextWrapper = (0, styles_1.styled)(Typography_1.Typography) `
   margin-bottom: ${({ theme: { spacing } }) => spacing(1)};

package/node/components/InfiniteTreeList/InfiniteTreeListItem/useLogic/useLogic.d.ts

@@ -2,7 +2,7 @@ import { type MouseEvent } from 'react';
 import { type TooltipProps } from '../../../Tooltip';
 import { type InfiniteTreeListItemProps } from '../types';
 export declare const useLogic: ({ isDisabled, disabledReason, }: InfiniteTreeListItemProps) => {
-    item: import("../..").FlattenTree<import("../..").InfiniteTreeListData>;
+    item: import("../../types").FlattenTree<import("../../types").InfiniteTreeListData>;
     handleClick: (event: MouseEvent) => void;
     itemSkeleton: import("react").ReactNode;
     isDisabled: boolean | undefined;

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

@@ -1,4 +1,4 @@
-export * from './InfiniteTreeList';
-export * from './types';
-export * from './InfiniteTreeListItem';
-export * from './InfiniteTreeListActions';
+export { InfiniteTreeList } from './InfiniteTreeList';
+export type { InfiniteTreeListProps } from './types';
+export { InfiniteTreeListItem, type InfiniteTreeListItemProps, } from './InfiniteTreeListItem';
+export { type InfiniteTreeListActionProps, InfiniteTreeListActions, } from './InfiniteTreeListActions';

package/node/components/InfiniteTreeList/index.js

@@ -1,20 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 });
-__exportStar(require("./InfiniteTreeList"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./InfiniteTreeListItem"), exports);
-__exportStar(require("./InfiniteTreeListActions"), exports);
+exports.InfiniteTreeListActions = exports.InfiniteTreeListItem = exports.InfiniteTreeList = void 0;
+var InfiniteTreeList_1 = require("./InfiniteTreeList");
+Object.defineProperty(exports, "InfiniteTreeList", { enumerable: true, get: function () { return InfiniteTreeList_1.InfiniteTreeList; } });
+var InfiniteTreeListItem_1 = require("./InfiniteTreeListItem");
+Object.defineProperty(exports, "InfiniteTreeListItem", { enumerable: true, get: function () { return InfiniteTreeListItem_1.InfiniteTreeListItem; } });
+var InfiniteTreeListActions_1 = require("./InfiniteTreeListActions");
+Object.defineProperty(exports, "InfiniteTreeListActions", { enumerable: true, get: function () { return InfiniteTreeListActions_1.InfiniteTreeListActions; } });

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

@@ -1,2 +1,2 @@
-export * from './JsonViewer';
+export { JsonViewer } from './JsonViewer';
 export type { JsonViewerProps } from './types';

package/node/components/JsonViewer/index.js

@@ -1,17 +1,5 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 });
-__exportStar(require("./JsonViewer"), exports);
+exports.JsonViewer = void 0;
+var JsonViewer_1 = require("./JsonViewer");
+Object.defineProperty(exports, "JsonViewer", { enumerable: true, get: function () { return JsonViewer_1.JsonViewer; } });

package/node/components/NotFoundPage/styles.js

@@ -22,6 +22,7 @@ exports.Header = (0, styles_1.styled)(Typography_1.Typography) `
   }
 `;
 exports.Subheader = (0, styles_1.styled)(Typography_1.Typography) `
+  margin-top: ${({ theme }) => theme.spacing(-2)};
   margin-bottom: ${({ theme }) => theme.spacing(2)};
   ${({ theme }) => theme.breakpoints.down('sm')} {
     font-size: ${({ theme }) => theme.typography.subtitle1.fontSize};

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

@@ -1,6 +1,5 @@
-export * from './constants';
-export * from './NotificationContainer';
-export * from './Notification';
-export * from './NotificationStackContainer';
-export * from './NotificationTemplate';
-export * from './types';
+export { NOTIFY_POSITIONS, notifyClassnames, BANNER_CONTAINER_ID, } from './constants';
+export { NotificationContainer } from './NotificationContainer';
+export { notify } from './Notification';
+export { NotificationStackContainer } from './NotificationStackContainer';
+export type { Notify } from './types';

package/node/components/Notification/index.js

@@ -1,22 +1,13 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 });
-__exportStar(require("./constants"), exports);
-__exportStar(require("./NotificationContainer"), exports);
-__exportStar(require("./Notification"), exports);
-__exportStar(require("./NotificationStackContainer"), exports);
-__exportStar(require("./NotificationTemplate"), exports);
-__exportStar(require("./types"), exports);
+exports.NotificationStackContainer = exports.notify = exports.NotificationContainer = exports.BANNER_CONTAINER_ID = exports.notifyClassnames = exports.NOTIFY_POSITIONS = void 0;
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "NOTIFY_POSITIONS", { enumerable: true, get: function () { return constants_1.NOTIFY_POSITIONS; } });
+Object.defineProperty(exports, "notifyClassnames", { enumerable: true, get: function () { return constants_1.notifyClassnames; } });
+Object.defineProperty(exports, "BANNER_CONTAINER_ID", { enumerable: true, get: function () { return constants_1.BANNER_CONTAINER_ID; } });
+var NotificationContainer_1 = require("./NotificationContainer");
+Object.defineProperty(exports, "NotificationContainer", { enumerable: true, get: function () { return NotificationContainer_1.NotificationContainer; } });
+var Notification_1 = require("./Notification");
+Object.defineProperty(exports, "notify", { enumerable: true, get: function () { return Notification_1.notify; } });
+var NotificationStackContainer_1 = require("./NotificationStackContainer");
+Object.defineProperty(exports, "NotificationStackContainer", { enumerable: true, get: function () { return NotificationStackContainer_1.NotificationStackContainer; } });

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

@@ -1,6 +1,6 @@
 import { PdfViewer } from './PdfViewer';
 export default PdfViewer;
 export { PdfViewer };
-export * from './constants';
-export * from './PdfViewerPagination';
-export * from './types';
+export { pdfViewerClassnames } from './constants';
+export { type PdfViewerPaginationProps, PdfViewerPagination, } from './PdfViewerPagination';
+export type { PdfViewerOnLoadSuccessProps, PdfViewerProps } from './types';

package/node/components/PdfViewer/index.js

@@ -1,23 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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.PdfViewer = void 0;
+exports.PdfViewerPagination = exports.pdfViewerClassnames = exports.PdfViewer = void 0;
 const PdfViewer_1 = require("./PdfViewer");
 Object.defineProperty(exports, "PdfViewer", { enumerable: true, get: function () { return PdfViewer_1.PdfViewer; } });
 exports.default = PdfViewer_1.PdfViewer;
-__exportStar(require("./constants"), exports);
-__exportStar(require("./PdfViewerPagination"), exports);
-__exportStar(require("./types"), exports);
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "pdfViewerClassnames", { enumerable: true, get: function () { return constants_1.pdfViewerClassnames; } });
+var PdfViewerPagination_1 = require("./PdfViewerPagination");
+Object.defineProperty(exports, "PdfViewerPagination", { enumerable: true, get: function () { return PdfViewerPagination_1.PdfViewerPagination; } });

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

@@ -1,4 +1,4 @@
-export * from './ResizingDataGrid';
-export * from './hooks/useComputedColumns';
-export * from './Sliders';
+export { ResizingDataGrid } from './ResizingDataGrid';
+export { useComputedColumns } from './hooks/useComputedColumns';
+export { Sliders } from './Sliders';
 export type { ResizingColumns, ResizingDataGridProps } from './types';

package/node/components/ResizingDataGrid/index.js

@@ -1,19 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 });
-__exportStar(require("./ResizingDataGrid"), exports);
-__exportStar(require("./hooks/useComputedColumns"), exports);
-__exportStar(require("./Sliders"), exports);
+exports.Sliders = exports.useComputedColumns = exports.ResizingDataGrid = void 0;
+var ResizingDataGrid_1 = require("./ResizingDataGrid");
+Object.defineProperty(exports, "ResizingDataGrid", { enumerable: true, get: function () { return ResizingDataGrid_1.ResizingDataGrid; } });
+var useComputedColumns_1 = require("./hooks/useComputedColumns");
+Object.defineProperty(exports, "useComputedColumns", { enumerable: true, get: function () { return useComputedColumns_1.useComputedColumns; } });
+var Sliders_1 = require("./Sliders");
+Object.defineProperty(exports, "Sliders", { enumerable: true, get: function () { return Sliders_1.Sliders; } });

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

@@ -1,2 +1,2 @@
-export * from './ResizingDataGridInfinite';
+export { ResizingDataGridInfinite } from './ResizingDataGridInfinite';
 export type { ResizingDataGridInfiniteProps, ResizingColumnsInfinite, } from './types';

package/node/components/ResizingDataGridInfinite/index.js

@@ -1,17 +1,5 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 });
-__exportStar(require("./ResizingDataGridInfinite"), exports);
+exports.ResizingDataGridInfinite = void 0;
+var ResizingDataGridInfinite_1 = require("./ResizingDataGridInfinite");
+Object.defineProperty(exports, "ResizingDataGridInfinite", { enumerable: true, get: function () { return ResizingDataGridInfinite_1.ResizingDataGridInfinite; } });

package/node/components/theme/components/MuiLinearProgress.js

@@ -12,7 +12,7 @@ exports.MuiLinearProgress = {
         },
         barColorPrimary({ theme }) {
             return {
-                backgroundColor: theme.palette.primary['800'],
+                backgroundColor: theme.palette.success['600'],
             };
         },
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.0.0-alpha.30",
+  "version": "4.0.0-alpha.32",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {
@@ -51,68 +51,61 @@
       "default": "./server/index.js",
       "import": "./server/index.js"
     },
-    "./next": {
-      "module": "./next.js",
-      "require": "./node/next.js",
-      "types": "./next.d.ts",
-      "default": "./next.js",
-      "import": "./next.js"
-    },
     "./components/PdfViewer": {
-      "module": "./components/PdfViewer.js",
-      "require": "./node/components/PdfViewer.js",
-      "types": "./components/PdfViewer.d.ts",
-      "default": "./components/PdfViewer.js",
-      "import": "./components/PdfViewer.js"
+      "module": "./components/PdfViewer/index.js",
+      "require": "./node/components/PdfViewer/index.js",
+      "types": "./components/PdfViewer/index.d.ts",
+      "default": "./components/PdfViewer/index.js",
+      "import": "./components/PdfViewer/index.js"
     },
     "./components/JsonViewer": {
-      "module": "./components/JsonViewer.js",
-      "require": "./node/components/JsonViewer.js",
-      "types": "./components/JsonViewer.d.ts",
-      "default": "./components/JsonViewer.js",
-      "import": "./components/JsonViewer.js"
+      "module": "./components/JsonViewer/index.js",
+      "require": "./node/components/JsonViewer/index.js",
+      "types": "./components/JsonViewer/index.d.ts",
+      "default": "./components/JsonViewer/index.js",
+      "import": "./components/JsonViewer/index.js"
     },
     "./components/Notification": {
-      "module": "./components/Notification.js",
-      "require": "./node/components/Notification.js",
-      "types": "./components/Notification.d.ts",
-      "default": "./components/Notification.js",
-      "import": "./components/Notification.js"
+      "module": "./components/Notification/index.js",
+      "require": "./node/components/Notification/index.js",
+      "types": "./components/Notification/index.d.ts",
+      "default": "./components/Notification/index.js",
+      "import": "./components/Notification/index.js"
     },
     "./components/LegacyNotification": {
-      "module": "./components/LegacyNotification.js",
-      "require": "./node/components/LegacyNotification.js",
-      "types": "./components/LegacyNotification.d.ts",
-      "default": "./components/LegacyNotification.js",
-      "import": "./components/LegacyNotification.js"
+      "module": "./components/LegacyNotification/index.js",
+      "require": "./node/components/LegacyNotification/index.js",
+      "types": "./components/LegacyNotification/index.d.ts",
+      "default": "./components/LegacyNotification/index.js",
+      "import": "./components/LegacyNotification/index.js"
     },
     "./components/Banner": {
-      "module": "./components/Banner.js",
-      "require": "./node/components/Banner.js",
-      "types": "./components/Banner.d.ts",
-      "default": "./components/Banner.js",
-      "import": "./components/Banner.js"
+      "module": "./components/Banner/index.js",
+      "require": "./node/components/Banner/index.js",
+      "types": "./components/Banner/index.d.ts",
+      "default": "./components/Banner/index.js",
+      "import": "./components/Banner/index.js"
     },
     "./components/unstable/ResizingDataGrid": {
-      "module": "./components/ResizingDataGrid.js",
-      "require": "./node/components/ResizingDataGrid.js",
-      "types": "./components/ResizingDataGrid.d.ts",
-      "default": "./components/ResizingDataGrid.js",
-      "import": "./components/ResizingDataGrid.js"
+      "module": "./components/ResizingDataGrid/index.js",
+      "require": "./node/components/ResizingDataGrid/index.js",
+      "types": "./components/ResizingDataGrid/index.d.ts",
+      "default": "./components/ResizingDataGrid/index.js",
+      "import": "./components/ResizingDataGrid/index.js"
     },
     "./components/unstable/ResizingDataGridInfinite": {
-      "module": "./components/ResizingDataGridInfinite.js",
-      "require": "./node/components/ResizingDataGridInfinite.js",
-      "types": "./components/ResizingDataGridInfinite.d.ts",
-      "default": "./components/ResizingDataGridInfinite.js",
-      "import": "./components/ResizingDataGridInfinite.js"
+      "module": "./components/ResizingDataGridInfinite/index.js",
+      "require": "./node/components/ResizingDataGridInfinite/index.js",
+      "types": "./components/ResizingDataGridInfinite/index.d.ts",
+      "default": "./components/ResizingDataGridInfinite/index.js",
+      "import": "./components/ResizingDataGridInfinite/index.js"
     },
     "./components/InfiniteTreeList": {
-      "module": "./components/InfiniteTreeList.js",
-      "require": "./node/components/InfiniteTreeList.js",
-      "types": "./components/InfiniteTreeList.d.ts",
-      "default": "./components/InfiniteTreeList.js",
-      "import": "./components/InfiniteTreeList.js"
+      "module": "./components/InfiniteTreeList/index.js",
+      "require": "./node/components/InfiniteTreeList/index.js",
+      "types": "./components/InfiniteTreeList/index.d.ts",
+      "default": "./components/InfiniteTreeList/index.js",
+      "import": "./components/InfiniteTreeList/index.js"
     }
   },
   "author": "Astral.Soft",