@astral/ui 1.16.3 → 1.17.0

package/ButtonBase/ButtonBase.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.ButtonBase = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var enums_1 = require("./enums");
-var styles_1 = require("./styles");
-exports.ButtonBase = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? enums_1.ButtonVariants.Contained : _b, _c = _a.color, color = _c === void 0 ? enums_1.ButtonColors.Primary : _c, props = __rest(_a, ["children", "variant", "color"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.ButtonBaseWrapper, __assign({ ref: ref }, props, { customColor: color, customVariant: variant }, { children: children })));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const enums_1 = require("./enums");
+const styles_1 = require("./styles");
+exports.ButtonBase = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, variant = enums_1.ButtonVariants.Contained, color = enums_1.ButtonColors.Primary } = _a, props = __rest(_a, ["children", "variant", "color"]);
+    return ((0, jsx_runtime_1.jsx)(styles_1.ButtonBaseWrapper, Object.assign({ ref: ref }, props, { customColor: color, customVariant: variant }, { children: children })));
 });

package/ButtonBase/styles.d.ts

@@ -24,9 +24,9 @@ export declare const getButtonPadding: ({ size, theme, }: ButtonBaseWrapperTheme
 export declare const getDisabledBgColor: ({ theme, customVariant, }: ButtonBaseWrapperThemeProps) => string;
 export declare const getButtonPaddingMobile: ({ size, theme, variant, }: ButtonBaseWrapperThemeProps) => string;
 export declare const getButtonHeightMobile: ({ size, }: ButtonBaseWrapperThemeProps) => string;
-export declare const ButtonBaseWrapper: import("@emotion/styled").StyledComponent<Pick<import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps & Omit<any, keyof import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps> & {
-    component?: import("react").ElementType<any> | undefined;
-}, string | number | symbol> & import("react").RefAttributes<any> & {
+export declare const ButtonBaseWrapper: import("@emotion/styled").StyledComponent<import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | "css" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, keyof import("@mui/base/ButtonUnstyled").ButtonUnstyledOwnProps> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & Omit<BaseButtonProps, "color" | "variant"> & {
     customColor?: "primary" | "error" | "warning" | "success" | undefined;

package/ButtonBase/styles.js

@@ -1,19 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,12 +24,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBaseWrapper = exports.getButtonHeightMobile = exports.getButtonPaddingMobile = exports.getDisabledBgColor = exports.getButtonPadding = exports.getButtonHeight = exports.getBgColor = exports.getColor = void 0;
-var ButtonUnstyled_1 = __importStar(require("@mui/base/ButtonUnstyled"));
-var styles_1 = require("../styles");
-var enums_1 = require("./enums");
-var getColor = function (_a) {
-    var theme = _a.theme, customVariant = _a.customVariant, customColor = _a.customColor, buttonState = _a.buttonState, selected = _a.selected;
-    var textColorVariants = {
+const ButtonUnstyled_1 = __importStar(require("@mui/base/ButtonUnstyled"));
+const styles_1 = require("../styles");
+const enums_1 = require("./enums");
+const getColor = ({ theme, customVariant, customColor, buttonState, selected, }) => {
+    const textColorVariants = {
         selected: {
             default: theme.palette.grey['900'],
             hover: theme.palette.grey['700'],
@@ -108,9 +92,8 @@ var getColor = function (_a) {
     return textColorVariants.link[buttonState];
 };
 exports.getColor = getColor;
-var getBgColor = function (_a) {
-    var selected = _a.selected, customColor = _a.customColor, customVariant = _a.customVariant, buttonState = _a.buttonState, theme = _a.theme;
-    var bgColorVariants = {
+const getBgColor = ({ selected, customColor, customVariant, buttonState, theme, }) => {
+    const bgColorVariants = {
         selected: {
             default: theme.palette.grey['900'],
             hover: theme.palette.grey['700'],
@@ -192,24 +175,21 @@ var getBgColor = function (_a) {
     return bgColorVariants.link;
 };
 exports.getBgColor = getBgColor;
-var getButtonHeight = function (_a) {
-    var size = _a.size;
+const getButtonHeight = ({ size, }) => {
     if (size === enums_1.ButtonSizes.Large) {
         return '40px';
     }
     return '32px';
 };
 exports.getButtonHeight = getButtonHeight;
-var getButtonPadding = function (_a) {
-    var size = _a.size, theme = _a.theme;
+const getButtonPadding = ({ size, theme, }) => {
     if (size === enums_1.ButtonSizes.Large) {
         return theme.spacing(2, 4, 2, 4);
     }
     return theme.spacing(1, 3, 1, 3);
 };
 exports.getButtonPadding = getButtonPadding;
-var getDisabledBgColor = function (_a) {
-    var theme = _a.theme, customVariant = _a.customVariant;
+const getDisabledBgColor = ({ theme, customVariant, }) => {
     if (customVariant === enums_1.ButtonVariants.Link ||
         customVariant === enums_1.ButtonVariants.Text) {
         return 'transparent';
@@ -217,8 +197,7 @@ var getDisabledBgColor = function (_a) {
     return theme.palette.grey['100'];
 };
 exports.getDisabledBgColor = getDisabledBgColor;
-var getButtonPaddingMobile = function (_a) {
-    var size = _a.size, theme = _a.theme, variant = _a.variant;
+const getButtonPaddingMobile = ({ size, theme, variant, }) => {
     if (variant === enums_1.ButtonVariants.Link) {
         return '0';
     }
@@ -228,8 +207,7 @@ var getButtonPaddingMobile = function (_a) {
     return theme.spacing(4, 3);
 };
 exports.getButtonPaddingMobile = getButtonPaddingMobile;
-var getButtonHeightMobile = function (_a) {
-    var size = _a.size;
+const getButtonHeightMobile = ({ size, }) => {
     if (size === enums_1.ButtonSizes.Small) {
         return '32px';
     }
@@ -237,42 +215,59 @@ var getButtonHeightMobile = function (_a) {
 };
 exports.getButtonHeightMobile = getButtonHeightMobile;
 exports.ButtonBaseWrapper = (0, styles_1.styled)(ButtonUnstyled_1.default, {
-    shouldForwardProp: function (prop) {
-        return prop !== 'customColor' && prop !== 'customVariant';
-    },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: ", ";\n  padding: ", ";\n\n  ", " {\n    height: ", ";\n    padding: ", ";\n  }\n\n  color: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  font-family: Ubuntu, serif;\n\n  background-color: ", ";\n\n  border: none;\n  border-radius: ", ";\n  cursor: pointer;\n\n  &:hover {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  &:focus {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n\n    background-color: ", ";\n    outline: none;\n  }\n\n  &.", " {\n    color: ", ";\n\n    background-color: ", ";\n    cursor: unset;\n  }\n\n  &.", " {\n    outline: 2px solid ", ";\n  }\n"], ["\n  position: relative;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: ", ";\n  padding: ", ";\n\n  ", " {\n    height: ", ";\n    padding: ", ";\n  }\n\n  color: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  font-family: Ubuntu, serif;\n\n  background-color: ", ";\n\n  border: none;\n  border-radius: ", ";\n  cursor: pointer;\n\n  &:hover {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  &:focus {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n\n    background-color: ", ";\n    outline: none;\n  }\n\n  &.", " {\n    color: ", ";\n\n    background-color: ", ";\n    cursor: unset;\n  }\n\n  &.", " {\n    outline: 2px solid ", ";\n  }\n"])), exports.getButtonHeight, exports.getButtonPadding, function (_a) {
-    var theme = _a.theme;
-    return theme.breakpoints.down('sm');
-}, exports.getButtonHeightMobile, exports.getButtonPaddingMobile, function (props) {
-    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: enums_1.ButtonStates.Default }));
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.button.fontWeight;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.button.fontSize;
-}, function (props) {
-    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: enums_1.ButtonStates.Default }));
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shape.small;
-}, function (props) {
-    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: enums_1.ButtonStates.Hover }));
-}, function (props) {
-    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: enums_1.ButtonStates.Hover }));
-}, function (props) {
-    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: enums_1.ButtonStates.Focus }));
-}, function (props) {
-    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: enums_1.ButtonStates.Focus }));
-}, function (props) {
-    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: enums_1.ButtonStates.Active }));
-}, function (props) {
-    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: enums_1.ButtonStates.Active }));
-}, ButtonUnstyled_1.buttonUnstyledClasses.disabled, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey['500'];
-}, exports.getDisabledBgColor, ButtonUnstyled_1.buttonUnstyledClasses.focusVisible, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.primary['400'];
-});
-var templateObject_1;
+    shouldForwardProp: (prop) => prop !== 'customColor' && prop !== 'customVariant',
+}) `
+  position: relative;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: ${exports.getButtonHeight};
+  padding: ${exports.getButtonPadding};
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    height: ${exports.getButtonHeightMobile};
+    padding: ${exports.getButtonPaddingMobile};
+  }
+
+  color: ${(props) => (0, exports.getColor)(Object.assign(Object.assign({}, props), { buttonState: enums_1.ButtonStates.Default }))};
+  font-weight: ${({ theme }) => theme.typography.button.fontWeight};
+  font-size: ${({ theme }) => theme.typography.button.fontSize};
+  font-family: Ubuntu, serif;
+
+  background-color: ${(props) => (0, exports.getBgColor)(Object.assign(Object.assign({}, props), { buttonState: enums_1.ButtonStates.Default }))};
+
+  border: none;
+  border-radius: ${({ theme }) => theme.shape.small};
+  cursor: pointer;
+
+  &:hover {
+    color: ${(props) => (0, exports.getColor)(Object.assign(Object.assign({}, props), { buttonState: enums_1.ButtonStates.Hover }))};
+
+    background-color: ${(props) => (0, exports.getBgColor)(Object.assign(Object.assign({}, props), { buttonState: enums_1.ButtonStates.Hover }))};
+  }
+
+  &:focus {
+    color: ${(props) => (0, exports.getColor)(Object.assign(Object.assign({}, props), { buttonState: enums_1.ButtonStates.Focus }))};
+
+    background-color: ${(props) => (0, exports.getBgColor)(Object.assign(Object.assign({}, props), { buttonState: enums_1.ButtonStates.Focus }))};
+  }
+
+  &:active {
+    color: ${(props) => (0, exports.getColor)(Object.assign(Object.assign({}, props), { buttonState: enums_1.ButtonStates.Active }))};
+
+    background-color: ${(props) => (0, exports.getBgColor)(Object.assign(Object.assign({}, props), { buttonState: enums_1.ButtonStates.Active }))};
+    outline: none;
+  }
+
+  &.${ButtonUnstyled_1.buttonUnstyledClasses.disabled} {
+    color: ${({ theme }) => theme.palette.grey['500']};
+
+    background-color: ${exports.getDisabledBgColor};
+    cursor: unset;
+  }
+
+  &.${ButtonUnstyled_1.buttonUnstyledClasses.focusVisible} {
+    outline: 2px solid ${({ theme }) => theme.palette.primary['400']};
+  }
+`;

