@astral/ui 1.16.2 → 1.17.0

package/Description/styles.js

@@ -1,16 +1,17 @@
 "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.DescriptionWrapper = void 0;
-var styles_1 = require("../styles");
-exports.DescriptionWrapper = styles_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n\n  ", " {\n    flex-direction: column;\n\n    .MuiTypography-root {\n      font-size: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n\n  ", " {\n    flex-direction: column;\n\n    .MuiTypography-root {\n      font-size: ", ";\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.breakpoints.down('sm');
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.fontSize;
-});
-var templateObject_1;
+const styles_1 = require("../styles");
+exports.DescriptionWrapper = styles_1.styled.div `
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    flex-direction: column;
+
+    .MuiTypography-root {
+      font-size: ${({ theme }) => theme.typography.fontSize};
+    }
+  }
+`;

package/Dialog/Dialog.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,18 +12,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var index_1 = require("../index");
-var Dialog = function (_a) {
-    var children = _a.children, title = _a.title, disableBackdropClick = _a.disableBackdropClick, onClose = _a.onClose, props = __rest(_a, ["children", "title", "disableBackdropClick", "onClose"]);
-    var handleClose = onClose &&
-        (function (event, reason) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const index_1 = require("../index");
+const Dialog = (_a) => {
+    var { children, title, disableBackdropClick, onClose } = _a, props = __rest(_a, ["children", "title", "disableBackdropClick", "onClose"]);
+    const handleClose = onClose &&
+        ((event, reason) => {
             if (disableBackdropClick && reason == 'backdropClick') {
                 return;
             }
             onClose(event, reason);
         });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, __assign({ onClose: handleClose }, props, { children: [title && (0, jsx_runtime_1.jsx)(index_1.DialogTitle, __assign({ onClose: onClose }, { children: title })), children] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({ onClose: handleClose }, props, { children: [title && (0, jsx_runtime_1.jsx)(index_1.DialogTitle, Object.assign({ onClose: onClose }, { children: title })), children] })));
 };
 exports.Dialog = Dialog;

package/DialogActions/DialogActions.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,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogActions = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var Grid_1 = require("../Grid");
-var DialogActions = function (_a) {
-    var children = _a.children, disableSpacing = _a.disableSpacing, props = __rest(_a, ["children", "disableSpacing"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.DialogActions, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(Grid_1.Grid, __assign({ container: true, autoFlow: "column", justifyContent: "end", spacing: disableSpacing ? 0 : 2 }, { children: children })) })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Grid_1 = require("../Grid");
+const DialogActions = (_a) => {
+    var { children, disableSpacing } = _a, props = __rest(_a, ["children", "disableSpacing"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.DialogActions, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(Grid_1.Grid, Object.assign({ container: true, autoFlow: "column", justifyContent: "end", spacing: disableSpacing ? 0 : 2 }, { children: children })) })));
 };
 exports.DialogActions = DialogActions;

package/DialogTitle/DialogTitle.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,18 +12,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogTitle = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var icons_1 = require("@astral/icons");
-var IconButton_1 = require("../IconButton");
-var DialogTitle = function (_a) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const icons_1 = require("@astral/icons");
+const IconButton_1 = require("../IconButton");
+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 ((0, jsx_runtime_1.jsxs)(material_1.DialogTitle, __assign({}, props, { children: [children, onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.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: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })))] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.DialogTitle, Object.assign({}, props, { children: [children, onClose && ((0, jsx_runtime_1.jsx)(IconButton_1.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: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })))] })));
 };
 exports.DialogTitle = DialogTitle;

package/Divider/Divider.js

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

package/DropdownButton/DropdownButton.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.DropdownButton = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var react_1 = require("react");
-var hooks_1 = require("../hooks");
-var Menu_1 = require("../Menu");
-var Button_1 = require("../Button");
-var Chevron_1 = require("../Chevron");
-exports.DropdownButton = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, name = _a.name, props = __rest(_a, ["children", "name"]);
-    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.jsx)(Button_1.Button, __assign({}, props, { ref: anchorRef, onClick: handleOpenMenu, endIcon: (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open }) }, { children: name })) })), (0, jsx_runtime_1.jsx)(Menu_1.Menu, __assign({ open: open, anchorEl: anchorRef.current }, { children: children }))] }));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+const Menu_1 = require("../Menu");
+const Button_1 = require("../Button");
+const Chevron_1 = require("../Chevron");
+exports.DropdownButton = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, name } = _a, props = __rest(_a, ["children", "name"]);
+    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.jsx)(Button_1.Button, Object.assign({}, props, { ref: anchorRef, onClick: handleOpenMenu, endIcon: (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: open }) }, { children: name })) })), (0, jsx_runtime_1.jsx)(Menu_1.Menu, Object.assign({ open: open, anchorEl: anchorRef.current }, { children: children }))] }));
 });

