@astral/ui 1.16.3 → 1.18.0

package/ActionCell/ActionCell.js

@@ -1,52 +1,32 @@
 "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.ActionCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icons_1 = require("@astral/icons");
-var react_1 = require("react");
-var IconButton_1 = require("../IconButton");
-var IconDropdownButton_1 = require("../IconDropdownButton");
-var MenuItem_1 = require("../MenuItem");
-var Tooltip_1 = require("../Tooltip");
-var styles_1 = require("./styles");
-function ActionCell(_a) {
-    var _b = _a.actions, _c = _b.main, main = _c === void 0 ? [] : _c, _d = _b.secondary, secondary = _d === void 0 ? [] : _d, row = _a.row;
-    var handleActionClick = function (onClick) {
-        return function () {
-            onClick(row);
-        };
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@astral/icons");
+const react_1 = require("react");
+const IconButton_1 = require("../IconButton");
+const IconDropdownButton_1 = require("../IconDropdownButton");
+const MenuItem_1 = require("../MenuItem");
+const Tooltip_1 = require("../Tooltip");
+const styles_1 = require("./styles");
+function ActionCell({ actions: { main = [], secondary = [] }, row, }) {
+    const handleActionClick = (onClick) => () => {
+        onClick(row);
     };
-    var renderMainAction = (0, react_1.useCallback)(function (action) {
+    const renderMainAction = (0, react_1.useCallback)((action) => {
         if (action.nested) {
-            var name_1 = action.name, actions = action.actions, icon_1 = action.icon;
-            return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, __assign({ title: name_1 }, { children: (0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, __assign({ icon: icon_1, variant: "text" }, { children: actions.map(function (_a) {
-                        var nestedActionName = _a.name, onClick = _a.onClick;
-                        return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, __assign({ onClick: handleActionClick(onClick) }, { children: nestedActionName }), nestedActionName));
-                    }) })) }), name_1));
+            const { name, actions, icon } = action;
+            return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ title: name }, { children: (0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, Object.assign({ icon: icon, variant: "text" }, { children: actions.map(({ name: nestedActionName, onClick }) => ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, Object.assign({ onClick: handleActionClick(onClick) }, { children: nestedActionName }), nestedActionName))) })) }), name));
         }
-        var onClick = action.onClick, name = action.name, icon = action.icon;
-        return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, __assign({ title: name }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, __assign({ variant: "text", onClick: handleActionClick(onClick) }, { children: icon })) }), name));
+        const { onClick, name, icon } = action;
+        return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ title: name }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ variant: "text", onClick: handleActionClick(onClick) }, { children: icon })) }), name));
     }, [handleActionClick]);
-    var renderSecondaryActions = (0, react_1.useMemo)(function () {
+    const renderSecondaryActions = (0, react_1.useMemo)(() => {
         if (!Boolean(secondary.length)) {
             return null;
         }
-        return ((0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, __assign({ icon: (0, jsx_runtime_1.jsx)(icons_1.DotsVOutlineMd, {}), variant: "text" }, { children: secondary.map(function (_a) {
-                var name = _a.name, onClick = _a.onClick;
-                return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, __assign({ onClick: handleActionClick(onClick) }, { children: name }), name));
-            }) })));
+        return ((0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, Object.assign({ icon: (0, jsx_runtime_1.jsx)(icons_1.DotsVOutlineMd, {}), variant: "text" }, { children: secondary.map(({ name, onClick }) => ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, Object.assign({ onClick: handleActionClick(onClick) }, { children: name }), name))) })));
     }, [secondary, handleActionClick]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.ActionCellWrapper, __assign({ onClick: function (event) { return event.stopPropagation(); } }, { children: [main.map(function (action) { return renderMainAction(action); }), renderSecondaryActions] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.ActionCellWrapper, Object.assign({ onClick: (event) => event.stopPropagation() }, { children: [main.map((action) => renderMainAction(action)), renderSecondaryActions] })));
 }
 exports.ActionCell = ActionCell;

package/ActionCell/styles.js

@@ -1,10 +1,8 @@
 "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.ActionCellWrapper = void 0;
-var styles_1 = require("../styles");
-exports.ActionCellWrapper = styles_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var templateObject_1;
+const styles_1 = require("../styles");
+exports.ActionCellWrapper = styles_1.styled.div `
+  display: flex;
+  align-items: center;
+`;