package/Checkbox/Checkbox.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.Checkbox = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_1 = require("./styled");
-var icons_1 = require("./icons");
-var Checkbox = function (_a) {
-    var _b = _a.icon, icon = _b === void 0 ? (0, jsx_runtime_1.jsx)(icons_1.DefaultIcon, {}) : _b, _c = _a.checkedIcon, checkedIcon = _c === void 0 ? (0, jsx_runtime_1.jsx)(icons_1.CheckedIcon, {}) : _c, _d = _a.indeterminateIcon, indeterminateIcon = _d === void 0 ? (0, jsx_runtime_1.jsx)(icons_1.IndeterminateIcon, {}) : _d, props = __rest(_a, ["icon", "checkedIcon", "indeterminateIcon"]);
-    return ((0, jsx_runtime_1.jsx)(styled_1.StyledCheckbox, __assign({ icon: icon, checkedIcon: checkedIcon, indeterminateIcon: indeterminateIcon }, props)));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_1 = require("./styled");
+const icons_1 = require("./icons");
+const Checkbox = (_a) => {
+    var { icon = (0, jsx_runtime_1.jsx)(icons_1.DefaultIcon, {}), checkedIcon = (0, jsx_runtime_1.jsx)(icons_1.CheckedIcon, {}), indeterminateIcon = (0, jsx_runtime_1.jsx)(icons_1.IndeterminateIcon, {}) } = _a, props = __rest(_a, ["icon", "checkedIcon", "indeterminateIcon"]);
+    return ((0, jsx_runtime_1.jsx)(styled_1.StyledCheckbox, Object.assign({ icon: icon, checkedIcon: checkedIcon, indeterminateIcon: indeterminateIcon }, props)));
 };
 exports.Checkbox = Checkbox;

package/Checkbox/icons.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.IndeterminateIcon = exports.CheckedIcon = exports.DefaultIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var DefaultIcon = function (_a) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const DefaultIcon = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, __assign({ viewBox: "0 0 14 14" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 3C0 1.34315 1.34315 0 3 0H11C12.6569 0 14 1.34315 14 3V11C14 12.6569 12.6569 14 11 14H3C1.34315 14 0 12.6569 0 11V3Z" }), (0, jsx_runtime_1.jsx)("path", { className: "MuiSvgIcon-border", fillRule: "evenodd", clipRule: "evenodd", d: "M11 2H3C2.44772 2 2 2.44772 2 3V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V3C12 2.44772 11.5523 2 11 2ZM3 0C1.34315 0 0 1.34315 0 3V11C0 12.6569 1.34315 14 3 14H11C12.6569 14 14 12.6569 14 11V3C14 1.34315 12.6569 0 11 0H3Z" })] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 14 14" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 3C0 1.34315 1.34315 0 3 0H11C12.6569 0 14 1.34315 14 3V11C14 12.6569 12.6569 14 11 14H3C1.34315 14 0 12.6569 0 11V3Z" }), (0, jsx_runtime_1.jsx)("path", { className: "MuiSvgIcon-border", fillRule: "evenodd", clipRule: "evenodd", d: "M11 2H3C2.44772 2 2 2.44772 2 3V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V3C12 2.44772 11.5523 2 11 2ZM3 0C1.34315 0 0 1.34315 0 3V11C0 12.6569 1.34315 14 3 14H11C12.6569 14 14 12.6569 14 11V3C14 1.34315 12.6569 0 11 0H3Z" })] })));
 };
 exports.DefaultIcon = DefaultIcon;
-var CheckedIcon = function (_a) {
+const CheckedIcon = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, __assign({ viewBox: "0 0 14 14" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { width: "14", height: "14", rx: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "MuiSvgIcon-mark", fillRule: "evenodd", clipRule: "evenodd", d: "M4.71402 6.30066C4.62206 6.20534 4.51205 6.12931 4.39042 6.07701C4.26879 6.0247 4.13797 5.99717 4.0056 5.99602C3.87323 5.99487 3.74195 6.02012 3.61943 6.0703C3.49691 6.12048 3.3856 6.19458 3.292 6.28829C3.19839 6.38199 3.12437 6.49342 3.07424 6.61607C3.02411 6.73872 2.99889 6.87013 3.00004 7.00265C3.00119 7.13516 3.02869 7.26612 3.08094 7.38787C3.13319 7.50963 3.20914 7.61976 3.30435 7.71182L5.29823 9.7078C5.48518 9.8949 5.73871 10 6.00306 10C6.26741 10 6.52094 9.8949 6.7079 9.7078L10.6956 5.71584C10.7909 5.62377 10.8668 5.51365 10.9191 5.39189C10.9713 5.27013 10.9988 5.13918 11 5.00666C11.0011 4.87415 10.9759 4.74274 10.9258 4.62009C10.8756 4.49744 10.8016 4.38601 10.708 4.29231C10.6144 4.1986 10.5031 4.1245 10.3806 4.07432C10.258 4.02414 10.1268 3.99889 9.9944 4.00004C9.86203 4.00119 9.73121 4.02872 9.60958 4.08102C9.48795 4.13333 9.37794 4.20936 9.28598 4.30468L6.00306 7.59106L4.71402 6.30066V6.30066Z" })] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 14 14" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { width: "14", height: "14", rx: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "MuiSvgIcon-mark", fillRule: "evenodd", clipRule: "evenodd", d: "M4.71402 6.30066C4.62206 6.20534 4.51205 6.12931 4.39042 6.07701C4.26879 6.0247 4.13797 5.99717 4.0056 5.99602C3.87323 5.99487 3.74195 6.02012 3.61943 6.0703C3.49691 6.12048 3.3856 6.19458 3.292 6.28829C3.19839 6.38199 3.12437 6.49342 3.07424 6.61607C3.02411 6.73872 2.99889 6.87013 3.00004 7.00265C3.00119 7.13516 3.02869 7.26612 3.08094 7.38787C3.13319 7.50963 3.20914 7.61976 3.30435 7.71182L5.29823 9.7078C5.48518 9.8949 5.73871 10 6.00306 10C6.26741 10 6.52094 9.8949 6.7079 9.7078L10.6956 5.71584C10.7909 5.62377 10.8668 5.51365 10.9191 5.39189C10.9713 5.27013 10.9988 5.13918 11 5.00666C11.0011 4.87415 10.9759 4.74274 10.9258 4.62009C10.8756 4.49744 10.8016 4.38601 10.708 4.29231C10.6144 4.1986 10.5031 4.1245 10.3806 4.07432C10.258 4.02414 10.1268 3.99889 9.9944 4.00004C9.86203 4.00119 9.73121 4.02872 9.60958 4.08102C9.48795 4.13333 9.37794 4.20936 9.28598 4.30468L6.00306 7.59106L4.71402 6.30066V6.30066Z" })] })));
 };
 exports.CheckedIcon = CheckedIcon;
-var IndeterminateIcon = function (_a) {
+const IndeterminateIcon = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, __assign({ viewBox: "0 0 14 14" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { width: "14", height: "14", rx: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "MuiSvgIcon-mark", d: "M10 6H4C3.44772 6 3 6.44772 3 7C3 7.55228 3.44772 8 4 8H10C10.5523 8 11 7.55228 11 7C11 6.44772 10.5523 6 10 6Z" })] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({ viewBox: "0 0 14 14" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { width: "14", height: "14", rx: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "MuiSvgIcon-mark", d: "M10 6H4C3.44772 6 3 6.44772 3 7C3 7.55228 3.44772 8 4 8H10C10.5523 8 11 7.55228 11 7C11 6.44772 10.5523 6 10 6Z" })] })));
 };
 exports.IndeterminateIcon = IndeterminateIcon;