package/ErrorBoundary/ErrorBoundary.js

@@ -1,64 +1,35 @@
 "use strict";
-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);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var Button_1 = require("../Button");
-var Typography_1 = require("../Typography");
-var Grid_1 = require("../Grid");
-var ErrorBoundary = /** @class */ (function (_super) {
-    __extends(ErrorBoundary, _super);
-    function ErrorBoundary() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const Button_1 = require("../Button");
+const Typography_1 = require("../Typography");
+const Grid_1 = require("../Grid");
+class ErrorBoundary extends react_1.default.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 ((0, jsx_runtime_1.jsxs)(Grid_1.Grid, __assign({ alignItems: "center", justifyContent: "center" }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({ variant: "h4", paragraph: true }, { children: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430" })), (0, jsx_runtime_1.jsx)(Button_1.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 ((0, jsx_runtime_1.jsxs)(Grid_1.Grid, Object.assign({ alignItems: "center", justifyContent: "center" }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: "h4", paragraph: true }, { children: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430" })), (0, jsx_runtime_1.jsx)(Button_1.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_1.default.Component));
+    }
+}
 exports.default = ErrorBoundary;

package/Fab/Fab.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,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fab = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var enums_1 = require("./enums");
-exports.Fab = (0, react_1.forwardRef)(function (_a) {
-    var ref = _a.ref, _b = _a.variant, variant = _b === void 0 ? 'square' : _b, _c = _a.size, size = _c === void 0 ? enums_1.FabSizes.Large : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, props = __rest(_a, ["ref", "variant", "size", "color"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledFab, __assign({}, props, { variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+const enums_1 = require("./enums");
+exports.Fab = (0, react_1.forwardRef)((_a) => {
+    var { ref, variant = 'square', size = enums_1.FabSizes.Large, color = 'primary' } = _a, props = __rest(_a, ["ref", "variant", "size", "color"]);
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledFab, Object.assign({}, props, { variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref })));
 });

package/Fab/styles.js

@@ -1,27 +1,11 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledFab = void 0;
-var material_1 = require("@mui/material");
-var styles_1 = require("../styles");
-var enums_1 = require("./enums");
-var getBgColor = function (_a) {
-    var theme = _a.theme, color = _a.color, fabState = _a.fabState;
-    var backgroundColors = {
+const material_1 = require("@mui/material");
+const styles_1 = require("../styles");
+const enums_1 = require("./enums");
+const getBgColor = ({ theme, color, fabState, }) => {
+    const backgroundColors = {
         colored: theme.palette[color && color !== enums_1.FabColors.Default ? color : enums_1.FabColors.Primary][800],
         default: theme.palette.grey[100],
         defaultHover: theme.palette.primary[100],
@@ -42,9 +26,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],
@@ -54,16 +37,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 || enums_1.FabSizes.Large];
 };
-var getBorderRadius = function (props) {
-    var variants = {
+const getBorderRadius = (props) => {
+    const variants = {
         square: props.theme.shape.small,
         circular: '50%',
     };
@@ -73,12 +56,25 @@ var getBorderRadius = function (props) {
     return variants[props.variant || 'square'];
 };
 exports.StyledFab = (0, styles_1.styled)(material_1.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: enums_1.FabStates.Default })); }, function (props) {
-    return getBgColor(__assign(__assign({}, props), { fabState: enums_1.FabStates.Default }));
-}, function (props) { return getBorderRadius(props); }, function (props) { return getColor(__assign(__assign({}, props), { fabState: enums_1.FabStates.Active })); }, function (props) {
-    return getBgColor(__assign(__assign({}, props), { fabState: enums_1.FabStates.Active }));
-}, function (props) { return getColor(__assign(__assign({}, props), { fabState: enums_1.FabStates.Hover })); }, function (props) {
-    return getBgColor(__assign(__assign({}, props), { fabState: enums_1.FabStates.Hover }));
-});
-var templateObject_1;
+    shouldForwardProp: (props) => props !== 'size' && props !== 'isSquare',
+}) `
+  width: ${(props) => getSize(props)};
+  height: ${(props) => getSize(props)};
+
+  color: ${(props) => getColor(Object.assign(Object.assign({}, props), { fabState: enums_1.FabStates.Default }))};
+
+  background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: enums_1.FabStates.Default }))};
+  border-radius: ${(props) => getBorderRadius(props)};
+
+  :active {
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { fabState: enums_1.FabStates.Active }))};
+
+    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: enums_1.FabStates.Active }))};
+  }
+
+  :hover {
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { fabState: enums_1.FabStates.Hover }))};
+
+    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: enums_1.FabStates.Hover }))};
+  }
+`;

package/Fade/Fade.js

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

package/FormControlLabel/FormControlLabel.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.FormControlLabel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_1 = require("./styled");
-var FormControlLabel = function (_a) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_1 = require("./styled");
+const FormControlLabel = (_a) => {
     var props = __rest(_a, []);
-    return (0, jsx_runtime_1.jsx)(styled_1.StyledFormControlLabel, __assign({}, props));
+    return (0, jsx_runtime_1.jsx)(styled_1.StyledFormControlLabel, Object.assign({}, props));
 };
 exports.FormControlLabel = FormControlLabel;

package/FormControlLabel/styled.js

@@ -1,14 +1,13 @@
 "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.StyledFormControlLabel = void 0;
-var material_1 = require("@mui/material");
-var styles_1 = require("../styles");
-exports.StyledFormControlLabel = (0, styles_1.styled)(material_1.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;
+const material_1 = require("@mui/material");
+const styles_1 = require("../styles");
+exports.StyledFormControlLabel = (0, styles_1.styled)(material_1.FormControlLabel) `
+  margin-right: 0;
+  margin-left: -5px;
+
+  & .MuiFormControlLabel-label {
+    margin-left: ${({ theme }) => theme.spacing(1)};
+  }
+`;

package/FormHelperText/FormHelperText.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormHelperText = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_1 = require("./styled");
-var FormHelperText = function (props) {
-    var success = props.success, error = props.error, children = props.children;
-    var Icon = (0, react_1.useMemo)(function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styled_1 = require("./styled");
+const FormHelperText = (props) => {
+    const { success, error, children } = props;
+    const Icon = (0, react_1.useMemo)(() => {
         if (success) {
             return (0, jsx_runtime_1.jsx)(styled_1.SuccessIcon, {});
         }

package/FormHelperText/styled.js

@@ -1,22 +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.Content = exports.ErrorIcon = exports.SuccessIcon = void 0;
-var icons_1 = require("@astral/icons");
-var styles_1 = require("../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 icons_1 = require("@astral/icons");
+const styles_1 = require("../styles");
+const getStyles = (theme) => {
+    return `display: inline-flex;
+  justify-content: center;
+  font-size: ${theme.typography.h5.fontSize};
+  vertical-align: middle;`;
 };
-exports.SuccessIcon = (0, styles_1.styled)(icons_1.SuccessFillSm)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return getStyles(theme);
-});
-exports.ErrorIcon = (0, styles_1.styled)(icons_1.ErrorFillSm)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return getStyles(theme);
-});
-exports.Content = styles_1.styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  vertical-align: middle;\n"], ["\n  vertical-align: middle;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
+exports.SuccessIcon = (0, styles_1.styled)(icons_1.SuccessFillSm) `
+  ${({ theme }) => getStyles(theme)}
+`;
+exports.ErrorIcon = (0, styles_1.styled)(icons_1.ErrorFillSm) `
+  ${({ theme }) => getStyles(theme)}
+`;
+exports.Content = styles_1.styled.span `
+  vertical-align: middle;
+`;

package/GlobalStyles/GlobalStyles.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,22 +12,20 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GlobalStyles = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@emotion/react");
-var material_1 = require("@mui/material");
-var theme_1 = require("../theme");
-var GlobalStyles = function (_a) {
-    var _b;
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var theme = (0, theme_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, __assign({}, props, { children: children })), (0, jsx_runtime_1.jsx)(react_1.Global, { styles: {
-                    html: (_b = {
-                            fontSize: theme.typography.htmlFontSize
-                        },
-                        _b[theme.breakpoints.down('sm')] = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@emotion/react");
+const material_1 = require("@mui/material");
+const theme_1 = require("../theme");
+const GlobalStyles = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const theme = (0, theme_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, Object.assign({}, props, { children: children })), (0, jsx_runtime_1.jsx)(react_1.Global, { styles: {
+                    html: {
+                        fontSize: theme.typography.htmlFontSize,
+                        [theme.breakpoints.down('sm')]: {
                             fontSize: 16,
                         },
-                        _b),
+                    },
                     '*': {
                         scrollbarWidth: 'thin',
                     },