@astral/ui 0.48.4 → 1.0.0-test.1670422830

package/TextField/TextField.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TextFieldProps } from './types';
-export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "disabled" | "error" | "success" | "tabIndex" | "type" | "children" | "className" | "label" | "slot" | "select" | "style" | "title" | "key" | "css" | "autoFocus" | "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" | "margin" | "classes" | "sx" | "fullWidth" | "focused" | "multiline" | "hiddenLabel" | "required" | "autoComplete" | "inputProps" | "inputRef" | "rows" | "maxRows" | "minRows" | "SelectProps" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "disabled" | "color" | "translate" | "margin" | "error" | "success" | "tabIndex" | "type" | "children" | "className" | "label" | "slot" | "select" | "style" | "title" | "key" | "autoFocus" | "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" | "classes" | "fullWidth" | "focused" | "required" | "autoComplete" | "inputProps" | "inputRef" | "multiline" | "rows" | "maxRows" | "minRows" | "hiddenLabel" | "SelectProps" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TextField;

package/TextField/TextField.js

@@ -1,15 +1,4 @@
 "use strict";
-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)
@@ -26,30 +15,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var TextField_1 = __importDefault(require("@mui/material/TextField"));
-var FormHelperText_1 = require("../FormHelperText");
-exports.TextField = (0, react_1.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 = (0, react_1.useMemo)(function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const FormHelperTextContent_1 = require("../FormHelperText/FormHelperTextContent");
+exports.TextField = (0, react_1.forwardRef)((props, ref) => {
+    const { variant, success, error, color: colorProp, helperText: helperTextProp } = props, restProps = __rest(props, ["variant", "success", "error", "color", "helperText"]);
+    const color = (0, react_1.useMemo)(() => {
         if (success) {
             return 'success';
         }
         return undefined;
     }, [success]);
-    var helperText = (0, react_1.useMemo)(function () {
+    const helperText = (0, react_1.useMemo)(() => {
         if (success) {
-            return (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, __assign({ success: true }, { children: helperTextProp }));
+            return ((0, jsx_runtime_1.jsx)(FormHelperTextContent_1.FormHelperTextContent, Object.assign({ success: true }, { children: helperTextProp })));
         }
         if (error) {
-            return (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, __assign({ error: true }, { children: helperTextProp }));
+            return ((0, jsx_runtime_1.jsx)(FormHelperTextContent_1.FormHelperTextContent, Object.assign({ error: true }, { children: helperTextProp })));
         }
         if (helperTextProp) {
             return helperTextProp;
         }
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }, [helperTextProp, success, error]);
-    return ((0, jsx_runtime_1.jsx)(TextField_1.default, __assign({ ref: ref, variant: "outlined", error: error, color: color, helperText: helperText }, restProps)));
+    return ((0, jsx_runtime_1.jsx)(TextField_1.default, Object.assign({ ref: ref, variant: "outlined", error: error, color: color, helperText: helperText }, restProps)));
 });
 exports.default = exports.TextField;

package/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/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/ThemeProvider/ThemeProvider.js

@@ -1,23 +1,12 @@
 "use strict";
-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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var react_1 = require("@emotion/react");
-var GlobalStyles_1 = require("../GlobalStyles");
-var ThemeProvider = function (props) {
-    var theme = props.theme, children = props.children;
-    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(react_1.ThemeProvider, __assign({ theme: theme }, { children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, {}), children] })) })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("@emotion/react");
+const GlobalStyles_1 = require("../GlobalStyles");
+const ThemeProvider = (props) => {
+    const { theme, children } = props;
+    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, Object.assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(react_1.ThemeProvider, Object.assign({ theme: theme }, { children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, {}), children] })) })));
 };
 exports.ThemeProvider = ThemeProvider;

package/ToggleButton/index.d.ts

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

package/ToggleButton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleButton = void 0;
+var material_1 = require("@mui/material");
+Object.defineProperty(exports, "ToggleButton", { enumerable: true, get: function () { return material_1.ToggleButton; } });

package/ToggleButtonGroup/index.d.ts

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

package/ToggleButtonGroup/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleButtonGroup = void 0;
+var material_1 = require("@mui/material");
+Object.defineProperty(exports, "ToggleButtonGroup", { enumerable: true, get: function () { return material_1.ToggleButtonGroup; } });

package/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/Tooltip/Tooltip.js

@@ -1,15 +1,4 @@
 "use strict";
-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,14 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_1 = require("./styled");
-var constants_1 = require("./constants");
-exports.Tooltip = (0, react_1.forwardRef)(function (props, ref) {
-    var title = props.title, _a = props.placement, placement = _a === void 0 ? 'top' : _a, _b = props.size, size = _b === void 0 ? constants_1.TooltipSizes.MEDIUM : _b, children = props.children, restProps = __rest(props, ["title", "placement", "size", "children"]);
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styled_1 = require("./styled");
+const constants_1 = require("./constants");
+exports.Tooltip = (0, react_1.forwardRef)((props, ref) => {
+    const { title, placement = 'top', size = constants_1.TooltipSizes.MEDIUM, children } = props, restProps = __rest(props, ["title", "placement", "size", "children"]);
     if (title) {
-        return ((0, jsx_runtime_1.jsx)(styled_1.StyledTooltip, __assign({ ref: ref, title: title, size: size, placement: placement }, restProps, { children: children })));
+        return ((0, jsx_runtime_1.jsx)(styled_1.StyledTooltip, Object.assign({ ref: ref, title: title, size: size, placement: placement }, restProps, { children: children })));
     }
     return children;
 });

package/Tooltip/styled.js

@@ -1,19 +1,4 @@
 "use strict";
-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)
@@ -27,46 +12,46 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledTooltip = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var styles_1 = require("../styles");
-var constants_1 = require("./constants");
-exports.StyledTooltip = (0, styles_1.styled)(function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.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 === constants_1.TooltipSizes.SMALL
-        ? theme.typography.small.fontSize
-        : theme.typography.ui.fontSize;
-}, function (_a) {
-    var size = _a.size, theme = _a.theme;
-    return size === constants_1.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;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const styles_1 = require("../styles");
+const constants_1 = require("./constants");
+exports.StyledTooltip = (0, styles_1.styled)((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({}, props, { classes: { popper: className } })));
+}) `
+  & .MuiTooltip-tooltip {
+    margin: 0;
+
+    font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
+    font-size: ${({ size, theme }) => size === constants_1.TooltipSizes.SMALL
+    ? theme.typography.small.fontSize
+    : theme.typography.ui.fontSize};
+    line-height: ${({ size, theme }) => size === constants_1.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/Tooltip/types.d.ts

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

package/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/Typography/Typography.js

@@ -1,15 +1,4 @@
 "use strict";
-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,18 +12,32 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Typography = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var react_1 = require("react");
-var enums_1 = require("./enums");
-exports.Typography = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, color = _a.color, props = __rest(_a, ["children", "color"]);
-    var typographyColor = (0, react_1.useMemo)(function () {
+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;
         }
-        return (color && enums_1.TypographyColors[color]) || color;
-    }, [color]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ ref: ref }, props, { color: typographyColor }, { children: children })));
+        // получаем название цвета по 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

@@ -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/Typography/enums.js

@@ -6,9 +6,13 @@ 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 = exports.TypographyColors || (exports.TypographyColors = {}));

package/Typography/index.d.ts

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

package/Typography/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Typography"), exports);
-__exportStar(require("./types"), exports);

package/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/Zoom/Zoom.js

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

package/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/docs/Case/Case.js

@@ -0,0 +1,18 @@
+"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

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

package/docs/Case/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Case"), exports);

package/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 {};