@astral/ui 1.56.0 → 2.1.3

package/Typography/Typography.js

@@ -1,43 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const enums_1 = require("./enums");
-exports.Typography = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, color, colorIntensity = '800' } = _a, props = __rest(_a, ["children", "color", "colorIntensity"]);
-    const typographyColor = (0, react_1.useMemo)(() => {
-        if (typeof color === 'function') {
-            return color;
-        }
-        // получаем название цвета по TypographyColors
-        const colorName = color && enums_1.TypographyColors[color];
-        if (colorName) {
-            return (theme) => {
-                // если такой цвет есть в палитре, то ищем его intensity
-                // или возвращаем main цвет (если для данного цвета не определены intensity)
-                // или возвращаем значение colorName (например, необходимо для таких TypographyColor, как "textSecondary",
-                // которые невозможно найти в palette потому-что поиск осуществляется по ключу "text.secondary")
-                var _a, _b;
-                return (((_a = theme.palette[colorName]) === null || _a === void 0 ? void 0 : _a[colorIntensity]) ||
-                    ((_b = theme.palette[colorName]) === null || _b === void 0 ? void 0 : _b.main) ||
-                    colorName);
-            };
-        }
-        return;
-    }, [color, colorIntensity]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ ref: ref }, props, { color: typographyColor }, { children: children })));
-});
-exports.default = exports.Typography;

package/Typography/enums.d.ts

@@ -1,14 +0,0 @@
-export declare enum TypographyColors {
-    text = "text",
-    secondary = "secondary",
-    primary = "primary",
-    error = "error.main",
-    success = "success.main",
-    warning = "warning.main",
-    info = "info.main",
-    textSecondary = "text.secondary",
-    grey = "grey",
-    red = "red",
-    green = "green",
-    yellow = "yellow"
-}

package/Typography/enums.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TypographyColors = void 0;
-var TypographyColors;
-(function (TypographyColors) {
-    TypographyColors["text"] = "text";
-    TypographyColors["secondary"] = "secondary";
-    TypographyColors["primary"] = "primary";
-    TypographyColors["error"] = "error.main";
-    TypographyColors["success"] = "success.main";
-    TypographyColors["warning"] = "warning.main";
-    TypographyColors["info"] = "info.main";
-    TypographyColors["textSecondary"] = "text.secondary";
-    TypographyColors["grey"] = "grey";
-    TypographyColors["red"] = "red";
-    TypographyColors["green"] = "green";
-    TypographyColors["yellow"] = "yellow";
-})(TypographyColors = exports.TypographyColors || (exports.TypographyColors = {}));

package/Typography/index.d.ts

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

package/Typography/index.js

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

package/Zoom/Zoom.d.ts

@@ -1,3 +0,0 @@
-import { Zoom as MuiZoom, ZoomProps as MuiZoomProps } from '@mui/material';
-export type ZoomProps = MuiZoomProps;
-export declare const Zoom: typeof MuiZoom;

package/Zoom/Zoom.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Zoom = void 0;
-const material_1 = require("@mui/material");
-exports.Zoom = material_1.Zoom;

package/Zoom/index.d.ts

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

package/Zoom/index.js

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

package/declaration/emotion.d.ts

@@ -1,6 +0,0 @@
-import '@emotion/react';
-import { Theme as UIKitTheme } from '../theme';
-
-declare module '@emotion/react' {
-  export interface Theme extends UIKitTheme {}
-}

package/declaration/mui-material.d.ts

@@ -1,14 +0,0 @@
-import { Theme as MuiTheme } from '@mui/material/styles';
-
-import { Elevation, Palette, Shape } from '../theme';
-import { TypographyThemeOptions } from '../theme/typography';
-
-declare module '@mui/material/styles' {
-  export interface Theme
-    extends Omit<MuiTheme, 'shadows' | 'palette' | 'shape' | 'typography'> {
-    elevation: Elevation;
-    palette: Palette;
-    shape: Shape;
-    typography: TypographyThemeOptions;
-  }
-}

