@astral/ui 0.48.4 → 1.0.0-test.1670405759

package/esm/TextField/TextField.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,27 +12,27 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
 import MuiTextField from '@mui/material/TextField';
-import { FormHelperText } from '../FormHelperText';
-export var TextField = forwardRef(function (props, ref) {
-    var variant = props.variant, success = props.success, error = props.error, colorProp = props.color, helperTextProp = props.helperText, restProps = __rest(props, ["variant", "success", "error", "color", "helperText"]);
-    var color = useMemo(function () {
+import { FormHelperTextContent } from '../FormHelperText/FormHelperTextContent';
+export const TextField = forwardRef((props, ref) => {
+    const { variant, success, error, color: colorProp, helperText: helperTextProp } = props, restProps = __rest(props, ["variant", "success", "error", "color", "helperText"]);
+    const color = useMemo(() => {
         if (success) {
             return 'success';
         }
         return undefined;
     }, [success]);
-    var helperText = useMemo(function () {
+    const helperText = useMemo(() => {
         if (success) {
-            return _jsx(FormHelperText, __assign({ success: true }, { children: helperTextProp }));
+            return (_jsx(FormHelperTextContent, Object.assign({ success: true }, { children: helperTextProp })));
         }
         if (error) {
-            return _jsx(FormHelperText, __assign({ error: true }, { children: helperTextProp }));
+            return (_jsx(FormHelperTextContent, Object.assign({ error: true }, { children: helperTextProp })));
         }
         if (helperTextProp) {
             return helperTextProp;
         }
         return _jsx(_Fragment, {});
     }, [helperTextProp, success, error]);
-    return (_jsx(MuiTextField, __assign({ ref: ref, variant: "outlined", error: error, color: color, helperText: helperText }, restProps)));
+    return (_jsx(MuiTextField, Object.assign({ ref: ref, variant: "outlined", error: error, color: color, helperText: helperText }, restProps)));
 });
 export default TextField;

package/esm/TextField/types.d.ts

@@ -1,5 +1,6 @@
 import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
-export declare type TextFieldProps = Omit<MuiTextFieldProps, 'variant' | 'color'> & {
+import { WithoutEmotionSpecific } from '../types';
+export type TextFieldProps = Omit<WithoutEmotionSpecific<MuiTextFieldProps>, 'variant' | 'color'> & {
     variant?: never;
     color?: never;
     success?: boolean;

package/esm/ThemeProvider/ThemeProvider.d.ts

@@ -1,7 +1,7 @@
-import { FC, ReactNode } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { Theme } from '../theme';
-export declare type ThemeProviderProps = {
+export type ThemeProviderProps = {
     theme: Theme;
     children: ReactNode;
 };
-export declare const ThemeProvider: FC<ThemeProviderProps>;
+export declare const ThemeProvider: (props: PropsWithChildren<ThemeProviderProps>) => JSX.Element;

package/esm/ThemeProvider/ThemeProvider.js

@@ -1,19 +1,8 @@
-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);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ThemeProvider as MuiThemeProvider } from '@mui/material';
 import { ThemeProvider as EmotionThemeProvider } from '@emotion/react';
 import { GlobalStyles } from '../GlobalStyles';
-export var ThemeProvider = function (props) {
-    var theme = props.theme, children = props.children;
-    return (_jsx(MuiThemeProvider, __assign({ theme: theme }, { children: _jsxs(EmotionThemeProvider, __assign({ theme: theme }, { children: [_jsx(GlobalStyles, {}), children] })) })));
+export const ThemeProvider = (props) => {
+    const { theme, children } = props;
+    return (_jsx(MuiThemeProvider, Object.assign({ theme: theme }, { children: _jsxs(EmotionThemeProvider, Object.assign({ theme: theme }, { children: [_jsx(GlobalStyles, {}), children] })) })));
 };

package/esm/ToggleButton/index.d.ts

@@ -0,0 +1 @@
+export { ToggleButton, type ToggleButtonProps } from '@mui/material';

package/esm/ToggleButton/index.js

@@ -0,0 +1 @@
+export { ToggleButton } from '@mui/material';

package/esm/ToggleButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { ToggleButtonGroup, type ToggleButtonGroupProps } from '@mui/material';

package/esm/ToggleButtonGroup/index.js

@@ -0,0 +1 @@
+export { ToggleButtonGroup } from '@mui/material';

package/esm/Tooltip/Tooltip.d.ts

@@ -2,10 +2,10 @@
 import { TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
 import { WithoutEmotionSpecific } from '../types';
 import { TooltipSize } from './types';
-export declare type TooltipProps = WithoutEmotionSpecific<MuiTooltipProps> & {
+export type TooltipProps = WithoutEmotionSpecific<MuiTooltipProps> & {
     /**
      * Размер тултипа
      */
     size?: TooltipSize;
 };
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "tabIndex" | "children" | "className" | "components" | "componentsProps" | "slot" | "style" | "title" | "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" | "size" | "classes" | "open" | "onClose" | "TransitionComponent" | "TransitionProps" | "placement" | "arrow" | "describeChild" | "disableFocusListener" | "disableHoverListener" | "disableInteractive" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "followCursor" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "PopperComponent" | "PopperProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "color" | "translate" | "components" | "tabIndex" | "children" | "className" | "slotProps" | "slots" | "slot" | "style" | "title" | "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" | "size" | "classes" | "componentsProps" | "open" | "onClose" | "TransitionComponent" | "TransitionProps" | "placement" | "arrow" | "describeChild" | "disableFocusListener" | "disableHoverListener" | "disableInteractive" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "followCursor" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "PopperComponent" | "PopperProps"> & import("react").RefAttributes<HTMLDivElement>>;

package/esm/Tooltip/Tooltip.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,10 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { StyledTooltip } from './styled';
 import { TooltipSizes } from './constants';
-export var Tooltip = forwardRef(function (props, ref) {
-    var title = props.title, _a = props.placement, placement = _a === void 0 ? 'top' : _a, _b = props.size, size = _b === void 0 ? TooltipSizes.MEDIUM : _b, children = props.children, restProps = __rest(props, ["title", "placement", "size", "children"]);
+export const Tooltip = forwardRef((props, ref) => {
+    const { title, placement = 'top', size = TooltipSizes.MEDIUM, children } = props, restProps = __rest(props, ["title", "placement", "size", "children"]);
     if (title) {
-        return (_jsx(StyledTooltip, __assign({ ref: ref, title: title, size: size, placement: placement }, restProps, { children: children })));
+        return (_jsx(StyledTooltip, Object.assign({ ref: ref, title: title, size: size, placement: placement }, restProps, { children: children })));
     }
     return children;
 });

package/esm/Tooltip/styled.js

@@ -1,18 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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)
@@ -28,42 +13,42 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Tooltip } from '@mui/material';
 import { styled } from '../styles';
 import { TooltipSizes } from './constants';
-export var StyledTooltip = styled(function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(Tooltip, __assign({}, props, { classes: { popper: className } })));
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & .MuiTooltip-tooltip {\n    margin: 0;\n\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n\n    background-color: ", ";\n    border-radius: ", ";\n  }\n\n  & .MuiTooltip-arrow {\n    color: ", ";\n  }\n\n  &&[data-popper-placement*='top'] .MuiTooltip-tooltip {\n    margin-bottom: ", ";\n  }\n\n  &&[data-popper-placement*='bottom'] .MuiTooltip-tooltip {\n    margin-top: ", ";\n  }\n\n  &&[data-popper-placement*='left'] .MuiTooltip-tooltip {\n    margin-right: ", ";\n  }\n\n  &&[data-popper-placement*='right'] .MuiTooltip-tooltip {\n    margin-left: ", ";\n  }\n"], ["\n  & .MuiTooltip-tooltip {\n    margin: 0;\n\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n\n    background-color: ", ";\n    border-radius: ", ";\n  }\n\n  & .MuiTooltip-arrow {\n    color: ", ";\n  }\n\n  &&[data-popper-placement*='top'] .MuiTooltip-tooltip {\n    margin-bottom: ", ";\n  }\n\n  &&[data-popper-placement*='bottom'] .MuiTooltip-tooltip {\n    margin-top: ", ";\n  }\n\n  &&[data-popper-placement*='left'] .MuiTooltip-tooltip {\n    margin-right: ", ";\n  }\n\n  &&[data-popper-placement*='right'] .MuiTooltip-tooltip {\n    margin-left: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.typography.fontWeightRegular;
-}, function (_a) {
-    var size = _a.size, theme = _a.theme;
-    return size === TooltipSizes.SMALL
-        ? theme.typography.small.fontSize
-        : theme.typography.ui.fontSize;
-}, function (_a) {
-    var size = _a.size, theme = _a.theme;
-    return size === TooltipSizes.SMALL
-        ? theme.typography.small.lineHeight
-        : theme.typography.ui.lineHeight;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[900];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shape.small;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[900];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(3);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(3);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(2);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(2);
-});
-var templateObject_1;
+export const StyledTooltip = styled((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(Tooltip, Object.assign({}, props, { classes: { popper: className } })));
+}) `
+  & .MuiTooltip-tooltip {
+    margin: 0;
+
+    font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
+    font-size: ${({ size, theme }) => size === TooltipSizes.SMALL
+    ? theme.typography.small.fontSize
+    : theme.typography.ui.fontSize};
+    line-height: ${({ size, theme }) => size === TooltipSizes.SMALL
+    ? theme.typography.small.lineHeight
+    : theme.typography.ui.lineHeight};
+
+    background-color: ${({ theme }) => theme.palette.grey[900]};
+    border-radius: ${({ theme }) => theme.shape.small};
+  }
+
+  & .MuiTooltip-arrow {
+    color: ${({ theme }) => theme.palette.grey[900]};
+  }
+
+  &&[data-popper-placement*='top'] .MuiTooltip-tooltip {
+    margin-bottom: ${({ theme }) => theme.spacing(3)};
+  }
+
+  &&[data-popper-placement*='bottom'] .MuiTooltip-tooltip {
+    margin-top: ${({ theme }) => theme.spacing(3)};
+  }
+
+  &&[data-popper-placement*='left'] .MuiTooltip-tooltip {
+    margin-right: ${({ theme }) => theme.spacing(2)};
+  }
+
+  &&[data-popper-placement*='right'] .MuiTooltip-tooltip {
+    margin-left: ${({ theme }) => theme.spacing(2)};
+  }
+`;

package/esm/Tooltip/types.d.ts

@@ -1,2 +1,2 @@
 import { TooltipSizes } from './constants';
-export declare type TooltipSize = `${TooltipSizes}`;
+export type TooltipSize = `${TooltipSizes}`;

package/esm/Typography/Typography.d.ts

@@ -1,4 +1,36 @@
-/// <reference types="react" />
-import { TypographyProps } from './types';
-export declare const Typography: import("react").ForwardRefExoticComponent<Pick<TypographyProps, string | number | symbol> & import("react").RefAttributes<HTMLElement>>;
+import { TypographyPropsVariantOverrides, TypographyTypeMap } from '@mui/material';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+import { Variant } from '@mui/material/styles/createTypography';
+import { PropsWithChildren } from 'react';
+import { Theme } from '../theme';
+import { WithoutEmotionSpecific } from '../types';
+import { TypographyColors } from './enums';
+type Intensity = '900' | '800' | '700' | '600' | '500' | '400' | '300' | '200' | '100';
+export type TypographyColor = keyof typeof TypographyColors;
+export type TypographyProps = Omit<OverrideProps<WithoutEmotionSpecific<TypographyTypeMap>, React.ElementType>, 'variant' | 'color'> & {
+    variant?: Variant | keyof TypographyPropsVariantOverrides;
+    component?: React.ElementType;
+    color?: TypographyColor | ((theme: Theme) => string);
+    /**
+     * @description интенсивность цвета, будет применена для цвета, у которого есть градации
+     * @variation 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100
+     * @default undefined
+     * @example <Typography color="grey" colorIntensity="500" />
+     */
+    colorIntensity?: Intensity;
+};
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        h7: true;
+        h8: true;
+        h9: true;
+        ui: true;
+        link: true;
+        pointer: true;
+        small: true;
+        code: true;
+        div: true;
+    }
+}
+export declare const Typography: import("react").ForwardRefExoticComponent<Pick<PropsWithChildren<TypographyProps>, string | number | symbol> & import("react").RefAttributes<HTMLElement>>;
 export default Typography;

package/esm/Typography/Typography.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)
@@ -21,17 +10,31 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Typography as MuiTypography } from '@mui/material';
+import { Typography as MuiTypography, } from '@mui/material';
 import { forwardRef, useMemo } from 'react';
 import { TypographyColors } from './enums';
-export var Typography = forwardRef(function (_a, ref) {
-    var children = _a.children, color = _a.color, props = __rest(_a, ["children", "color"]);
-    var typographyColor = useMemo(function () {
+export const Typography = forwardRef((_a, ref) => {
+    var { children, color, colorIntensity = '800' } = _a, props = __rest(_a, ["children", "color", "colorIntensity"]);
+    const typographyColor = useMemo(() => {
         if (typeof color === 'function') {
             return color;
         }
-        return (color && TypographyColors[color]) || color;
-    }, [color]);
-    return (_jsx(MuiTypography, __assign({ ref: ref }, props, { color: typographyColor }, { children: children })));
+        // получаем название цвета по TypographyColors
+        const colorName = color && 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 (_jsx(MuiTypography, Object.assign({ ref: ref }, props, { color: typographyColor }, { children: children })));
 });
 export default Typography;

package/esm/Typography/enums.d.ts

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

package/esm/Typography/enums.js

@@ -3,9 +3,13 @@ export var TypographyColors;
     TypographyColors["text"] = "text";
     TypographyColors["secondary"] = "secondary";
     TypographyColors["primary"] = "primary";
-    TypographyColors["error"] = "error";
+    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 || (TypographyColors = {}));

package/esm/Typography/index.d.ts

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

package/esm/Typography/index.js

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

package/esm/Zoom/Zoom.d.ts

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

package/esm/Zoom/Zoom.js

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

package/esm/docs/Case/Case.d.ts

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

package/esm/docs/Case/Case.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useMediaQuery, useTheme } from '@mui/material';
+import { Typography } from '../../Typography';
+import { CaseContentWrapper, CaseWrapper } from './styles';
+export const Case = (props) => {
+    const { children, descriptionList = [], fullWidth = false, title } = props;
+    const theme = useTheme();
+    const isFullWidth = useMediaQuery(theme.breakpoints.down('sm')) || fullWidth;
+    const subtitles = useMemo(() => {
+        return descriptionList === null || descriptionList === void 0 ? void 0 : descriptionList.map((text, index) => (_jsx(Typography, Object.assign({ paragraph: true }, { children: text }), index)));
+    }, [descriptionList]);
+    return (_jsxs(CaseWrapper, Object.assign({ fullWidth: isFullWidth }, { children: [_jsx(Typography, Object.assign({ variant: "h5", paragraph: true }, { children: title })), subtitles, _jsx(CaseContentWrapper, { children: children })] })));
+};

package/esm/docs/Case/index.d.ts

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

package/esm/docs/Case/index.js

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

package/esm/docs/Case/styles.d.ts

@@ -0,0 +1,13 @@
+/// <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/esm/docs/Case/styles.js

@@ -0,0 +1,13 @@
+import { styled } from '../../styles';
+export const CaseWrapper = styled.div `
+  width: ${({ fullWidth }) => (fullWidth ? '100%' : '70%')};
+  margin-top: ${({ theme }) => theme.spacing(6)};
+  margin-bottom: ${({ theme }) => theme.spacing(6)};
+`;
+export const CaseContentWrapper = 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/esm/docs/ExampleTemplate/ExampleTemplate.d.ts

@@ -0,0 +1,14 @@
+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/esm/docs/ExampleTemplate/ExampleTemplate.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Case } from '../Case';
+export const ExampleTemplate = ({ children }) => (_jsx("section", { children: children }));
+ExampleTemplate.Case = Case;

package/esm/docs/ExampleTemplate/index.d.ts

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

package/esm/docs/ExampleTemplate/index.js

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

package/esm/docs/index.d.ts

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

package/esm/docs/index.js

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

package/esm/hooks/index.d.ts

@@ -1,2 +1,5 @@
 export * from './useLocalStorage';
 export * from './useMenu';
+export * from './useToggle';
+export * from './useForwardedRef';
+export * from './useRadioGroup';

package/esm/hooks/index.js

@@ -1,2 +1,5 @@
 export * from './useLocalStorage';
 export * from './useMenu';
+export * from './useToggle';
+export * from './useForwardedRef';
+export * from './useRadioGroup';

package/esm/hooks/useEscapeClickEffect/index.d.ts

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

package/esm/hooks/useEscapeClickEffect/index.js

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

package/esm/hooks/useEscapeClickEffect/useEscapeClickEffect.d.ts

@@ -0,0 +1,19 @@
+import { Reason } from '../../types';
+export type UseEscapeClickEffectProps = {
+    /**
+     * @description колбэк который будет вызываться при нажатии на кнопку `esc`
+     */
+    onEscape?: (event: Event, reason: Reason) => void;
+    /**
+     * @description флаг активности
+     */
+    isActive: boolean;
+    /**
+     * @description флаг необходимости предотвращать всплытие, подойдет когда используется внутри модалки
+     */
+    preventBubbling?: boolean;
+};
+/**
+ * @description хук клика по кнопке клавиатуры `esc`
+ */
+export declare const useEscapeClickEffect: ({ onEscape, isActive, preventBubbling, }: UseEscapeClickEffectProps) => void;

package/esm/hooks/useEscapeClickEffect/useEscapeClickEffect.js

@@ -0,0 +1,24 @@
+import { useEffect } from 'react';
+/**
+ * @description хук клика по кнопке клавиатуры `esc`
+ */
+export const useEscapeClickEffect = ({ onEscape, isActive, preventBubbling, }) => {
+    useEffect(() => {
+        if (!isActive) {
+            return;
+        }
+        const onKeydown = (e) => {
+            if (e.code === 'Escape') {
+                if (preventBubbling) {
+                    e.stopPropagation();
+                    e.stopImmediatePropagation();
+                }
+                onEscape === null || onEscape === void 0 ? void 0 : onEscape(e, 'escape');
+            }
+        };
+        window.addEventListener('keydown', onKeydown, true);
+        return () => {
+            window.removeEventListener('keydown', onKeydown, true);
+        };
+    }, [isActive]);
+};

package/esm/hooks/useEscapeClickEffect/useEscapeClickEffect.test.d.ts

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