@astral/ui 0.48.3 → 1.0.0-test.1670405759

package/ProductSwitcher/ProductSwitcher.stories.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = exports.handleGetProducts = exports.handleReject = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const docs_1 = require("../docs");
+const Typography_1 = require("../Typography");
+const Grid_1 = require("../Grid");
+const DashboardLayout_1 = require("../DashboardLayout");
+const ProductSwitcher_1 = require("./ProductSwitcher");
+exports.default = {
+    title: 'Components/ProductSwitcher',
+    component: ProductSwitcher_1.ProductSwitcher,
+    excludeStories: ['handleGetProducts', 'handleReject'],
+};
+const handleReject = () => {
+    return new Promise((_resolve, reject) => reject(''));
+};
+exports.handleReject = handleReject;
+const handleGetProducts = () => {
+    return new Promise((resolve) => setTimeout(() => resolve([
+        {
+            url: '',
+            name: 'Астрал.Отчет',
+            logoUrl: 'https://identity.astral.ru/api/Files/06a5fb56-210c-4f08-bb7b-253a9103560f',
+            color: '#2d77ff',
+        },
+        {
+            url: '',
+            name: 'Астрал.ЭДО',
+            logoUrl: 'https://identity.astral.ru/api/Files/b5b06b5a-2d0e-491b-9815-043d82f104aa',
+            color: 'rgb(117 90 253)',
+        },
+        {
+            url: '',
+            name: 'Астрал.КЭДО',
+            logoUrl: 'https://identity.astral.ru/api/Files/f0519e97-7a50-4796-a8d2-877cd15c7668',
+            color: 'rgb(117 90 253)',
+        },
+        {
+            url: '',
+            name: 'Астрал.ОФД',
+            logoUrl: 'https://identity.astral.ru/api/Files/f0519e97-7a50-4796-a8d2-877cd15c7668',
+            color: 'rgb(117 90 253)',
+        },
+        {
+            url: '',
+            name: 'Астрал.ЭТ',
+            logoUrl: 'https://identity.astral.ru/api/Files/ac497150-1926-47be-9e5f-42e739e7279c',
+            color: 'rgb(55 103 152)',
+        },
+        {
+            url: '',
+            name: 'Личный кабинет',
+            logoUrl: 'https://identity.astral.ru/api/Files/9d214f12-c518-44e2-a711-fa1bf2b89fdd',
+            color: 'rgb(10, 124, 255)',
+        },
+        {
+            url: '',
+            name: 'Кабинет партнера',
+            logoUrl: 'https://identity.astral.ru/api/Files/f0519e97-7a50-4796-a8d2-877cd15c7668',
+            color: 'rgb(117 90 253)',
+        },
+    ]), 1500));
+};
+exports.handleGetProducts = handleGetProducts;
+const header = {
+    productSwitcher() {
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ProductSwitcher_1.ProductSwitcher, { getProducts: exports.handleGetProducts }) }));
+    },
+    product: {
+        name: 'Астрал.ЭДО',
+        logo() {
+            return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.5 6.10352e-05C5.1195 6.10352e-05 4 1.11956 4 2.50006V3.00006H13.75C15.545 3.00006 17 4.45506 17 6.25006V11.2501C17 12.2166 16.2165 13.0001 15.25 13.0001H8.75C7.7835 13.0001 7 12.2166 7 11.2501V8.00006H5C4.4475 8.00006 4 8.44756 4 9.00006V13.5001C4 14.8806 5.1195 16.0001 6.5 16.0001H17.5C18.8805 16.0001 20 14.8806 20 13.5001V2.50006C20 1.11956 18.8805 6.10352e-05 17.5 6.10352e-05H6.5Z", fill: "#8566FF" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 4.00006C1.1195 4.00006 0 5.11956 0 6.50006V17.5001C0 18.8806 1.1195 20.0001 2.5 20.0001H13.5C14.8805 20.0001 16 18.8806 16 17.5001V17.0001H6.25C4.455 17.0001 3 15.5451 3 13.7501V8.75006C3 7.78356 3.7835 7.00006 4.75 7.00006H11.25C12.2165 7.00006 13 7.78356 13 8.75006V12.0001H15C15.5525 12.0001 16 11.5526 16 11.0001V6.50006C16 5.11956 14.8805 4.00006 13.5 4.00006H2.5Z", fill: "#5D3FD4" })] })));
+        },
+    },
+    profile: {
+        displayName: 'Григорьев Виталий',
+        annotation: 'vitatiy_grig@mail.ru',
+        avatar: {
+            alt: 'Григорьев Виталий',
+            children: 'ГВ',
+        },
+        menu: () => null,
+    },
+};
+const Default = () => {
+    return ((0, jsx_runtime_1.jsxs)(docs_1.ExampleTemplate, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ paragraph: true, variant: "h3" }, { children: "Product Switcher" })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ paragraph: true }, { children: "Product Switcher \u0434\u0430\u0435\u0442 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C \u0431\u044B\u0441\u0442\u0440\u043E\u0433\u043E \u043F\u0435\u0440\u0435\u0445\u043E\u0434\u0430 \u043A \u0434\u0440\u0443\u0433\u043E\u043C\u0443 \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0432 \u0445\u044D\u0434\u0435\u0440\u0435 \u0441\u0438\u0441\u0442\u0435\u043C\u044B" })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: "h4", paragraph: true }, { children: "\u0422\u0438\u043F\u044B \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430" })), (0, jsx_runtime_1.jsx)(docs_1.ExampleTemplate.Case, Object.assign({ title: "\u041F\u0435\u0440\u0435\u0445\u043E\u0434 \u043A \u0434\u0440\u0443\u0433\u043E\u043C\u0443 \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443", descriptionList: [''] }, { children: (0, jsx_runtime_1.jsxs)(Grid_1.Grid, Object.assign({ container: true, justifyContent: "center", autoFlow: "column", spacing: 4 }, { children: [(0, jsx_runtime_1.jsx)(ProductSwitcher_1.ProductSwitcher, { getProducts: exports.handleGetProducts }), (0, jsx_runtime_1.jsx)(ProductSwitcher_1.ProductSwitcher, { getProducts: exports.handleReject })] })) })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: "h5", paragraph: true }, { children: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F" })), (0, jsx_runtime_1.jsx)(DashboardLayout_1.DashboardLayout, { children: (0, jsx_runtime_1.jsx)(DashboardLayout_1.DashboardLayout.Header, Object.assign({}, header)) })] }));
+};
+exports.Default = Default;