package/Alert/Alert.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,20 +12,20 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var icons_1 = require("@astral/icons");
-var Typography_1 = require("../Typography");
-var Grid_1 = require("../Grid");
-var Collapse_1 = require("../Collapse");
-var styles_1 = require("./styles");
-var Alert = function (_a) {
-    var children = _a.children, title = _a.title, _b = _a.closeText, closeText = _b === void 0 ? 'Скрыть' : _b, _c = _a.display, display = _c === void 0 ? true : _c, actions = _a.actions, onClose = _a.onClose, props = __rest(_a, ["children", "title", "closeText", "display", "actions", "onClose"]);
-    return ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, __assign({ in: display }, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledAlert, __assign({}, props, { closeText: closeText, variant: "filled", onClose: onClose, iconMapping: {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const icons_1 = require("@astral/icons");
+const Typography_1 = require("../Typography");
+const Grid_1 = require("../Grid");
+const Collapse_1 = require("../Collapse");
+const styles_1 = require("./styles");
+const Alert = (_a) => {
+    var { children, title, closeText = 'Скрыть', display = true, actions, onClose } = _a, props = __rest(_a, ["children", "title", "closeText", "display", "actions", "onClose"]);
+    return ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, Object.assign({ in: display }, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledAlert, Object.assign({}, props, { closeText: closeText, variant: "filled", onClose: onClose, iconMapping: {
                 info: (0, jsx_runtime_1.jsx)(icons_1.InfoFillMd, {}),
                 error: (0, jsx_runtime_1.jsx)(icons_1.ErrorFillMd, {}),
                 success: (0, jsx_runtime_1.jsx)(icons_1.SuccessFillMd, {}),
                 warning: (0, jsx_runtime_1.jsx)(icons_1.WarningFillMd, {}),
-            } }, { children: [title && ((0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({ variant: "h5" }, { children: title })) })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({ gutterBottom: Boolean(actions) }, { children: children })), (0, jsx_runtime_1.jsx)(Grid_1.Grid, __assign({ container: true, spacing: 4, autoFlow: "column", justifyContent: "flex-start" }, { children: actions }))] })) })));
+            } }, { children: [title && ((0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: "h5" }, { children: title })) })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ gutterBottom: Boolean(actions) }, { children: children })), (0, jsx_runtime_1.jsx)(Grid_1.Grid, Object.assign({ container: true, spacing: 4, autoFlow: "column", justifyContent: "flex-start" }, { children: actions }))] })) })));
 };
 exports.Alert = Alert;

package/Alert/styles.js

@@ -1,23 +1,20 @@
 "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.StyledAlert = void 0;
-var material_1 = require("@mui/material");
-var styles_1 = require("../styles");
-exports.StyledAlert = (0, styles_1.styled)(material_1.Alert)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", ";\n\n  .MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root) {\n    padding: ", ";\n  }\n\n  ", " {\n    padding: ", ";\n\n    .MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root) {\n      padding: 0;\n    }\n  }\n"], ["\n  padding: ", ";\n\n  .MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root) {\n    padding: ", ";\n  }\n\n  ", " {\n    padding: ", ";\n\n    .MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root) {\n      padding: 0;\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(3);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(3, 0);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.breakpoints.up('sm');
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(2, 4);
-});
-var templateObject_1;
+const material_1 = require("@mui/material");
+const styles_1 = require("../styles");
+exports.StyledAlert = (0, styles_1.styled)(material_1.Alert) `
+  padding: ${({ theme }) => theme.spacing(3)};
+
+  .MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root) {
+    padding: ${({ theme }) => theme.spacing(3, 0)};
+  }
+
+  ${({ theme }) => theme.breakpoints.up('sm')} {
+    padding: ${({ theme }) => theme.spacing(2, 4)};
+
+    .MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root) {
+      padding: 0;
+    }
+  }
+`;