package/Checkbox/styled.js

@@ -1,35 +1,50 @@
 "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.StyledCheckbox = void 0;
-var material_1 = require("@mui/material");
-var styles_1 = require("../styles");
-exports.StyledCheckbox = (0, styles_1.styled)(material_1.Checkbox)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 5px;\n\n  color: ", ";\n\n  border-radius: unset;\n\n  &:hover {\n    color: ", ";\n  }\n\n  & .MuiSvgIcon-border {\n    color: ", ";\n  }\n\n  & > svg {\n    width: 1rem;\n    height: 1rem;\n  }\n\n  &.Mui-disabled {\n    color: ", ";\n\n    & .MuiSvgIcon-border {\n      color: currentColor;\n    }\n  }\n\n  &.Mui-checked,\n  &.MuiCheckbox-indeterminate {\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &.Mui-disabled {\n      color: ", ";\n    }\n\n    & .MuiSvgIcon-mark {\n      color: ", ";\n    }\n  }\n"], ["\n  padding: 5px;\n\n  color: ", ";\n\n  border-radius: unset;\n\n  &:hover {\n    color: ", ";\n  }\n\n  & .MuiSvgIcon-border {\n    color: ", ";\n  }\n\n  & > svg {\n    width: 1rem;\n    height: 1rem;\n  }\n\n  &.Mui-disabled {\n    color: ", ";\n\n    & .MuiSvgIcon-border {\n      color: currentColor;\n    }\n  }\n\n  &.Mui-checked,\n  &.MuiCheckbox-indeterminate {\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &.Mui-disabled {\n      color: ", ";\n    }\n\n    & .MuiSvgIcon-mark {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.background.element;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[300];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[200];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.primary.main;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.primary[700];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[500];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.common.white;
-});
-var templateObject_1;
+const material_1 = require("@mui/material");
+const styles_1 = require("../styles");
+exports.StyledCheckbox = (0, styles_1.styled)(material_1.Checkbox) `
+  padding: 5px;
+
+  color: ${({ theme }) => theme.palette.background.element};
+
+  border-radius: unset;
+
+  &:hover {
+    color: ${({ theme }) => theme.palette.grey[100]};
+  }
+
+  & .MuiSvgIcon-border {
+    color: ${({ theme }) => theme.palette.grey[300]};
+  }
+
+  & > svg {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  &.Mui-disabled {
+    color: ${({ theme }) => theme.palette.grey[200]};
+
+    & .MuiSvgIcon-border {
+      color: currentColor;
+    }
+  }
+
+  &.Mui-checked,
+  &.MuiCheckbox-indeterminate {
+    color: ${({ theme }) => theme.palette.primary.main};
+
+    &:hover {
+      color: ${({ theme }) => theme.palette.primary[700]};
+    }
+
+    &.Mui-disabled {
+      color: ${({ theme }) => theme.palette.grey[500]};
+    }
+
+    & .MuiSvgIcon-mark {
+      color: ${({ theme }) => theme.palette.common.white};
+    }
+  }
+`;