package/docs/Case/Case.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-type CaseProps = {
-    title: string;
-    descriptionList?: string[];
-    children: ReactNode;
-    fullWidth?: boolean;
-};
-export declare const Case: (props: CaseProps) => JSX.Element;
-export {};

package/docs/Case/Case.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Case = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const Typography_1 = require("../../Typography");
-const styles_1 = require("./styles");
-const Case = (props) => {
-    const { children, descriptionList = [], fullWidth = false, title } = props;
-    const theme = (0, material_1.useTheme)();
-    const isFullWidth = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm')) || fullWidth;
-    const subtitles = (0, react_1.useMemo)(() => {
-        return descriptionList === null || descriptionList === void 0 ? void 0 : descriptionList.map((text, index) => ((0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ paragraph: true }, { children: text }), index)));
-    }, [descriptionList]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.CaseWrapper, Object.assign({ fullWidth: isFullWidth }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: "h5", paragraph: true }, { children: title })), subtitles, (0, jsx_runtime_1.jsx)(styles_1.CaseContentWrapper, { children: children })] })));
-};
-exports.Case = Case;

package/docs/Case/index.d.ts

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

package/docs/Case/index.js

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

package/docs/Case/styles.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-type CaseWrapperProps = {
-    fullWidth: boolean;
-};
-export declare const CaseWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & CaseWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CaseContentWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/docs/Case/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CaseContentWrapper = exports.CaseWrapper = void 0;
-const styles_1 = require("../../styles");
-exports.CaseWrapper = styles_1.styled.div `
-  width: ${({ fullWidth }) => (fullWidth ? '100%' : '70%')};
-  margin-top: ${({ theme }) => theme.spacing(6)};
-  margin-bottom: ${({ theme }) => theme.spacing(6)};
-`;
-exports.CaseContentWrapper = styles_1.styled.div `
-  padding: ${({ theme }) => theme.spacing(8, 0)};
-
-  background: ${({ theme }) => theme.palette.background.element};
-  border: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-radius: ${({ theme }) => theme.shape.small};
-`;

package/docs/ExampleTemplate/ExampleTemplate.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-type ExampleTemplateProps = {
-    children?: ReactNode;
-};
-export declare const ExampleTemplate: {
-    ({ children }: ExampleTemplateProps): JSX.Element;
-    Case: (props: {
-        title: string;
-        descriptionList?: string[] | undefined;
-        children: ReactNode;
-        fullWidth?: boolean | undefined;
-    }) => JSX.Element;
-};
-export {};

package/docs/ExampleTemplate/ExampleTemplate.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExampleTemplate = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Case_1 = require("../Case");
-const ExampleTemplate = ({ children }) => ((0, jsx_runtime_1.jsx)("section", { children: children }));
-exports.ExampleTemplate = ExampleTemplate;
-exports.ExampleTemplate.Case = Case_1.Case;

package/docs/ExampleTemplate/index.d.ts

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

package/docs/ExampleTemplate/index.js

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

package/docs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Case';
-export * from './ExampleTemplate';

package/docs/index.js

@@ -1,18 +0,0 @@
-"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("./Case"), exports);
-__exportStar(require("./ExampleTemplate"), exports);

package/esm/ActionCell/ActionCell.d.ts

