@astral/ui 0.48.4 → 1.0.0-test.1670405759

package/esm/DialogActions/DialogActions.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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)
@@ -23,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DialogActions as MuiDialogActions, } from '@mui/material';
 import { Grid } from '../Grid';
-export var DialogActions = function (_a) {
-    var children = _a.children, disableSpacing = _a.disableSpacing, props = __rest(_a, ["children", "disableSpacing"]);
-    return (_jsx(MuiDialogActions, __assign({}, props, { children: _jsx(Grid, __assign({ container: true, autoFlow: "column", justifyContent: "end", spacing: disableSpacing ? 0 : 2 }, { children: children })) })));
+export const DialogActions = (_a) => {
+    var { children, disableSpacing } = _a, props = __rest(_a, ["children", "disableSpacing"]);
+    return (_jsx(MuiDialogActions, Object.assign({}, props, { children: _jsx(Grid, Object.assign({ container: true, autoFlow: "column", justifyContent: "end", spacing: disableSpacing ? 0 : 2 }, { children: children })) })));
 };

package/esm/DialogContent/DialogContent.d.ts

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

package/esm/DialogContent/DialogContent.js

@@ -1 +1,3 @@
-export { DialogContent } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DialogContent as MuiDialogContent, } from '@mui/material';
+export const DialogContent = (props) => (_jsx(MuiDialogContent, Object.assign({}, props)));

package/esm/DialogContentText/DialogContentText.d.ts

@@ -1 +1,5 @@
-export { DialogContentText } from '@mui/material';
+/// <reference types="react" />
+import { DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type DialogContentTextProps = WithoutEmotionSpecific<MuiDialogContentTextProps>;
+export declare const DialogContentText: (props: DialogContentTextProps) => JSX.Element;

package/esm/DialogContentText/DialogContentText.js

@@ -1 +1,3 @@
-export { DialogContentText } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DialogContentText as MuiDialogContentText, } from '@mui/material';
+export const DialogContentText = (props) => (_jsx(MuiDialogContentText, Object.assign({}, props)));

package/esm/DialogTitle/DialogTitle.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { ModalProps, DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
-export declare type DialogTitleProps = MuiDialogTitleProps & {
+import { WithoutEmotionSpecific } from '../types';
+export type DialogTitleProps = WithoutEmotionSpecific<MuiDialogTitleProps> & {
     onClose?: ModalProps['onClose'];
 };
 export declare const DialogTitle: ({ children, onClose, ...props }: DialogTitleProps) => JSX.Element;

package/esm/DialogTitle/DialogTitle.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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)
@@ -24,13 +13,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DialogTitle as MuiDialogTitle, } from '@mui/material';
 import { CrossOutlineMd } from '@astral/icons';
 import { IconButton } from '../IconButton';