package/Autocomplete/Autocomplete.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,35 +12,35 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Autocomplete = void 0;
-var react_1 = require("react");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var react_2 = require("react");
-var icons_1 = require("@astral/icons");
-var TextField_1 = require("../TextField");
-var Tag_1 = require("../Tag");
-var MenuItem_1 = require("../MenuItem");
-var Checkbox_1 = require("../Checkbox");
-var OverflowTypography_1 = require("../OverflowTypography");
-var constants_1 = require("./constants");
-var Autocomplete = function (props) {
-    var multiple = props.multiple, placeholder = props.placeholder, error = props.error, success = props.success, helperText = props.helperText, label = props.label, _a = props.size, size = _a === void 0 ? 'medium' : _a, getOptionLabel = props.getOptionLabel, externalRenderOption = props.renderOption, overflowOption = props.overflowOption, restProps = __rest(props, ["multiple", "placeholder", "error", "success", "helperText", "label", "size", "getOptionLabel", "renderOption", "overflowOption"]);
-    var renderTags = (0, react_2.useCallback)(function (tags, getTagProps) {
-        return tags.map(function (tag, index) {
-            var title = (getOptionLabel && getOptionLabel(tag)) || '';
-            return ((0, jsx_runtime_1.jsx)(Tag_1.Tag, __assign({ deleteIcon: (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}), color: "grey", label: title }, getTagProps({ index: index }))));
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_2 = require("react");
+const icons_1 = require("@astral/icons");
+const TextField_1 = require("../TextField");
+const Tag_1 = require("../Tag");
+const MenuItem_1 = require("../MenuItem");
+const Checkbox_1 = require("../Checkbox");
+const OverflowTypography_1 = require("../OverflowTypography");
+const constants_1 = require("./constants");
+const Autocomplete = (props) => {
+    const { multiple, placeholder, error, success, helperText, label, size = 'medium', getOptionLabel, renderOption: externalRenderOption, overflowOption } = props, restProps = __rest(props, ["multiple", "placeholder", "error", "success", "helperText", "label", "size", "getOptionLabel", "renderOption", "overflowOption"]);
+    const renderTags = (0, react_2.useCallback)((tags, getTagProps) => {
+        return tags.map((tag, index) => {
+            const title = (getOptionLabel && getOptionLabel(tag)) || '';
+            return ((0, jsx_runtime_1.jsx)(Tag_1.Tag, Object.assign({ deleteIcon: (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}), color: "grey", label: title }, getTagProps({ index }))));
         });
     }, [getOptionLabel]);
-    var renderInput = (0, react_2.useCallback)(function (inputParams) { return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, __assign({}, inputParams, { placeholder: placeholder, label: label, success: success, error: error, helperText: helperText, size: size }))); }, [placeholder, label, success, error, helperText, size]);
-    var renderOption = (0, react_2.useCallback)(function (optionProps, option, optionState) {
+    const renderInput = (0, react_2.useCallback)((inputParams) => ((0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, inputParams, { placeholder: placeholder, label: label, success: success, error: error, helperText: helperText, size: size }))), [placeholder, label, success, error, helperText, size]);
+    const renderOption = (0, react_2.useCallback)((optionProps, option, optionState) => {
         if (externalRenderOption) {
             return externalRenderOption(optionProps, option, optionState);
         }
-        var selected = Boolean(optionProps['aria-selected']);
-        return ((0, react_1.createElement)(MenuItem_1.MenuItem, __assign({}, optionProps, { key: optionProps.id }),
+        const selected = Boolean(optionProps['aria-selected']);
+        return ((0, react_1.createElement)(MenuItem_1.MenuItem, Object.assign({}, optionProps, { key: optionProps.id }),
             multiple && ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: selected }) })),
-            (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, __assign({ rowsCount: constants_1.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT }, overflowOption, { children: optionProps.key }))));
+            (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, Object.assign({ rowsCount: constants_1.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT }, overflowOption, { children: optionProps.key }))));
     }, [multiple, externalRenderOption]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, __assign({}, restProps, { size: size, multiple: multiple, getOptionLabel: getOptionLabel, disableCloseOnSelect: multiple, renderTags: renderTags, renderInput: renderInput, renderOption: renderOption, popupIcon: (0, jsx_runtime_1.jsx)(icons_1.ChevronDOutlineMd, {}), clearIcon: (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}), componentsProps: { clearIndicator: { disableRipple: true } }, noOptionsText: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })));
+    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, Object.assign({}, restProps, { size: size, multiple: multiple, getOptionLabel: getOptionLabel, disableCloseOnSelect: multiple, renderTags: renderTags, renderInput: renderInput, renderOption: renderOption, popupIcon: (0, jsx_runtime_1.jsx)(icons_1.ChevronDOutlineMd, {}), clearIcon: (0, jsx_runtime_1.jsx)(icons_1.CrossSmOutlineSm, {}), componentsProps: { clearIndicator: { disableRipple: true } }, noOptionsText: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })));
 };
 exports.Autocomplete = Autocomplete;

package/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.js