package/ProductSwitcher/ProductSwitcherContent/ProductSwitcherContent.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WidgetProduct } from '../types';
+type ProductSwitcherContentProps = {
+    isLoading: boolean;
+    products: Array<WidgetProduct>;
+    isError: boolean;
+};
+export declare const ProductSwitcherContent: ({ isLoading, isError, products, }: ProductSwitcherContentProps) => JSX.Element;
+export {};

package/ProductSwitcher/ProductSwitcherContent/ProductSwitcherContent.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductSwitcherContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContentState_1 = require("../../ContentState");
+const styles_1 = require("./styles");
+const ProductSwitcherContent = ({ isLoading, isError, products = [], }) => {
+    return ((0, jsx_runtime_1.jsx)(ContentState_1.ContentState, Object.assign({ isLoading: isLoading, isCustom: isError, customState: {
+            imgAlt: 'Что-то пошло не так',
+            title: 'Что-то пошло не так',
+            description: 'Произошла ошибка. Повторите попытку позже.',
+            // TODO: imgSrc обязательный параметр, а в title не засунуть текст с иконкой. Соответствующая доработка в задаче:
+            // https://astraltrack.atlassian.net/jira/software/c/projects/UIKIT/boards/142?modal=detail&selectedIssue=UIKIT-435
+            imgSrc: '',
+        } }, { children: products.map((product) => ((0, jsx_runtime_1.jsxs)(styles_1.ProductItem, Object.assign({}, product, { children: [(0, jsx_runtime_1.jsx)(styles_1.Logo, { src: product.logoUrl, color: product.color }), product.name] }), product.name))) })));
+};
+exports.ProductSwitcherContent = ProductSwitcherContent;

package/ProductSwitcher/ProductSwitcherContent/index.d.ts

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

package/ProductSwitcher/ProductSwitcherContent/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("./ProductSwitcherContent"), exports);