-export var DialogTitle = function (_a) {
+export const DialogTitle = (_a) => {
     // 'escapeKeyDown'  в документашке написано что это опциональный тип, и можно стрингу любую туда закидывать, а по факту либо escapeKeyDown либо backdropClick
-    var children = _a.children, onClose = _a.onClose, props = __rest(_a, ["children", "onClose"]);
-    var handleTitleClick = function (e) {
+    var { children, onClose } = _a, props = __rest(_a, ["children", "onClose"]);
+    const handleTitleClick = (e) => {
         if (onClose) {
             onClose(e, 'escapeKeyDown');
         }
     };
-    return (_jsxs(MuiDialogTitle, __assign({}, props, { children: [children, onClose && (_jsx(IconButton, __assign({ variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E" }, { children: _jsx(CrossOutlineMd, {}) })))] })));
+    return (_jsxs(MuiDialogTitle, Object.assign({}, props, { children: [children, onClose && (_jsx(IconButton, Object.assign({ variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E" }, { children: _jsx(CrossOutlineMd, {}) })))] })));
 };

package/esm/Divider/Divider.d.ts

@@ -1,3 +1,5 @@
-import { Divider, DividerProps } from '@mui/material';
-export { Divider };
-export type { DividerProps };
+/// <reference types="react" />
+import { DividerProps as MuiDividerProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type DividerProps = WithoutEmotionSpecific<MuiDividerProps>;
+export declare const Divider: (props: DividerProps) => JSX.Element;

package/esm/Divider/Divider.js

@@ -1,2 +1,3 @@
-import { Divider } from '@mui/material';
-export { Divider };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Divider as MuiDivider, } from '@mui/material';
+export const Divider = (props) => _jsx(MuiDivider, Object.assign({}, props));

package/esm/DropdownButton/DropdownButton.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ButtonProps } from '../Button';
-export declare type DropdownButtonProps = Omit<ButtonProps, 'endIcon' | 'loading'> & {
+export type DropdownButtonProps = Omit<ButtonProps, 'endIcon' | 'loading'> & {
     /**
      * Название кнопки
      */
     name: string;
 };
-export declare const DropdownButton: import("react").ForwardRefExoticComponent<Pick<DropdownButtonProps, "disabled" | "href" | "onFocusVisible" | "tabIndex" | "type" | "action" | "children" | "form" | "slot" | "title" | "key" | "css" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "size" | "component" | "selected" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "fullWidth" | "startIcon" | "loadingIndicator" | "loadingPosition"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownButton: import("react").ForwardRefExoticComponent<Pick<DropdownButtonProps, "disabled" | "action" | "color" | "translate" | "href" | "onFocusVisible" | "tabIndex" | "type" | "children" | "form" | "slot" | "title" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "variant" | "size" | "selected" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "fullWidth" | "startIcon" | "loadingIndicator" | "loadingPosition"> & import("react").RefAttributes<HTMLButtonElement>>;

package/esm/DropdownButton/DropdownButton.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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)
@@ -27,8 +16,8 @@ import { useMenu } from '../hooks';
 import { Menu } from '../Menu';
 import { Button } from '../Button';
 import { Chevron } from '../Chevron';
-export var DropdownButton = forwardRef(function (_a, ref) {
-    var children = _a.children, name = _a.name, props = __rest(_a, ["children", "name"]);
-    var _b = useMenu(), open = _b.open, anchorRef = _b.anchorRef, handleOpenMenu = _b.handleOpenMenu, handleCloseMenu = _b.handleCloseMenu;
-    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, __assign({ ref: ref, onClickAway: handleCloseMenu }, { children: _jsx(Button, __assign({}, props, { ref: anchorRef, onClick: handleOpenMenu, endIcon: _jsx(Chevron, { isActive: open }) }, { children: name })) })), _jsx(Menu, __assign({ open: open, anchorEl: anchorRef.current }, { children: children }))] }));
+export const DropdownButton = forwardRef((_a, ref) => {
+    var { children, name } = _a, props = __rest(_a, ["children", "name"]);
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = useMenu();
+    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, Object.assign({ ref: ref, onClickAway: handleCloseMenu }, { children: _jsx(Button, Object.assign({}, props, { ref: anchorRef, onClick: handleOpenMenu, endIcon: _jsx(Chevron, { isActive: open }) }, { children: name })) })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorRef.current }, { children: children }))] }));
 });

package/esm/DropdownButton/DropdownButton.test.d.ts

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

package/esm/DropdownButton/DropdownButton.test.js

@@ -0,0 +1,35 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderWithTheme, screen, userEvents } from '@astral/tests';
+import { vi } from 'vitest';
+import { MenuItem } from '../MenuItem';
+import { DropdownButton } from './DropdownButton';
+describe('DropdownButton', () => {
+    it('Props:disabled: нельзя нажать кнопку', () => {
+        renderWithTheme(_jsx(DropdownButton, Object.assign({ disabled: true, name: "btn" }, { children: _jsx(MenuItem, { children: "Item" }) })));
+        const button = screen.getByRole('button', { name: 'btn' });
+        expect(button).toBeDisabled();
+    });
+    it('При клике на option закрывается popover', () => __awaiter(void 0, void 0, void 0, function* () {
+        renderWithTheme(_jsx(DropdownButton, Object.assign({ name: "btn" }, { children: _jsx(MenuItem, { children: "Item" }) })));
+        yield userEvents.click(screen.getByRole('button'));
+        yield userEvents.click(screen.getByText('Item'));
+        const menuItem = screen.queryByRole('menuitem');
+        expect(menuItem).not.toBeInTheDocument();
+    }));
+    it('При клике на option вызывается onClick', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onClick = vi.fn();
+        renderWithTheme(_jsx(DropdownButton, Object.assign({ name: "btn" }, { children: _jsx(MenuItem, Object.assign({ onClick: onClick }, { children: "Item" })) })));
+        yield userEvents.click(screen.getByRole('button'));
+        yield userEvents.click(screen.getByRole('menuitem'));
+        expect(onClick).toBeCalled();
+    }));
+});

package/esm/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    captureException: (error: any) => void;
+};
+type State = {
+    error: boolean;
+};
+declare class ErrorBoundary extends React.Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(): {
+        error: boolean;
+    };
+    componentDidCatch(error: Error): void;
+    handleReloadPage(): void;
+    render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
+}
+export default ErrorBoundary;

package/esm/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../Button';
+import { Typography } from '../Typography';
+import { Grid } from '../Grid';
+class ErrorBoundary extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            error: false,
+        };
+    }
+    static getDerivedStateFromError() {
+        return { error: true };
+    }
+    componentDidCatch(error) {
+        this.props.captureException(error);
+    }
+    handleReloadPage() {
+        location.reload();
+    }
+    render() {
+        if (this.state.error) {
+            return (_jsxs(Grid, Object.assign({ alignItems: "center", justifyContent: "center" }, { children: [_jsx(Typography, Object.assign({ variant: "h4", paragraph: true }, { children: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430" })), _jsx(Button, Object.assign({ onClick: this.handleReloadPage }, { children: "\u041F\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443" }))] })));
+        }
+        return this.props.children;
+    }
+}
+export default ErrorBoundary;

package/esm/ErrorBoundary/index.d.ts

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

package/esm/ErrorBoundary/index.js

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

package/esm/Fab/Fab.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FabProps as MuiFabProps } from '@mui/material/Fab';
+import { WithoutEmotionSpecific } from '../types';
+import { FabColor } from './types';
+export type FabProps = Omit<WithoutEmotionSpecific<MuiFabProps>, 'color' | 'variant'> & {
+    color?: FabColor;
+    variant?: MuiFabProps['variant'] | 'square';
+};
+export declare const Fab: import("react").ForwardRefExoticComponent<Pick<FabProps, "disabled" | "action" | "color" | "translate" | "href" | "onFocusVisible" | "tabIndex" | "type" | "children" | "form" | "slot" | "title" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & import("react").RefAttributes<HTMLButtonElement>>;

package/esm/Fab/Fab.js

@@ -0,0 +1,19 @@
+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 } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { StyledFab } from './styles';
+import { FabSizes } from './enums';
+export const Fab = forwardRef((_a, ref) => {
+    var { variant = 'square', size = FabSizes.Large, color = 'primary' } = _a, props = __rest(_a, ["variant", "size", "color"]);
+    return (_jsx(StyledFab, Object.assign({}, props, { variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref })));
+});

package/esm/Fab/enums.d.ts

@@ -0,0 +1,17 @@
+export declare enum FabSizes {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare enum FabStates {
+    Default = "default",
+    Hover = "hover",
+    Active = "active"
+}
+export declare enum FabColors {
+    Default = "default",
+    Primary = "primary",
+    Error = "error",
+    Success = "success",
+    Warning = "warning"
+}

package/esm/Fab/enums.js

@@ -0,0 +1,20 @@
+export var FabSizes;
+(function (FabSizes) {
+    FabSizes["Small"] = "small";
+    FabSizes["Medium"] = "medium";
+    FabSizes["Large"] = "large";
+})(FabSizes || (FabSizes = {}));
+export var FabStates;
+(function (FabStates) {
+    FabStates["Default"] = "default";
+    FabStates["Hover"] = "hover";
+    FabStates["Active"] = "active";
+})(FabStates || (FabStates = {}));
+export var FabColors;
+(function (FabColors) {
+    FabColors["Default"] = "default";
+    FabColors["Primary"] = "primary";
+    FabColors["Error"] = "error";
+    FabColors["Success"] = "success";
+    FabColors["Warning"] = "warning";
+})(FabColors || (FabColors = {}));

package/esm/Fab/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Fab';
+export * from './types';

package/esm/Fab/index.js

@@ -0,0 +1,2 @@
+export * from './Fab';
+export * from './types';

package/esm/Fab/styles.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+export declare const StyledFab: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").FabClasses> | undefined;
+    color?: "inherit" | "primary" | "secondary" | "default" | "error" | "warning" | "info" | "success" | undefined;
+    disabled?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    href?: string | undefined;
+    size?: "large" | "medium" | "small" | undefined;
+    variant?: "circular" | "extended" | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "css" | "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "action" | "color" | "sx" | "href" | "onFocusVisible" | "tabIndex" | "children" | "variant" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Omit<import("../types").WithoutEmotionSpecific<import("@mui/material").FabProps<"button", {}>>, "color" | "variant"> & {
+    color?: "primary" | "default" | "error" | "warning" | "success" | undefined;
+    variant?: "square" | "circular" | "extended" | undefined;
+} & {
+    isSquare: boolean;
+}, {}, {}>;

package/esm/Fab/styles.js

@@ -0,0 +1,77 @@
+import { Fab } from '@mui/material';
+import { styled } from '../styles';
+import { FabColors, FabSizes, FabStates } from './enums';
+const getBgColor = ({ theme, color, fabState, }) => {
+    const backgroundColors = {
+        colored: theme.palette[color && color !== FabColors.Default ? color : FabColors.Primary][800],
+        default: theme.palette.grey[100],
+        defaultHover: theme.palette.primary[100],
+        error: theme.palette.red[800],
+        errorHover: theme.palette.red[900],
+    };
+    if (color === FabColors.Default) {
+        if (fabState === FabStates.Active || fabState === FabStates.Hover) {
+            return backgroundColors.defaultHover;
+        }
+        return backgroundColors[FabStates.Default];
+    }
+    if (color === FabColors.Error) {
+        if (fabState === FabStates.Active || fabState === FabStates.Hover) {
+            return backgroundColors.errorHover;
+        }
+        return backgroundColors.error;
+    }
+    return backgroundColors.colored;
+};
+const getColor = ({ theme, color, fabState, }) => {
+    const colors = {
+        colored: theme.palette.grey[100],
+        default: theme.palette.grey[900],
+        hover: theme.palette.primary[800],
+    };
+    if (color === FabColors.Default) {
+        return colors[fabState];
+    }
+    return colors.colored;
+};
+const getSize = (props) => {
+    const sizes = {
+        small: '42px',
+        medium: '52px',
+        large: '62px',
+    };
+    return sizes[props.size || FabSizes.Large];
+};
+const getBorderRadius = (props) => {
+    const variants = {
+        square: props.theme.shape.small,
+        circular: '50%',
+    };
+    if (props.isSquare) {
+        return variants.square;
+    }
+    return variants[props.variant || 'square'];
+};
+export const StyledFab = styled(Fab, {
+    shouldForwardProp: (props) => props !== 'size' && props !== 'isSquare',
+}) `
+  width: ${(props) => getSize(props)};
+  height: ${(props) => getSize(props)};
+
+  color: ${(props) => getColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Default }))};
+
+  background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Default }))};
+  border-radius: ${(props) => getBorderRadius(props)};
+
+  :active {
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Active }))};
+
+    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Active }))};
+  }
+
+  :hover {
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Hover }))};
+
+    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Hover }))};
+  }
+`;

package/esm/Fab/types.d.ts

@@ -0,0 +1,2 @@
+import { FabColors } from './enums';
+export type FabColor = `${FabColors}`;

package/esm/Fab/types.js

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

package/esm/Fade/Fade.d.ts

@@ -1,3 +1,3 @@
-import { Fade, FadeProps } from '@mui/material';
-export { Fade };
-export type { FadeProps };
+import { Fade as MuiFade, FadeProps as MuiFadeProps } from '@mui/material';
+export type FadeProps = MuiFadeProps;
+export declare const Fade: typeof MuiFade;

package/esm/Fade/Fade.js

@@ -1,2 +1,2 @@
-import { Fade } from '@mui/material';
-export { Fade };
+import { Fade as MuiFade } from '@mui/material';
+export const Fade = MuiFade;

package/esm/FormControl/FormControl.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FormControlProps as MuiFormControlProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type FormControlProps = WithoutEmotionSpecific<MuiFormControlProps>;
+export declare const FormControl: (props: FormControlProps) => JSX.Element;

package/esm/FormControl/FormControl.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormControl as MuiFormControl, } from '@mui/material';
+export const FormControl = (props) => (_jsx(MuiFormControl, Object.assign({}, props)));

package/esm/FormControl/index.d.ts

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

package/esm/FormControl/index.js

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

package/esm/FormControlLabel/FormControlLabel.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { FormControlLabelProps } from './types';
-export declare const FormControlLabel: ({ ...props }: FormControlLabelProps) => JSX.Element;
+export declare const FormControlLabel: (props: FormControlLabelProps) => JSX.Element;

package/esm/FormControlLabel/FormControlLabel.js

@@ -1,28 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 } from "react/jsx-runtime";
 import { StyledFormControlLabel } from './styled';
-export var FormControlLabel = function (_a) {
-    var props = __rest(_a, []);
-    return _jsx(StyledFormControlLabel, __assign({}, props));
+export const FormControlLabel = (props) => {
+    return _jsx(StyledFormControlLabel, Object.assign({}, props));
 };

package/esm/FormControlLabel/styled.d.ts

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

package/esm/FormControlLabel/styled.js

@@ -1,11 +1,10 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { FormControlLabel } from '@mui/material';
 import { styled } from '../styles';
-export var StyledFormControlLabel = styled(FormControlLabel)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-right: 0;\n  margin-left: -5px;\n\n  & .MuiFormControlLabel-label {\n    margin-left: ", ";\n  }\n"], ["\n  margin-right: 0;\n  margin-left: -5px;\n\n  & .MuiFormControlLabel-label {\n    margin-left: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(1);
-});
-var templateObject_1;
+export const StyledFormControlLabel = styled(FormControlLabel) `
+  margin-right: 0;
+  margin-left: -5px;
+
+  & .MuiFormControlLabel-label {
+    margin-left: ${({ theme }) => theme.spacing(1)};
+  }
+`;

package/esm/FormControlLabel/types.d.ts

@@ -1,2 +1,3 @@
 import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material/FormControlLabel';
-export declare type FormControlLabelProps = MuiFormControlLabelProps;
+import { WithoutEmotionSpecific } from '../types';
+export type FormControlLabelProps = WithoutEmotionSpecific<MuiFormControlLabelProps>;