@@ -1,25 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBackdropStackToggle = void 0;
-var react_1 = require("react");
-var nanoid_1 = require("nanoid");
-var BackdropStackManager_1 = require("../../services/BackdropStackManager");
+const react_1 = require("react");
+const nanoid_1 = require("nanoid");
+const BackdropStackManager_1 = require("../../services/BackdropStackManager");
 /**
  * @description хук предназначен для быстрого использования backdropStackManager в реакт компонентах, хранит неуправляемый стейт, если вам нужно управлять этим стейтом, воспользуйтесь backdropStackManager в своем компоненте напрямую.
  */
-var useBackdropStackToggle = function (_a) {
-    var _b = _a === void 0 ? {} : _a, parentId = _b.id;
-    var id = (0, react_1.useRef)(parentId || (0, nanoid_1.nanoid)());
-    var pop = BackdropStackManager_1.backdropStackManager.pop, push = BackdropStackManager_1.backdropStackManager.push, remove = BackdropStackManager_1.backdropStackManager.remove;
-    var _c = (0, react_1.useState)(false), isOpened = _c[0], setOpened = _c[1];
-    var handleOpen = function () {
+const useBackdropStackToggle = ({ id: parentId, } = {}) => {
+    const id = (0, react_1.useRef)(parentId || (0, nanoid_1.nanoid)());
+    const { pop, push, remove } = BackdropStackManager_1.backdropStackManager;
+    const [isOpened, setOpened] = (0, react_1.useState)(false);
+    const handleOpen = () => {
         push(id.current);
         setOpened(true);
     };
-    var handleClose = function (_, reason) {
+    const handleClose = (_, reason) => {
         setOpened(!pop(id.current, reason));
     };
-    (0, react_1.useEffect)(function () { return function () { return remove(id.current); }; }, []);
-    return { isOpened: isOpened, handleOpen: handleOpen, handleClose: handleClose };
+    (0, react_1.useEffect)(() => () => remove(id.current), []);
+    return { isOpened, handleOpen, handleClose };
 };
 exports.useBackdropStackToggle = useBackdropStackToggle;

package/BackdropStack/services/BackdropStackManager/BackdropStackManager.js

@@ -1,41 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.backdropStackManager = void 0;
-var nanoid_1 = require("nanoid");
-var BackdropStackManager = /** @class */ (function () {
-    function BackdropStackManager() {
-        var _this = this;
+const nanoid_1 = require("nanoid");
+class BackdropStackManager {
+    constructor() {
         this.stack = [];
         // сохраняем информацию о том какой был предыдущий вызов pop,
         // нужен для предотвращения синхронного закрытия при последовательности 'blur' и 'backdropClick' в рамках одного клика
         this.previousPopInfo = [null, null];
         this.currentPointerId = null;
-        this.checkOn = function (reason) {
-            var _a = _this.previousPopInfo, previousReason = _a[0], previousPointerId = _a[1];
+        this.checkOn = (reason) => {
+            const [previousReason, previousPointerId] = this.previousPopInfo;
             return (reason === 'backdropClick' &&
                 previousReason === 'blur' &&
-                previousPointerId === _this.currentPointerId);
+                previousPointerId === this.currentPointerId);
         };
-        this.remove = function (id) {
-            _this.stack = _this.stack.filter(function (item) { return item !== id; });
+        this.remove = (id) => {
+            this.stack = this.stack.filter((item) => item !== id);
         };
-        this.push = function (id) {
-            _this.stack.push(id);
+        this.push = (id) => {
+            this.stack.push(id);
         };
-        this.pop = function (id, reason) {
-            if (_this.checkOn(reason)) {
+        this.pop = (id, reason) => {
+            if (this.checkOn(reason)) {
                 return false;
             }
-            var lastOpenedElement = _this.stack[_this.stack.length - 1];
+            const lastOpenedElement = this.stack[this.stack.length - 1];
             if (lastOpenedElement === id) {
-                _this.previousPopInfo = [reason, _this.currentPointerId];
-                _this.stack.pop();
+                this.previousPopInfo = [reason, this.currentPointerId];
+                this.stack.pop();
                 return true;
             }
             return false;
         };
-        document === null || document === void 0 ? void 0 : document.addEventListener('pointerdown', function () { return (_this.currentPointerId = (0, nanoid_1.nanoid)()); });
+        document === null || document === void 0 ? void 0 : document.addEventListener('pointerdown', () => (this.currentPointerId = (0, nanoid_1.nanoid)()));
     }
-    return BackdropStackManager;
-}());
+}
 exports.backdropStackManager = new BackdropStackManager();

package/Badge/Badge.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,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Badge = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_1 = require("./styled");
-var Badge = function (_a) {
-    var children = _a.children, color = _a.color, props = __rest(_a, ["children", "color"]);
-    return ((0, jsx_runtime_1.jsx)(styled_1.StyledBadge, __assign({ customColor: color }, props, { max: 99 }, { children: children })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_1 = require("./styled");
+const Badge = (_a) => {
+    var { children, color } = _a, props = __rest(_a, ["children", "color"]);
+    return ((0, jsx_runtime_1.jsx)(styled_1.StyledBadge, Object.assign({ customColor: color }, props, { max: 99 }, { children: children })));
 };
 exports.Badge = Badge;

package/Badge/styled.d.ts

@@ -8,23 +8,9 @@ export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
     overlap?: "circular" | "rectangular" | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
     variant?: "standard" | "dot" | undefined;
-} & {
-    components?: {
-        Root?: import("react").ElementType<any> | undefined;
-        Badge?: import("react").ElementType<any> | undefined;
-    } | undefined;
-    componentsProps?: {
-        root?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/base").BadgeUnstyledComponentsPropsOverrides) | undefined;
-        badge?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/base").BadgeUnstyledComponentsPropsOverrides) | undefined;
-    } | undefined;
-    badgeContent?: import("react").ReactNode;
-    children?: import("react").ReactNode;
-    invisible?: boolean | undefined;
-    max?: number | undefined;
-    showZero?: boolean | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+} & import("@mui/base").BadgeUnstyledOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "color" | "components" | "children" | "componentsProps" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "invisible" | "anchorOrigin" | "overlap" | "badgeContent" | "max" | "showZero"> & {
+}, "color" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "anchorOrigin" | "overlap" | keyof import("@mui/base").BadgeUnstyledOwnProps> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & Omit<BadgeProps, "color"> & {
     customColor: BadgeColor;

package/Badge/styled.js

@@ -1,14 +1,9 @@
 "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.StyledBadge = void 0;
-var material_1 = require("@mui/material");
-var styles_1 = require("../styles");
-var getBgColor = function (_a) {
-    var customColor = _a.customColor, theme = _a.theme;
+const material_1 = require("@mui/material");
+const styles_1 = require("../styles");
+const getBgColor = ({ customColor, theme }) => {
     if (customColor === 'grey') {
         return theme.palette.grey[300];
     }
@@ -29,8 +24,7 @@ var getBgColor = function (_a) {
     }
     return theme.palette.primary.main;
 };
-var getTextColor = function (_a) {
-    var customColor = _a.customColor, theme = _a.theme;
+const getTextColor = ({ customColor, theme, }) => {
     if (customColor === 'grey') {
         return theme.palette.text.primary;
     }
@@ -52,24 +46,25 @@ var getTextColor = function (_a) {
     return theme.palette.primary.contrastText;
 };
 exports.StyledBadge = (0, styles_1.styled)(material_1.Badge, {
-    shouldForwardProp: function (prop) { return prop !== 'customColor'; },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .MuiBadge-badge {\n    height: 20px;\n    padding: ", ";\n\n    color: ", ";\n    font-size: ", ";\n    line-height: 20px;\n\n    background-color: ", ";\n    border: 2px solid ", ";\n    border-radius: 12px;\n  }\n\n  .MuiBadge-dot {\n    width: 12px;\n    height: 12px;\n\n    border: 2px solid ", ";\n  }\n"], ["\n  .MuiBadge-badge {\n    height: 20px;\n    padding: ", ";\n\n    color: ", ";\n    font-size: ", ";\n    line-height: 20px;\n\n    background-color: ", ";\n    border: 2px solid ", ";\n    border-radius: 12px;\n  }\n\n  .MuiBadge-dot {\n    width: 12px;\n    height: 12px;\n\n    border: 2px solid ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(0, 1);
-}, function (_a) {
-    var customColor = _a.customColor, theme = _a.theme;
-    return getTextColor({ customColor: customColor, theme: theme });
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.small.fontSize;
-}, function (_a) {
-    var customColor = _a.customColor, theme = _a.theme;
-    return getBgColor({ customColor: customColor, theme: theme });
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.common.white;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.common.white;
-});
-var templateObject_1;
+    shouldForwardProp: (prop) => prop !== 'customColor',
+}) `
+  .MuiBadge-badge {
+    height: 20px;
+    padding: ${({ theme }) => theme.spacing(0, 1)};
+
+    color: ${({ customColor, theme }) => getTextColor({ customColor, theme })};
+    font-size: ${({ theme }) => theme.typography.small.fontSize};
+    line-height: 20px;
+
+    background-color: ${({ customColor, theme }) => getBgColor({ customColor, theme })};
+    border: 2px solid ${({ theme }) => theme.palette.common.white};
+    border-radius: 12px;
+  }
+
+  .MuiBadge-dot {
+    width: 12px;
+    height: 12px;
+
+    border: 2px solid ${({ theme }) => theme.palette.common.white};
+  }
+`;

package/Button/Button.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,20 +12,20 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var ButtonBase_1 = require("../ButtonBase");
-var CircularProgress_1 = require("../CircularProgress");
-var constants_1 = require("../CircularProgress/constants");
-var styles_1 = require("./styles");
-exports.Button = (0, react_1.forwardRef)(function (props, ref) {
-    var _a = props.variant, variant = _a === void 0 ? ButtonBase_1.ButtonVariants.Contained : _a, _b = props.color, color = _b === void 0 ? ButtonBase_1.ButtonColors.Primary : _b, restProps = __rest(props, ["variant", "color"]);
-    var loadingIndicatorColor = (0, react_1.useMemo)(function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ButtonBase_1 = require("../ButtonBase");
+const CircularProgress_1 = require("../CircularProgress");
+const constants_1 = require("../CircularProgress/constants");
+const styles_1 = require("./styles");
+exports.Button = (0, react_1.forwardRef)((props, ref) => {
+    const { variant = ButtonBase_1.ButtonVariants.Contained, color = ButtonBase_1.ButtonColors.Primary } = props, restProps = __rest(props, ["variant", "color"]);
+    const loadingIndicatorColor = (0, react_1.useMemo)(() => {
         if (variant !== ButtonBase_1.ButtonVariants.Contained) {
             return constants_1.CircularProgressColors.PRIMARY;
         }
         return constants_1.CircularProgressColors.INVERTED;
     }, [variant]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.LoadingButtonWrapper, __assign({ ref: ref }, restProps, { variant: variant, color: color, loadingIndicator: (0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { color: loadingIndicatorColor, size: "small" }) })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.LoadingButtonWrapper, Object.assign({ ref: ref }, restProps, { variant: variant, color: color, loadingIndicator: (0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { color: loadingIndicatorColor, size: "small" }) })));
 });
 exports.default = exports.Button;

package/Button/styles.js

@@ -1,26 +1,20 @@
 "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.LoadingButtonWrapper = void 0;
-var lab_1 = require("@mui/lab");
-var styles_1 = require("../styles");
-var styles_2 = require("../ButtonBase/styles");
-var ButtonBase_1 = require("../ButtonBase");
+const lab_1 = require("@mui/lab");
+const styles_1 = require("../styles");
+const styles_2 = require("../ButtonBase/styles");
+const ButtonBase_1 = require("../ButtonBase");
 exports.LoadingButtonWrapper = (0, styles_1.styled)(lab_1.LoadingButton, {
-    shouldForwardProp: function (prop) {
-        return prop !== 'customColor' && prop !== 'customVariant';
-    },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-width: ", ";\n  padding: ", ";\n\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"], ["\n  min-width: ", ";\n  padding: ", ";\n\n  ", " {\n    height: ", ";\n    padding: ", ";\n\n    white-space: nowrap;\n  }\n"])), function (_a) {
-    var variant = _a.variant;
-    return variant === ButtonBase_1.ButtonVariants.Link ? 'auto' : '';
-}, function (_a) {
-    var variant = _a.variant;
-    return (variant === ButtonBase_1.ButtonVariants.Link ? 0 : '');
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.breakpoints.down('sm');
-}, styles_2.getButtonHeightMobile, styles_2.getButtonPaddingMobile);
-var templateObject_1;
+    shouldForwardProp: (prop) => prop !== 'customColor' && prop !== 'customVariant',
+}) `
+  min-width: ${({ variant }) => variant === ButtonBase_1.ButtonVariants.Link ? 'auto' : ''};
+  padding: ${({ variant }) => (variant === ButtonBase_1.ButtonVariants.Link ? 0 : '')};
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    height: ${styles_2.getButtonHeightMobile};
+    padding: ${styles_2.getButtonPaddingMobile};
+
+    white-space: nowrap;
+  }
+`;