@@ -1,77 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseButtonProps } from '../ButtonBase';
-import { MenuItemProps } from '../MenuItem';
-import { TooltipProps } from '../Tooltip';
-export type NestedAction<T> = MenuItemProps & {
-    /**
-     * Обработчик действия
-     */
-    onClick?: (row: T) => void;
-    /**
-     * Название действия
-     */
-    name: string;
-};
-export type SingleAction<T> = {
-    /**
-     * Иконка действия
-     */
-    icon?: ReactNode;
-    /**
-     * Обработчик действия
-     */
-    onClick?: (row: T) => void;
-    /**
-     * Название действия
-     */
-    name: string;
-    /**
-     * Флаг показа выпадающего списка при клике
-     */
-    nested?: false;
-};
-export type MultipleAction<T> = MenuItemProps & {
-    /**
-     * Иконка действия
-     */
-    icon: ReactNode;
-    /**
-     * Список действий для выпадающего списка
-     */
-    actions: Array<NestedAction<T>>;
-    /**
-     * Флаг показа выпадающего списка при клике
-     */
-    nested: true;
-    /**
-     * Название действия
-     */
-    name: string;
-};
-export type MainAction<T> = (BaseButtonProps & SingleAction<T>) | MultipleAction<T>;
-export type SecondaryAction<T> = MenuItemProps & SingleAction<T>;
-export type Actions<T> = {
-    /**
-     * Основные действия
-     */
-    main: MainAction<T>[];
-    /**
-     * Второстепенные действия
-     */
-    secondary?: SecondaryAction<T>[];
-};
-export type ActionsCellProps<T> = {
-    /**
-     * Действия
-     */
-    actions: Actions<T>;
-    /**
-     * Данные строки из DataGrid
-     */
-    row: T;
-    /**
-     * Позиция тултипа
-     */
-    tooltipPlacement?: TooltipProps['placement'];
-};
-export declare function ActionCell<T>({ actions: { main, secondary }, row, tooltipPlacement, }: ActionsCellProps<T>): JSX.Element;

package/esm/ActionCell/ActionCell.js

@@ -1,45 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DotsVOutlineMd } from '@astral/icons';
-import { useCallback, useMemo } from 'react';
-import { IconButton } from '../IconButton';
-import { IconDropdownButton } from '../IconDropdownButton';
-import { MenuItem } from '../MenuItem';
-import { Tooltip } from '../Tooltip';
-import { ActionCellWrapper } from './styles';
-export function ActionCell({ actions: { main = [], secondary = [] }, row, tooltipPlacement, }) {
-    const handleActionClick = useCallback((onClick) => () => {
-        onClick === null || onClick === void 0 ? void 0 : onClick(row);
-    }, [row]);
-    const renderMainAction = useCallback((action) => {
-        if (action.nested) {
-            const { name, actions, icon } = action;
-            return (_jsx(Tooltip, Object.assign({ title: name, placement: tooltipPlacement }, { children: _jsx(IconDropdownButton, Object.assign({ icon: icon, variant: "text" }, { children: actions.map((_a) => {
-                        var { name: nestedActionName, onClick } = _a, props = __rest(_a, ["name", "onClick"]);
-                        return (_jsx(MenuItem, Object.assign({ onClick: handleActionClick(onClick) }, props, { children: nestedActionName }), nestedActionName));
-                    }) })) }), name));
-        }
-        const { onClick, name, icon, nested } = action, props = __rest(action, ["onClick", "name", "icon", "nested"]);
-        return (_jsx(Tooltip, Object.assign({ title: name, placement: tooltipPlacement }, { children: _jsx(IconButton, Object.assign({ variant: "text", onClick: handleActionClick(onClick) }, props, { children: icon })) }), name));
-    }, [handleActionClick, tooltipPlacement]);
-    const renderSecondaryActions = useMemo(() => {
-        if (!Boolean(secondary.length)) {
-            return null;
-        }
-        return (_jsx(IconDropdownButton, Object.assign({ icon: _jsx(DotsVOutlineMd, {}), variant: "text" }, { children: secondary.map((_a) => {
-                var { name, onClick, nested } = _a, props = __rest(_a, ["name", "onClick", "nested"]);
-                return (_jsx(MenuItem, Object.assign({ onClick: handleActionClick(onClick) }, props, { children: name }), name));
-            }) })));
-    }, [secondary, handleActionClick]);
-    return (_jsxs(ActionCellWrapper, Object.assign({ onClick: (event) => event.stopPropagation() }, { children: [main.map(renderMainAction), renderSecondaryActions] })));
-}

package/esm/ActionCell/index.d.ts

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

package/esm/ActionCell/index.js

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

