@astral/ui 1.16.3 → 1.18.0

package/esm/DialogTitle/DialogTitle.js

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

package/esm/DropdownButton/DropdownButton.js

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

package/esm/ErrorBoundary/ErrorBoundary.js

@@ -1,59 +1,30 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Button } from '../Button';
 import { Typography } from '../Typography';
 import { Grid } from '../Grid';
-var ErrorBoundary = /** @class */ (function (_super) {
-    __extends(ErrorBoundary, _super);
-    function ErrorBoundary() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
+class ErrorBoundary extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
             error: false,
         };
-        return _this;
     }
-    ErrorBoundary.getDerivedStateFromError = function () {
+    static getDerivedStateFromError() {
         return { error: true };
-    };
-    ErrorBoundary.prototype.componentDidCatch = function (error) {
+    }
+    componentDidCatch(error) {
         var _a, _b;
         (_b = (_a = this.props).captureException) === null || _b === void 0 ? void 0 : _b.call(_a, error);
-    };
-    ErrorBoundary.prototype.handleReloadPage = function () {
+    }
+    handleReloadPage() {
         location.reload();
-    };
-    ErrorBoundary.prototype.render = function () {
+    }
+    render() {
         if (this.state.error) {
-            return (_jsxs(Grid, __assign({ alignItems: "center", justifyContent: "center" }, { children: [_jsx(Typography, __assign({ variant: "h4", paragraph: true }, { children: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430" })), _jsx(Button, __assign({ onClick: this.handleReloadPage }, { children: "\u041F\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443" }))] })));
+            return (_jsxs(Grid, Object.assign({ alignItems: "center", justifyContent: "center" }, { children: [_jsx(Typography, Object.assign({ variant: "h4", paragraph: true }, { children: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430" })), _jsx(Button, Object.assign({ onClick: this.handleReloadPage }, { children: "\u041F\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443" }))] })));
         }
         return this.props.children;
-    };
-    return ErrorBoundary;
-}(React.Component));
+    }
+}
 export default ErrorBoundary;

package/esm/Fab/Fab.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -24,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { StyledFab } from './styles';
 import { FabSizes } from './enums';
-export var Fab = forwardRef(function (_a) {
-    var ref = _a.ref, _b = _a.variant, variant = _b === void 0 ? 'square' : _b, _c = _a.size, size = _c === void 0 ? FabSizes.Large : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, props = __rest(_a, ["ref", "variant", "size", "color"]);
-    return (_jsx(StyledFab, __assign({}, props, { variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref })));
+export const Fab = forwardRef((_a) => {
+    var { ref, variant = 'square', size = FabSizes.Large, color = 'primary' } = _a, props = __rest(_a, ["ref", "variant", "size", "color"]);
+    return (_jsx(StyledFab, Object.assign({}, props, { variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref })));
 });

package/esm/Fab/styles.js

@@ -1,24 +1,8 @@
-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);
-};
 import { Fab } from '@mui/material';
 import { styled } from '../styles';
 import { FabColors, FabSizes, FabStates } from './enums';
-var getBgColor = function (_a) {
-    var theme = _a.theme, color = _a.color, fabState = _a.fabState;
-    var backgroundColors = {
+const getBgColor = ({ theme, color, fabState, }) => {
+    const backgroundColors = {
         colored: theme.palette[color && color !== FabColors.Default ? color : FabColors.Primary][800],
         default: theme.palette.grey[100],
         defaultHover: theme.palette.primary[100],
@@ -39,9 +23,8 @@ var getBgColor = function (_a) {
     }
     return backgroundColors.colored;
 };
-var getColor = function (_a) {
-    var theme = _a.theme, color = _a.color, fabState = _a.fabState;
-    var colors = {
+const getColor = ({ theme, color, fabState, }) => {
+    const colors = {
         colored: theme.palette.grey[100],
         default: theme.palette.grey[900],
         hover: theme.palette.primary[800],
@@ -51,16 +34,16 @@ var getColor = function (_a) {
     }
     return colors.colored;
 };
-var getSize = function (props) {
-    var sizes = {
+const getSize = (props) => {
+    const sizes = {
         small: '42px',
         medium: '52px',
         large: '62px',
     };
     return sizes[props.size || FabSizes.Large];
 };
-var getBorderRadius = function (props) {
-    var variants = {
+const getBorderRadius = (props) => {
+    const variants = {
         square: props.theme.shape.small,
         circular: '50%',
     };
@@ -69,13 +52,26 @@ var getBorderRadius = function (props) {
     }
     return variants[props.variant || 'square'];
 };
-export var StyledFab = styled(Fab, {
-    shouldForwardProp: function (props) { return props !== 'size' && props !== 'isSquare'; },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n\n  color: ", ";\n\n  background: ", ";\n  border-radius: ", ";\n\n  :active {\n    color: ", ";\n\n    background: ", ";\n  }\n\n  :hover {\n    color: ", ";\n\n    background: ", ";\n  }\n"], ["\n  width: ", ";\n  height: ", ";\n\n  color: ", ";\n\n  background: ", ";\n  border-radius: ", ";\n\n  :active {\n    color: ", ";\n\n    background: ", ";\n  }\n\n  :hover {\n    color: ", ";\n\n    background: ", ";\n  }\n"])), function (props) { return getSize(props); }, function (props) { return getSize(props); }, function (props) { return getColor(__assign(__assign({}, props), { fabState: FabStates.Default })); }, function (props) {
-    return getBgColor(__assign(__assign({}, props), { fabState: FabStates.Default }));
-}, function (props) { return getBorderRadius(props); }, function (props) { return getColor(__assign(__assign({}, props), { fabState: FabStates.Active })); }, function (props) {
-    return getBgColor(__assign(__assign({}, props), { fabState: FabStates.Active }));
-}, function (props) { return getColor(__assign(__assign({}, props), { fabState: FabStates.Hover })); }, function (props) {
-    return getBgColor(__assign(__assign({}, props), { fabState: FabStates.Hover }));
-});
-var templateObject_1;
+export const StyledFab = styled(Fab, {
+    shouldForwardProp: (props) => props !== 'size' && props !== 'isSquare',
+}) `
+  width: ${(props) => getSize(props)};
+  height: ${(props) => getSize(props)};
+
+  color: ${(props) => getColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Default }))};
+
+  background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Default }))};
+  border-radius: ${(props) => getBorderRadius(props)};
+
+  :active {
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Active }))};
+
+    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Active }))};
+  }
+
+  :hover {
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Hover }))};
+
+    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Hover }))};
+  }
+`;

package/esm/FormControlLabel/FormControlLabel.js

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

package/esm/FormControlLabel/styled.js

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

package/esm/FormHelperText/FormHelperText.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Content, ErrorIcon, SuccessIcon } from './styled';
-export var FormHelperText = function (props) {
-    var success = props.success, error = props.error, children = props.children;
-    var Icon = useMemo(function () {
+export const FormHelperText = (props) => {
+    const { success, error, children } = props;
+    const Icon = useMemo(() => {
         if (success) {
             return _jsx(SuccessIcon, {});
         }

package/esm/FormHelperText/styled.js

@@ -1,19 +1,17 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { ErrorFillSm, SuccessFillSm } from '@astral/icons';
 import { styled } from '../styles';
-var getStyles = function (theme) {
-    return "display: inline-flex;\n  justify-content: center;\n  font-size: ".concat(theme.typography.h5.fontSize, ";\n  vertical-align: middle;");
+const getStyles = (theme) => {
+    return `display: inline-flex;
+  justify-content: center;
+  font-size: ${theme.typography.h5.fontSize};
+  vertical-align: middle;`;
 };
-export var SuccessIcon = styled(SuccessFillSm)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return getStyles(theme);
-});
-export var ErrorIcon = styled(ErrorFillSm)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return getStyles(theme);
-});
-export var Content = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  vertical-align: middle;\n"], ["\n  vertical-align: middle;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
+export const SuccessIcon = styled(SuccessFillSm) `
+  ${({ theme }) => getStyles(theme)}
+`;
+export const ErrorIcon = styled(ErrorFillSm) `
+  ${({ theme }) => getStyles(theme)}
+`;
+export const Content = styled.span `
+  vertical-align: middle;
+`;

package/esm/GlobalStyles/GlobalStyles.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -24,18 +13,16 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { Global } from '@emotion/react';
 import { CssBaseline } from '@mui/material';
 import { useTheme } from '../theme';
-export var GlobalStyles = function (_a) {
-    var _b;
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var theme = useTheme();
-    return (_jsxs(_Fragment, { children: [_jsx(CssBaseline, __assign({}, props, { children: children })), _jsx(Global, { styles: {
-                    html: (_b = {
-                            fontSize: theme.typography.htmlFontSize
-                        },
-                        _b[theme.breakpoints.down('sm')] = {
+export const GlobalStyles = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const theme = useTheme();
+    return (_jsxs(_Fragment, { children: [_jsx(CssBaseline, Object.assign({}, props, { children: children })), _jsx(Global, { styles: {
+                    html: {
+                        fontSize: theme.typography.htmlFontSize,
+                        [theme.breakpoints.down('sm')]: {
                             fontSize: 16,
                         },
-                        _b),
+                    },
                     '*': {
                         scrollbarWidth: 'thin',
                     },

package/esm/Grid/Grid.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -22,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledGrid } from './styled';
-export var Grid = function (_a) {
-    var _b = _a.container, container = _b === void 0 ? false : _b, templateColumns = _a.templateColumns, templateRows = _a.templateRows, templateAreas = _a.templateAreas, columnSpacing = _a.columnSpacing, rowSpacing = _a.rowSpacing, spacing = _a.spacing, autoColumns = _a.autoColumns, autoRows = _a.autoRows, autoFlow = _a.autoFlow, column = _a.column, row = _a.row, area = _a.area, _c = _a.component, component = _c === void 0 ? 'div' : _c, children = _a.children, props = __rest(_a, ["container", "templateColumns", "templateRows", "templateAreas", "columnSpacing", "rowSpacing", "spacing", "autoColumns", "autoRows", "autoFlow", "column", "row", "area", "component", "children"]);
-    return (_jsx(StyledGrid, __assign({ container: container, gridTemplateColumns: templateColumns, gridTemplateRows: templateRows, gridTemplateAreas: templateAreas, columnGap: columnSpacing, rowGap: rowSpacing, gap: spacing, gridAutoColumns: autoColumns, gridAutoRows: autoRows, gridAutoFlow: autoFlow, gridColumn: column, gridRow: row, gridArea: area, component: component }, props, { children: children })));
+export const Grid = (_a) => {
+    var { container = false, templateColumns, templateRows, templateAreas, columnSpacing, rowSpacing, spacing, autoColumns, autoRows, autoFlow, column, row, area, component = 'div', children } = _a, props = __rest(_a, ["container", "templateColumns", "templateRows", "templateAreas", "columnSpacing", "rowSpacing", "spacing", "autoColumns", "autoRows", "autoFlow", "column", "row", "area", "component", "children"]);
+    return (_jsx(StyledGrid, Object.assign({ container: container, gridTemplateColumns: templateColumns, gridTemplateRows: templateRows, gridTemplateAreas: templateAreas, columnGap: columnSpacing, rowGap: rowSpacing, gap: spacing, gridAutoColumns: autoColumns, gridAutoRows: autoRows, gridAutoFlow: autoFlow, gridColumn: column, gridRow: row, gridArea: area, component: component }, props, { children: children })));
 };

package/esm/Grid/styled.js

@@ -1,11 +1,5 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { Box } from '@mui/material';
 import { styled } from '../styles';
-export var StyledGrid = styled(Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (_a) {
-    var container = _a.container;
-    return container && 'grid';
-});
-var templateObject_1;
+export const StyledGrid = styled(Box) `
+  display: ${({ container }) => container && 'grid'};
+`;

package/esm/IconButton/IconButton.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { IconButtonWrapper } from './styles';
-export var IconButton = forwardRef(function (_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (_jsx(IconButtonWrapper, __assign({}, props, { ref: ref }, { children: children })));
+export const IconButton = forwardRef((_a, ref) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsx(IconButtonWrapper, Object.assign({}, props, { ref: ref }, { children: children })));
 });

package/esm/IconButton/styles.js

@@ -1,32 +1,26 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { styled } from '../styles';
 import { ButtonBase, ButtonSizes } from '../ButtonBase';
-export var getButtonSize = function (_a) {
-    var size = _a.size;
+export const getButtonSize = ({ size, }) => {
     if (size === ButtonSizes.Large) {
         return '40px';
     }
     return '32px';
 };
-export var getButtonSizeMobile = function (_a) {
-    var size = _a.size;
+export const getButtonSizeMobile = ({ size, }) => {
     if (size === ButtonSizes.Small) {
         return '36px';
     }
     return '48px';
 };
-export var IconButtonWrapper = styled(ButtonBase, {
-    shouldForwardProp: function (prop) {
-        return prop !== 'startIcon' && prop !== 'endIcon' && prop !== 'loading';
-    },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  padding: ", ";\n\n  ", " {\n    width: ", ";\n    height: ", ";\n  }\n"], ["\n  width: ", ";\n  height: ", ";\n  padding: ", ";\n\n  ", " {\n    width: ", ";\n    height: ", ";\n  }\n"])), getButtonSize, getButtonSize, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(1);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.breakpoints.down('sm');
-}, getButtonSizeMobile, getButtonSizeMobile);
-var templateObject_1;
+export const IconButtonWrapper = styled(ButtonBase, {
+    shouldForwardProp: (prop) => prop !== 'startIcon' && prop !== 'endIcon' && prop !== 'loading',
+}) `
+  width: ${getButtonSize};
+  height: ${getButtonSize};
+  padding: ${({ theme }) => theme.spacing(1)};
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    width: ${getButtonSizeMobile};
+    height: ${getButtonSizeMobile};
+  }
+`;

package/esm/IconDropdownButton/IconDropdownButton.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -26,8 +15,8 @@ import { forwardRef } from 'react';
 import { useMenu } from '../hooks';
 import { IconButton } from '../IconButton';
 import { Menu } from '../Menu';
-export var IconDropdownButton = forwardRef(function (_a, ref) {
-    var children = _a.children, icon = _a.icon, props = __rest(_a, ["children", "icon"]);
-    var _b = useMenu(ref), open = _b.open, anchorRef = _b.anchorRef, handleOpenMenu = _b.handleOpenMenu, handleCloseMenu = _b.handleCloseMenu;
-    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, __assign({ onClickAway: handleCloseMenu, mouseEvent: "onMouseDown" }, { children: _jsx(IconButton, __assign({}, props, { ref: anchorRef, onClick: handleOpenMenu, selected: open }, { children: icon })) })), _jsx(Menu, __assign({ open: open, anchorEl: anchorRef.current }, { children: children }))] }));
+export const IconDropdownButton = forwardRef((_a, ref) => {
+    var { children, icon } = _a, props = __rest(_a, ["children", "icon"]);
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = useMenu(ref);
+    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, Object.assign({ onClickAway: handleCloseMenu, mouseEvent: "onMouseDown" }, { children: _jsx(IconButton, Object.assign({}, props, { ref: anchorRef, onClick: handleOpenMenu, selected: open }, { children: icon })) })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorRef.current }, { children: children }))] }));
 });

package/esm/List/List.js

@@ -1,16 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import MuiList from '@mui/material/List';
-export var List = function (props) {
-    return _jsx(MuiList, __assign({}, props));
+export const List = (props) => {
+    return _jsx(MuiList, Object.assign({}, props));
 };

package/esm/ListItem/ListItem.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -22,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledListItem } from './styles';
-export var ListItem = function (_a) {
+export const ListItem = (_a) => {
     var props = __rest(_a, []);
-    return _jsx(StyledListItem, __assign({}, props));
+    return _jsx(StyledListItem, Object.assign({}, props));
 };