@astral/ui 4.0.0-alpha.31 → 4.0.0-alpha.33

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { InputGroupProps } from './types';
+export declare const InputGroup: ({ children, columns }: InputGroupProps) => JSX.Element;

package/components/InputGroup/InputGroup.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputsWrapper } from './styles';
+import { useLogic } from './useLogic';
+export const InputGroup = ({ children, columns }) => {
+    const { gridColumnTemplate } = useLogic({ children, columns });
+    return (_jsx(InputsWrapper, { "$columnsTemplate": gridColumnTemplate(), children: children }));
+};

package/components/InputGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InputGroup';
+export type { InputGroupProps } from './types';

package/components/InputGroup/index.js

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

package/components/InputGroup/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const InputsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $columnsTemplate: string;
+}, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;

package/components/InputGroup/styles.js

@@ -0,0 +1,88 @@
+import { formControlClasses, inputBaseClasses } from '@mui/material';
+import { styled } from '../styles';
+export const InputsWrapper = styled.fieldset `
+  display: grid;
+  grid-template-columns: ${({ $columnsTemplate }) => $columnsTemplate};
+
+  margin-inline: 0;
+  padding: 0;
+
+  border: unset;
+
+  & .${formControlClasses.root} {
+    width: 100%;
+
+    .${inputBaseClasses.root} {
+      position: relative;
+      z-index: 2;
+
+      border-radius: 0;
+
+      &.${inputBaseClasses.focused} {
+        z-index: 4;
+      }
+    }
+  }
+
+  /* Скругления только крайних инпутов */
+  & > :first-child .${inputBaseClasses.root} {
+    border-top-left-radius: ${({ theme }) => theme.shape.medium};
+    border-bottom-left-radius: ${({ theme }) => theme.shape.medium};
+    
+    &.${inputBaseClasses.disabled} {
+      z-index: 1;
+
+      &::after {
+        content: '';
+
+        position: absolute;
+        right: 0;
+
+        width: 1px;
+        height: 100%;
+
+        background-color: ${({ theme }) => theme.palette.grey[500]};
+      }
+    }
+  }
+
+  & > :last-child .${inputBaseClasses.root} {
+    border-top-right-radius: ${({ theme }) => theme.shape.medium};
+    border-bottom-right-radius: ${({ theme }) => theme.shape.medium};
+  }
+
+  & > :not(:first-child) .${inputBaseClasses.root} {
+    &.${inputBaseClasses.disabled} {
+      z-index: 1;
+ 
+    
+    &::after {
+        content: '';
+  
+        position: absolute;
+        left: 0;
+  
+        width: 1px;
+        height: 100%;
+  
+        background-color: ${({ theme }) => theme.palette.grey[500]};
+      }
+    }
+  
+  }
+  
+  & > :not(:last-child) .${inputBaseClasses.root} {
+    width: auto;
+    margin-right: -2px;
+    
+    &:hover {
+      z-index: 3;
+      
+      &.${inputBaseClasses.disabled} {
+        z-index: 1;
+      }
+    }
+  }
+
+  
+`;

package/components/InputGroup/types.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type InputGroupProps = {
+    children: ReactNode;
+    /**
+     * Определяет шаблон колонок для grid группы инпутов
+     * @example
+     *  columns={['300px', '1fr', '30%]}
+     */
+    columns?: string[];
+};

package/components/InputGroup/types.js

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

package/components/InputGroup/useLogic/index.d.ts

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

package/components/InputGroup/useLogic/index.js

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

package/components/InputGroup/useLogic/useLogic.d.ts

@@ -0,0 +1,6 @@
+import type { InputGroupProps } from '../types';
+type UseLogicParams = InputGroupProps;
+export declare const useLogic: ({ children, columns }: UseLogicParams) => {
+    gridColumnTemplate: () => string;
+};
+export {};

package/components/InputGroup/useLogic/useLogic.js