package/esm/ActionCell/styles.d.ts

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

package/esm/ActionCell/styles.js

@@ -1,5 +0,0 @@
-import { styled } from '../styles';
-export const ActionCellWrapper = styled.div `
-  display: inline-flex;
-  align-items: center;
-`;

package/esm/Alert/Alert.d.ts

@@ -1,26 +0,0 @@
-import { AlertProps as MuiAlertProps } from '@mui/material';
-import { ReactNode } from 'react';
-import { WithoutEmotionSpecific } from '../types';
-export type AlertProps = Omit<WithoutEmotionSpecific<MuiAlertProps>, 'variant' | 'action' | 'color' | 'iconMapping'> & {
-    /**
-     * @example <Alert title="Заголовок">Сообщение</Alert>
-     * Заголовок
-     */
-    title?: string;
-    /**
-     * @example <Alert actions={
-     *   <>
-     *     <button>действие 1</button>
-     *     <button>действие 2</button>
-     *   </>
-     * }>Сообщение</Alert>
-     * Используется для отображения набора действий
-     */
-    actions?: ReactNode;
-    /**
-     * @example <Alert display={false}>Сообщение</Alert>
-     * Флаг для отображения/скрытия компонента Alert
-     */
-    display?: boolean;
-};
-export declare const Alert: ({ children, title, closeText, display, actions, onClose, ...props }: AlertProps) => JSX.Element;

package/esm/Alert/Alert.js

@@ -1,27 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertTitle } from '@mui/material';
-import { ErrorFillMd, InfoFillMd, SuccessFillMd, WarningFillMd, } from '@astral/icons';
-import { Typography } from '../Typography';
-import { Grid } from '../Grid';
-import { Collapse } from '../Collapse';
-import { StyledAlert } from './styles';
-export const Alert = (_a) => {
-    var { children, title, closeText = 'Скрыть', display = true, actions, onClose } = _a, props = __rest(_a, ["children", "title", "closeText", "display", "actions", "onClose"]);
-    return (_jsx(Collapse, Object.assign({ in: display }, { children: _jsxs(StyledAlert, Object.assign({}, props, { closeText: closeText, variant: "filled", onClose: onClose, iconMapping: {
-                info: _jsx(InfoFillMd, {}),
-                error: _jsx(ErrorFillMd, {}),
-                success: _jsx(SuccessFillMd, {}),
-                warning: _jsx(WarningFillMd, {}),
-            } }, { children: [title && (_jsx(AlertTitle, { children: _jsx(Typography, Object.assign({ variant: "h5" }, { children: title })) })), _jsx(Typography, Object.assign({ gutterBottom: Boolean(actions) }, { children: children })), _jsx(Grid, Object.assign({ container: true, spacing: 4, autoFlow: "column", justifyContent: "flex-start" }, { children: actions }))] })) })));
-};

package/esm/Alert/index.d.ts

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

package/esm/Alert/index.js

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

package/esm/Alert/styles.d.ts

@@ -1,4 +0,0 @@
-import { AlertProps } from '@mui/material';
-export declare const StyledAlert: import("@emotion/styled").StyledComponent<AlertProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/esm/Alert/styles.js

@@ -1,17 +0,0 @@
-import { Alert } from '@mui/material';
-import { styled } from '../styles';
-export const StyledAlert = styled(Alert) `
-  padding: ${({ theme }) => theme.spacing(3)};
-
-  .MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root) {
-    padding: ${({ theme }) => theme.spacing(3, 0)};
-  }
-
-  ${({ theme }) => theme.breakpoints.up('sm')} {
-    padding: ${({ theme }) => theme.spacing(2, 4)};
-
-    .MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root) {
-      padding: 0;
-    }
-  }
-`;