package/Chevron/Chevron.js

@@ -1,18 +1,7 @@
 "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.Chevron = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var Chevron = function (props) { return ((0, jsx_runtime_1.jsx)(styles_1.ChevronWrapper, __assign({}, props))); };
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const Chevron = (props) => ((0, jsx_runtime_1.jsx)(styles_1.ChevronWrapper, Object.assign({}, props)));
 exports.Chevron = Chevron;

package/Chevron/styles.js

@@ -1,22 +1,15 @@
 "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.ChevronWrapper = void 0;
-var icons_1 = require("@astral/icons");
-var styles_1 = require("../styles");
+const icons_1 = require("@astral/icons");
+const styles_1 = require("../styles");
 exports.ChevronWrapper = (0, styles_1.styled)(icons_1.ChevronDOutlineMd, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive'; },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform: rotateZ(", "deg);\n\n  transition: ", ";\n"], ["\n  transform: rotateZ(", "deg);\n\n  transition: ", ";\n"])), function (_a) {
-    var isActive = _a.isActive;
-    return (isActive ? 180 : 0);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.transitions.create('transform', {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.short,
-    });
-});
-var templateObject_1;
+    shouldForwardProp: (prop) => prop !== 'isActive',
+}) `
+  transform: rotateZ(${({ isActive }) => (isActive ? 180 : 0)}deg);
+
+  transition: ${({ theme }) => theme.transitions.create('transform', {
+    easing: theme.transitions.easing.sharp,
+    duration: theme.transitions.duration.short,
+})};
+`;