@@ -0,0 +1,11 @@
+import { Children } from 'react';
+export const useLogic = ({ children, columns }) => {
+    const gridColumnTemplate = () => {
+        if (columns) {
+            return columns.join(' ');
+        }
+        const childrenCount = Children.count(children);
+        return `repeat(${childrenCount}, 1fr)`;
+    };
+    return { gridColumnTemplate };
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { InputGroupProps } from './types';
+export declare const InputGroup: ({ children, columns }: InputGroupProps) => JSX.Element;

package/node/components/InputGroup/InputGroup.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const useLogic_1 = require("./useLogic");
+const InputGroup = ({ children, columns }) => {
+    const { gridColumnTemplate } = (0, useLogic_1.useLogic)({ children, columns });
+    return ((0, jsx_runtime_1.jsx)(styles_1.InputsWrapper, { "$columnsTemplate": gridColumnTemplate(), children: children }));
+};
+exports.InputGroup = InputGroup;

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

@@ -0,0 +1,2 @@
+export * from './InputGroup';
+export type { InputGroupProps } from './types';

package/node/components/InputGroup/index.js

@@ -0,0 +1,17 @@
+"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("./InputGroup"), exports);

package/node/components/InputGroup/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const InputsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $columnsTemplate: string;
+}, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;

package/node/components/InputGroup/styles.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputsWrapper = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("../styles");
+exports.InputsWrapper = styles_1.styled.fieldset `
+  display: grid;
+  grid-template-columns: ${({ $columnsTemplate }) => $columnsTemplate};
+
+  margin-inline: 0;
+  padding: 0;
+
+  border: unset;
+
+  & .${material_1.formControlClasses.root} {
+    width: 100%;
+
+    .${material_1.inputBaseClasses.root} {
+      position: relative;
+      z-index: 2;
+
+      border-radius: 0;
+
+      &.${material_1.inputBaseClasses.focused} {
+        z-index: 4;
+      }
+    }
+  }
+
+  /* Скругления только крайних инпутов */
+  & > :first-child .${material_1.inputBaseClasses.root} {
+    border-top-left-radius: ${({ theme }) => theme.shape.medium};
+    border-bottom-left-radius: ${({ theme }) => theme.shape.medium};
+    
+    &.${material_1.inputBaseClasses.disabled} {
+      z-index: 1;
+
+      &::after {
+        content: '';
+
+        position: absolute;
+        right: 0;
+
+        width: 1px;
+        height: 100%;
+
+        background-color: ${({ theme }) => theme.palette.grey[500]};
+      }
+    }
+  }
+
+  & > :last-child .${material_1.inputBaseClasses.root} {
+    border-top-right-radius: ${({ theme }) => theme.shape.medium};
+    border-bottom-right-radius: ${({ theme }) => theme.shape.medium};
+  }
+
+  & > :not(:first-child) .${material_1.inputBaseClasses.root} {
+    &.${material_1.inputBaseClasses.disabled} {
+      z-index: 1;
+ 
+    
+    &::after {
+        content: '';
+  
+        position: absolute;
+        left: 0;
+  
+        width: 1px;
+        height: 100%;
+  
+        background-color: ${({ theme }) => theme.palette.grey[500]};
+      }
+    }
+  
+  }
+  
+  & > :not(:last-child) .${material_1.inputBaseClasses.root} {
+    width: auto;
+    margin-right: -2px;
+    
+    &:hover {
+      z-index: 3;
+      
+      &.${material_1.inputBaseClasses.disabled} {
+        z-index: 1;
+      }
+    }
+  }
+
+  
+`;

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type InputGroupProps = {
+    children: ReactNode;
+    /**
+     * Определяет шаблон колонок для grid группы инпутов
+     * @example
+     *  columns={['300px', '1fr', '30%]}
+     */
+    columns?: string[];
+};

package/node/components/InputGroup/types.js

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

package/node/components/InputGroup/useLogic/index.d.ts

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

package/node/components/InputGroup/useLogic/index.js

@@ -0,0 +1,17 @@
+"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("./useLogic"), exports);

package/node/components/InputGroup/useLogic/useLogic.d.ts

@@ -0,0 +1,6 @@
+import type { InputGroupProps } from '../types';
+type UseLogicParams = InputGroupProps;
+export declare const useLogic: ({ children, columns }: UseLogicParams) => {
+    gridColumnTemplate: () => string;
+};
+export {};

package/node/components/InputGroup/useLogic/useLogic.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_1 = require("react");
+const useLogic = ({ children, columns }) => {
+    const gridColumnTemplate = () => {
+        if (columns) {
+            return columns.join(' ');
+        }
+        const childrenCount = react_1.Children.count(children);
+        return `repeat(${childrenCount}, 1fr)`;
+    };
+    return { gridColumnTemplate };
+};
+exports.useLogic = useLogic;

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.0.0-alpha.31",
+  "version": "4.0.0-alpha.33",
   "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",