package/esm/Autocomplete/Autocomplete.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
-import { TextFieldProps } from '../TextField';
-import { OverflowedElementProps } from '../OverflowTypography';
-import { WithoutEmotionSpecific } from '../types';
-import { AutocompleteSizes } from './enums';
-export type AutocompleteSize = `${AutocompleteSizes}`;
-export type AutocompleteProps<AutocompleteValueProps, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean> = Omit<WithoutEmotionSpecific<MuiAutocompleteProps<AutocompleteValueProps, Multiple, DisableClearable, FreeSolo>>, 'size' | 'renderInput'> & Pick<TextFieldProps, 'error' | 'success' | 'helperText' | 'label'> & {
-    size?: AutocompleteSize;
-    overflowOption?: OverflowedElementProps;
-};
-export declare const Autocomplete: <AutocompleteValueProps, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean>(props: AutocompleteProps<AutocompleteValueProps, Multiple, DisableClearable, FreeSolo>) => JSX.Element;

package/esm/Autocomplete/Autocomplete.js

@@ -1,48 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { createElement as _createElement } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ListItemIcon, Autocomplete as MuiAutocomplete, } from '@mui/material';
-import { useCallback } from 'react';
-import { ChevronDOutlineMd, CrossSmOutlineSm } from '@astral/icons';
-import { TextField } from '../TextField';
-import { Tag } from '../Tag';
-import { MenuItem } from '../MenuItem';
-import { Checkbox } from '../Checkbox';
-import { OverflowTypography, } from '../OverflowTypography';
-import { DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT } from './constants';
-export const Autocomplete = (props) => {
-    const { multiple, placeholder, error, success, helperText, label, size = 'medium', getOptionLabel, renderOption: externalRenderOption, isOptionEqualToValue: externalOptionEqualToValue, overflowOption } = props, restProps = __rest(props, ["multiple", "placeholder", "error", "success", "helperText", "label", "size", "getOptionLabel", "renderOption", "isOptionEqualToValue", "overflowOption"]);
-    const renderTags = useCallback((tags, getTagProps) => {
-        return tags.map((tag, index) => {
-            const title = (getOptionLabel && getOptionLabel(tag)) || '';
-            return (_jsx(Tag, Object.assign({ deleteIcon: _jsx(CrossSmOutlineSm, {}), color: "grey", label: title }, getTagProps({ index }))));
-        });
-    }, [getOptionLabel]);
-    const isOptionEqualToValue = useCallback((option, value) => {
-        if (externalOptionEqualToValue) {
-            return externalOptionEqualToValue(option, value);
-        }
-        return JSON.stringify(option) === JSON.stringify(value);
-    }, [externalOptionEqualToValue]);
-    const renderInput = useCallback((inputParams) => (_jsx(TextField, Object.assign({}, inputParams, { placeholder: placeholder, label: label, success: success, error: error, helperText: helperText, size: size }))), [placeholder, label, success, error, helperText, size]);
-    const renderOption = useCallback((optionProps, option, optionState) => {
-        if (externalRenderOption) {
-            return externalRenderOption(optionProps, option, optionState);
-        }
-        const selected = Boolean(optionProps['aria-selected']);
-        return (_createElement(MenuItem, Object.assign({}, optionProps, { key: optionProps.id }),
-            multiple && (_jsx(ListItemIcon, { children: _jsx(Checkbox, { role: "menuitemcheckbox", checked: selected }) })),
-            _jsx(OverflowTypography, Object.assign({ rowsCount: DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT }, overflowOption, { children: optionProps.key }))));
-    }, [multiple, externalRenderOption]);
-    return (_jsx(MuiAutocomplete, Object.assign({}, restProps, { size: size, multiple: multiple, getOptionLabel: getOptionLabel, disableCloseOnSelect: multiple, renderTags: renderTags, renderInput: renderInput, renderOption: renderOption, popupIcon: _jsx(ChevronDOutlineMd, {}), clearIcon: _jsx(CrossSmOutlineSm, {}), isOptionEqualToValue: isOptionEqualToValue, componentsProps: { clearIndicator: { disableRipple: true } }, noOptionsText: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })));
-};

package/esm/Autocomplete/Autocomplete.test.d.ts

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