package/CircularProgress/CircularProgress.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,14 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CircularProgress = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var material_1 = require("@mui/material");
-exports.CircularProgress = (0, react_1.forwardRef)(function (props, ref) {
-    var sizeProp = props.size, color = props.color, restProps = __rest(props, ["size", "color"]);
-    var size = (0, react_1.useMemo)(function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const material_1 = require("@mui/material");
+exports.CircularProgress = (0, react_1.forwardRef)((props, ref) => {
+    const { size: sizeProp, color } = props, restProps = __rest(props, ["size", "color"]);
+    const size = (0, react_1.useMemo)(() => {
         return sizeProp === 'small' ? 16 : 24;
     }, [sizeProp]);
-    return ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, __assign({ ref: ref }, restProps, { size: size, color: "inherit", "data-color": color })));
+    return ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, Object.assign({ ref: ref }, restProps, { size: size, color: "inherit", "data-color": color })));
 });
 exports.default = exports.CircularProgress;

package/CircularProgress/CircularProgressStory.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CircularProgressStory = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var CircularProgress_1 = require("../CircularProgress");
-var CircularProgressStory = function (props) {
-    var size = props.size, color = props.color;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CircularProgress_1 = require("../CircularProgress");
+const CircularProgressStory = (props) => {
+    const { size, color } = props;
     return (0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { size: size, color: color });
 };
 exports.CircularProgressStory = CircularProgressStory;

package/CircularProgress/CircularProgressStoryTemplate.js

@@ -1,21 +1,10 @@
 "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.CircularProgressStoryTemplate = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var CircularProgressStory_1 = require("./CircularProgressStory");
-var CircularProgressStoryTemplate = function (args) {
-    return (0, jsx_runtime_1.jsx)(CircularProgressStory_1.CircularProgressStory, __assign({}, args));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CircularProgressStory_1 = require("./CircularProgressStory");
+const CircularProgressStoryTemplate = (args) => {
+    return (0, jsx_runtime_1.jsx)(CircularProgressStory_1.CircularProgressStory, Object.assign({}, args));
 };
 exports.CircularProgressStoryTemplate = CircularProgressStoryTemplate;
 exports.default = exports.CircularProgressStoryTemplate;

package/Collapse/Collapse.js

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

package/ConfigProvider/ConfigProvider.js

@@ -1,35 +1,23 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfigProvider = exports.ConfigContext = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var ru_1 = __importDefault(require("date-fns/locale/ru"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ru_1 = __importDefault(require("date-fns/locale/ru"));
 exports.ConfigContext = (0, react_1.createContext)({
     locale: ru_1.default,
-    captureException: function (error) { return console.error(error); },
+    captureException: (error) => console.error(error),
 });
-var ConfigProvider = function (_a) {
-    var children = _a.children, _b = _a.locale, locale = _b === void 0 ? ru_1.default : _b, captureException = _a.captureException;
-    (0, react_1.useEffect)(function () {
+const ConfigProvider = ({ children, locale = ru_1.default, captureException, }) => {
+    (0, react_1.useEffect)(() => {
         if (!captureException) {
             console.warn('ConfigProvider: Необходимо наличие captureException, связанного с сервисом мониторинга ошибок.\n' +
                 'На данный момент все ошибки, отлавливаемые в ErrorBoundary будут выводиться только в консоль');
         }
     }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, __assign({ value: { locale: locale, captureException: captureException } }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, Object.assign({ value: { locale, captureException } }, { children: children })));
 };
 exports.ConfigProvider = ConfigProvider;

package/ContentState/ContentState.d.ts

@@ -31,5 +31,5 @@ declare type ContentStateProps = {
      */
     children: ReactNode;
 };
-export declare const ContentState: ({ isLoading, isError, isCustom, errorState, customState, children, loadingContent: LoadingContent, }: ContentStateProps) => JSX.Element;
+export declare const ContentState: ({ isLoading, isError, isCustom, errorState, customState, children, loadingContent, }: ContentStateProps) => JSX.Element;
 export {};