package/{esm/MenuItem/styled.d.ts → ProductSwitcher/ProductSwitcherContent/styles.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
+export declare const ProductItem: import("@emotion/styled").StyledComponent<{
     autoFocus?: boolean | undefined;
     classes?: Partial<import("@mui/material").MenuItemClasses> | undefined;
     dense?: boolean | undefined;
@@ -7,7 +7,7 @@ export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
     disableGutters?: boolean | undefined;
     divider?: boolean | undefined;
     selected?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
 } & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
     centerRipple?: boolean | undefined;
@@ -20,12 +20,16 @@ export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
     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;
+    sx?: import("@mui/system").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").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | "css" | keyof import("react").LiHTMLAttributes<HTMLLIElement>> & {
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "css" | "key" | keyof import("react").LiHTMLAttributes<HTMLLIElement>> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "disabled" | "onFocusVisible" | "tabIndex" | "action" | "children" | "autoFocus" | "selected" | "divider" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "sx" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & {
+}, "disabled" | "action" | "divider" | "sx" | "onFocusVisible" | "tabIndex" | "children" | "autoFocus" | "selected" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
+export declare const Logo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/ProductSwitcher/ProductSwitcherContent/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = exports.ProductItem = void 0;
+const styles_1 = require("../../styles");
+const MenuItem_1 = require("../../MenuItem");
+exports.ProductItem = (0, styles_1.styled)(MenuItem_1.MenuItem) `
+  width: 100%;
+
+  border-radius: ${({ theme }) => theme.shape.small};
+`;
+exports.Logo = styles_1.styled.img `
+  width: 40px;
+  height: 40px;
+  margin-right: ${({ theme }) => theme.spacing(2)};
+
+  background-color: ${({ color }) => color};
+  border-radius: ${({ theme }) => theme.shape.small};
+`;

package/ProductSwitcher/index.d.ts

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

package/ProductSwitcher/index.js

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

package/{esm/DatePicker/DatePickerHeader/styled.d.ts → ProductSwitcher/styles.d.ts}

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const DatePickerHeaderWrapper: import("@emotion/styled").StyledComponent<{
+export declare const ContentWrapper: 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 declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<Pick<import("../../Typography").TypographyProps, string | number | symbol> & import("react").RefAttributes<HTMLElement> & {
+export declare const WidgetMenu: import("@emotion/styled").StyledComponent<import("../Menu").MenuProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/ProductSwitcher/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetMenu = exports.ContentWrapper = void 0;
+const styles_1 = require("../styles");
+const Menu_1 = require("../Menu");
+exports.ContentWrapper = styles_1.styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-width: 240px;
+  max-width: 280px;
+  min-height: 150px;
+  padding: ${({ theme }) => theme.spacing(2)};
+`;
+exports.WidgetMenu = (0, styles_1.styled)(Menu_1.Menu) `
+  .MuiList-root {
+    padding: 0;
+  }
+`;

package/ProductSwitcher/types.d.ts

@@ -0,0 +1,6 @@
+export type WidgetProduct = {
+    url: string;
+    name: string;
+    logoUrl: string;
+    color: string;
+};

package/Profile/Profile.js

@@ -1,26 +1,15 @@
 "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.Profile = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var material_1 = require("@mui/material");
-var hooks_1 = require("../hooks");
-var Chevron_1 = require("../Chevron");
-var styled_1 = require("./styled");
-exports.Profile = (0, react_1.forwardRef)(function (props, ref) {
-    var displayName = props.displayName, annotation = props.annotation, _a = props.avatar, avatar = _a === void 0 ? {} : _a, Menu = props.menu;
-    var _b = (0, hooks_1.useMenu)(), open = _b.open, anchorRef = _b.anchorRef, handleOpenMenu = _b.handleOpenMenu, handleCloseMenu = _b.handleCloseMenu;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, __assign({ ref: ref, onClickAway: handleCloseMenu }, { children: (0, jsx_runtime_1.jsxs)(styled_1.ProfileRoot, __assign({ ref: anchorRef, variant: "text", onClick: handleOpenMenu }, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ProfileUser, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ProfileCredentials, { children: [(0, jsx_runtime_1.jsx)(styled_1.ProfileDisplayName, { children: displayName }), (0, jsx_runtime_1.jsx)(styled_1.ProfileAnnotation, { children: annotation })] }), (0, jsx_runtime_1.jsx)(material_1.Avatar, __assign({}, avatar))] }), (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open })] })) })), (0, jsx_runtime_1.jsx)(Menu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu })] }));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const material_1 = require("@mui/material");
+const hooks_1 = require("../hooks");
+const Chevron_1 = require("../Chevron");
+const styled_1 = require("./styled");
+exports.Profile = (0, react_1.forwardRef)((props, ref) => {
+    const { displayName, annotation, avatar = {}, menu: Menu } = props;
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ ref: ref, onClickAway: handleCloseMenu }, { children: (0, jsx_runtime_1.jsxs)(styled_1.ProfileRoot, Object.assign({ ref: anchorRef, variant: "text", onClick: handleOpenMenu }, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ProfileUser, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ProfileCredentials, { children: [(0, jsx_runtime_1.jsx)(styled_1.ProfileDisplayName, { children: displayName }), (0, jsx_runtime_1.jsx)(styled_1.ProfileAnnotation, { children: annotation })] }), (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({}, avatar))] }), (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open })] })) })), (0, jsx_runtime_1.jsx)(Menu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu })] }));
 });
 exports.default = exports.Profile;

package/Profile/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const ProfileRoot: import("@emotion/styled").StyledComponent<Pick<import("../Button").ButtonProps, "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" | "endIcon" | "fullWidth" | "startIcon" | "loading" | "loadingIndicator" | "loadingPosition"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const ProfileRoot: import("@emotion/styled").StyledComponent<Pick<import("../Button").ButtonProps, "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" | "endIcon" | "fullWidth" | "startIcon" | "loading" | "loadingIndicator" | "loadingPosition"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ProfileUser: import("@emotion/styled").StyledComponent<{

package/Profile/styled.js

@@ -1,39 +1,35 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProfileAnnotation = exports.ProfileDisplayName = exports.ProfileCredentials = exports.ProfileUser = exports.ProfileRoot = void 0;
-var Button_1 = require("../Button");
-var styles_1 = require("../styles");
-exports.ProfileRoot = (0, styles_1.styled)(Button_1.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: auto;\n  padding: ", ";\n\n  text-align: right;\n"], ["\n  display: flex;\n  align-items: center;\n  height: auto;\n  padding: ", ";\n\n  text-align: right;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(0.5, 0.5, 0.5, 2);
-});
-exports.ProfileUser = styles_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: ", ";\n  align-items: center;\n"], ["\n  display: flex;\n  gap: ", ";\n  align-items: center;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(2);
-});
-exports.ProfileCredentials = styles_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
-exports.ProfileDisplayName = styles_1.styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: block;\n\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"], ["\n  display: block;\n\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.typography.fontWeightBold;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.pxToRem(12);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.pxToRem(14);
-});
-exports.ProfileAnnotation = styles_1.styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: block;\n\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"], ["\n  display: block;\n\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[500];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.pxToRem(12);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.pxToRem(16);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+const Button_1 = require("../Button");
+const styles_1 = require("../styles");
+exports.ProfileRoot = (0, styles_1.styled)(Button_1.Button) `
+  display: flex;
+  align-items: center;
+  height: auto;
+  padding: ${({ theme }) => theme.spacing(0.5, 0.5, 0.5, 2)};
+
+  text-align: right;
+`;
+exports.ProfileUser = styles_1.styled.div `
+  display: flex;
+  gap: ${({ theme }) => theme.spacing(2)};
+  align-items: center;
+`;
+exports.ProfileCredentials = styles_1.styled.div `
+  display: block;
+`;
+exports.ProfileDisplayName = styles_1.styled.span `
+  display: block;
+
+  font-weight: ${({ theme }) => theme.typography.fontWeightBold};
+  font-size: ${({ theme }) => theme.typography.pxToRem(12)};
+  line-height: ${({ theme }) => theme.typography.pxToRem(14)};
+`;
+exports.ProfileAnnotation = styles_1.styled.span `
+  display: block;
+
+  color: ${({ theme }) => theme.palette.grey[500]};
+  font-size: ${({ theme }) => theme.typography.pxToRem(12)};
+  line-height: ${({ theme }) => theme.typography.pxToRem(16)};
+`;

package/Profile/types.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import { PropsWithChildren } from 'react';
 import { AvatarProps, MenuProps } from '@mui/material';
-export declare type ProfileProps = {
+import { WithoutEmotionSpecific } from '../types';
+export type ProfileProps = {
     /**
      * Имя профиля
      */
@@ -16,5 +17,5 @@ export declare type ProfileProps = {
     /**
      * Выпадающее меню
      */
-    menu: React.FC<MenuProps>;
+    menu: (props: PropsWithChildren<WithoutEmotionSpecific<MenuProps>>) => JSX.Element;
 };

package/Radio/Icon.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,15 +12,15 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckedCircleIcon = exports.DefaultIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var DefaultIcon = function (_a) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const DefaultIcon = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, __assign({ viewBox: "0 0 24 24" }, props, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "7", fill: "#DDE2E8" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "5" })] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "7", fill: "#DDE2E8" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "5" })] })));
 };
 exports.DefaultIcon = DefaultIcon;
-var CheckedCircleIcon = function (_a) {
+const CheckedCircleIcon = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, __assign({ viewBox: "0 0 24 24" }, props, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "7" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "2", fill: "#FAFBFC" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 0V-1H-1V0H0ZM24 0H25V-1H24V0ZM24 24V25H25V24H24ZM0 24H-1V25H0V24ZM0 1H24V-1H0V1ZM23 0V24H25V0H23ZM24 23H0V25H24V23ZM1 24V0H-1V24H1Z", fill: "#E64343" })] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 24 24" }, props, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "7" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "2", fill: "#FAFBFC" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 0V-1H-1V0H0ZM24 0H25V-1H24V0ZM24 24V25H25V24H24ZM0 24H-1V25H0V24ZM0 1H24V-1H0V1ZM23 0V24H25V0H23ZM24 23H0V25H24V23ZM1 24V0H-1V24H1Z", fill: "#E64343" })] })));
 };
 exports.CheckedCircleIcon = CheckedCircleIcon;

package/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { RadioProps } from './types';
-export declare const Radio: React.ForwardRefExoticComponent<Pick<RadioProps, "disabled" | "onFocusVisible" | "tabIndex" | "action" | "className" | "form" | "slot" | "style" | "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" | "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" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "required" | "inputProps" | "inputRef" | "readOnly" | "icon" | "checkedIcon" | "checked" | "edge"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<Pick<RadioProps, "disabled" | "icon" | "action" | "translate" | "onFocusVisible" | "tabIndex" | "className" | "form" | "slot" | "style" | "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" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "required" | "inputProps" | "inputRef" | "readOnly" | "checked" | "checkedIcon" | "edge"> & React.RefAttributes<HTMLButtonElement>>;
 export default Radio;

package/Radio/Radio.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,12 +15,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Radio = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var styled_1 = require("./styled");
-var Icon_1 = require("./Icon");
-exports.Radio = react_1.default.forwardRef(function (_a, ref) {
-    var _b = _a.icon, icon = _b === void 0 ? (0, jsx_runtime_1.jsx)(Icon_1.DefaultIcon, {}) : _b, _c = _a.checkedIcon, checkedIcon = _c === void 0 ? (0, jsx_runtime_1.jsx)(Icon_1.CheckedCircleIcon, {}) : _c, props = __rest(_a, ["icon", "checkedIcon"]);
-    return ((0, jsx_runtime_1.jsx)(styled_1.StyledRadio, __assign({ icon: icon, checkedIcon: checkedIcon, ref: ref }, props)));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styled_1 = require("./styled");
+const Icon_1 = require("./Icon");
+exports.Radio = react_1.default.forwardRef((_a, ref) => {
+    var { icon = (0, jsx_runtime_1.jsx)(Icon_1.DefaultIcon, {}), checkedIcon = (0, jsx_runtime_1.jsx)(Icon_1.CheckedCircleIcon, {}) } = _a, props = __rest(_a, ["icon", "checkedIcon"]);
+    return ((0, jsx_runtime_1.jsx)(styled_1.StyledRadio, Object.assign({ icon: icon, checkedIcon: checkedIcon, ref: ref }, props)));
 });
 exports.default = exports.Radio;