@astral/ui 0.1.1 → 0.2.1

package/esm/src/theme/typography.js

@@ -2,7 +2,7 @@ var HTML_FONT_SIZE = 14;
 // Т.к. нет досутпа к теме, написал функцию для конвертации px в rem
 export var pxToRem = function (fontSize, htmlFontSize) {
     if (htmlFontSize === void 0) { htmlFontSize = HTML_FONT_SIZE; }
-    return fontSize / htmlFontSize + "rem";
+    return "".concat(fontSize / htmlFontSize, "rem");
 };
 export var typography = {
     fontSize: 14,

package/{cjs → node}/src/Badge/Badge.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BadgeProps } from './types';
 declare const Badge: ({ children, color, ...props }: BadgeProps) => JSX.Element;
 export default Badge;

package/{cjs → node}/src/Badge/styled.d.ts

@@ -23,7 +23,7 @@ export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
     color?: "primary" | "secondary" | "default" | "error" | "warning" | "info" | "success" | undefined;
     overlap?: "circular" | "rectangular" | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "dot" | "standard" | undefined;
+    variant?: "standard" | "dot" | undefined;
 } & {
     anchorOrigin?: import("@mui/material").BadgeOrigin | undefined;
     components?: {
@@ -43,7 +43,7 @@ export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
     variant?: string | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "children" | "sx" | "variant" | "components" | "componentsProps" | "invisible" | "overlap" | "anchorOrigin" | "badgeContent" | "max" | "showZero"> & {
+}, "components" | "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "componentsProps" | "invisible" | "anchorOrigin" | "overlap" | "badgeContent" | "max" | "showZero"> & {
     theme?: Theme | undefined;
 } & Omit<BadgeProps, "color"> & {
     customColor: BadgeColor;

package/{cjs → node}/src/Button/Button.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ButtonProps } from './types';
 export declare const Button: ({ children, startIcon, endIcon, loading, ...props }: ButtonProps) => JSX.Element;

package/{cjs → node}/src/Button/styled.js

@@ -17,12 +17,15 @@ exports.StyledButton = (0, styles_1.styled)(ButtonBase_1.ButtonBase, {
     shouldForwardProp: function (prop) {
         return prop !== 'startIcon' && prop !== 'endIcon' && prop !== 'loading';
     },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: ", ";\n  color: ", ";\n\n  > span:first-of-type {\n    display: inherit;\n    margin-right: ", ";\n  }\n\n  > span:last-of-type {\n    display: inherit;\n    margin-left: ", ";\n  }\n\n  .MuiCircularProgress-root {\n    width: 16px !important;\n    height: 16px !important;\n    transform: translate(-50%, -50%);\n    position: absolute;\n\n    color: ", ";\n  }\n"], ["\n  pointer-events: ", ";\n  color: ", ";\n\n  > span:first-of-type {\n    display: inherit;\n    margin-right: ", ";\n  }\n\n  > span:last-of-type {\n    display: inherit;\n    margin-left: ", ";\n  }\n\n  .MuiCircularProgress-root {\n    width: 16px !important;\n    height: 16px !important;\n    transform: translate(-50%, -50%);\n    position: absolute;\n\n    color: ", ";\n  }\n"])), function (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: ", ";\n  color: ", ";\n\n  &:focus {\n    color: ", ";\n  }\n\n  > span:first-of-type {\n    display: inherit;\n    margin-right: ", ";\n  }\n\n  > span:last-of-type {\n    display: inherit;\n    margin-left: ", ";\n  }\n\n  .MuiCircularProgress-root {\n    width: 16px !important;\n    height: 16px !important;\n    transform: translate(-50%, -50%);\n    position: absolute;\n\n    color: ", ";\n  }\n"], ["\n  pointer-events: ", ";\n  color: ", ";\n\n  &:focus {\n    color: ", ";\n  }\n\n  > span:first-of-type {\n    display: inherit;\n    margin-right: ", ";\n  }\n\n  > span:last-of-type {\n    display: inherit;\n    margin-left: ", ";\n  }\n\n  .MuiCircularProgress-root {\n    width: 16px !important;\n    height: 16px !important;\n    transform: translate(-50%, -50%);\n    position: absolute;\n\n    color: ", ";\n  }\n"])), function (_a) {
     var loading = _a.loading;
     return (loading ? 'none' : 'inherit');
 }, function (_a) {
     var loading = _a.loading;
     return loading && 'transparent';
+}, function (_a) {
+    var loading = _a.loading;
+    return loading && 'transparent';
 }, function (_a) {
     var theme = _a.theme;
     return theme.spacing(2);

package/{cjs → node}/src/ButtonBase/ButtonBase.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BaseButtonProps } from './types';
 export declare const ButtonBase: ({ children, variant, color, ...props }: BaseButtonProps) => JSX.Element;

package/{cjs → node}/src/ButtonBase/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Palette, Theme } from '../theme';
+import { Theme } from '../theme';
 import { BaseButtonProps, ButtonColor, ButtonSize, ButtonState, ButtonVariant } from './types';
 declare type StyledButtonBaseThemeProps = {
     customColor?: ButtonColor;
@@ -10,11 +10,6 @@ declare type StyledButtonBaseThemeProps = {
 export declare const getColor: ({ theme, customVariant, customColor, buttonState, }: StyledButtonBaseThemeProps & {
     buttonState: ButtonState;
 }) => string;
-export declare const getBgText: ({ palette, buttonState, colorVariant, }: {
-    palette: Palette;
-    buttonState: ButtonState;
-    colorVariant: string;
-}) => string;
 export declare const getBgColor: ({ customColor, customVariant, buttonState, theme, }: StyledButtonBaseThemeProps & {
     buttonState: ButtonState;
 }) => string;

package/node/src/ButtonBase/styled.js

@@ -0,0 +1,229 @@
+"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;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledButtonBase = 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 constants_1 = require("./constants");
+var getColor = function (_a) {
+    var theme = _a.theme, customVariant = _a.customVariant, customColor = _a.customColor, buttonState = _a.buttonState;
+    var textColorVariants = {
+        light: {
+            error: {
+                default: theme.palette.red['900'],
+                hover: theme.palette.red['900'],
+                active: theme.palette.red['900'],
+                focus: theme.palette.red['900'],
+            },
+            success: {
+                default: theme.palette.green['900'],
+                hover: theme.palette.green['900'],
+                active: theme.palette.green['900'],
+                focus: theme.palette.green['900'],
+            },
+            primary: {
+                default: theme.palette.grey['900'],
+                hover: theme.palette.grey['900'],
+                active: theme.palette.primary['800'],
+                focus: theme.palette.grey['900'],
+            },
+            warning: {
+                default: theme.palette.yellow['900'],
+                hover: theme.palette.yellow['900'],
+                active: theme.palette.yellow['900'],
+                focus: theme.palette.yellow['900'],
+            },
+        },
+        contained: theme.palette.primary.contrastText,
+        text: {
+            default: theme.palette.grey['900'],
+            hover: theme.palette.grey['900'],
+            active: theme.palette.primary['800'],
+            focus: theme.palette.grey['900'],
+        },
+        link: {
+            default: theme.palette.primary['800'],
+            hover: theme.palette.primary['700'],
+            active: theme.palette.primary['900'],
+            focus: theme.palette.primary['800'],
+        },
+    };
+    if (customVariant === constants_1.ButtonVariants.CONTAINED) {
+        return textColorVariants.contained;
+    }
+    if (customVariant === constants_1.ButtonVariants.LIGHT && customColor) {
+        return textColorVariants.light[customColor][buttonState];
+    }
+    if (customVariant === constants_1.ButtonVariants.TEXT) {
+        return textColorVariants.text[buttonState];
+    }
+    return textColorVariants.link[buttonState];
+};
+exports.getColor = getColor;
+var getBgColor = function (_a) {
+    var customColor = _a.customColor, customVariant = _a.customVariant, buttonState = _a.buttonState, theme = _a.theme;
+    var bgColorVariants = {
+        light: {
+            error: {
+                default: theme.palette.red['100'],
+                hover: theme.palette.red['200'],
+                active: theme.palette.red['100'],
+                focus: theme.palette.red['100'],
+            },
+            success: {
+                default: theme.palette.green['100'],
+                hover: theme.palette.green['200'],
+                active: theme.palette.green['100'],
+                focus: theme.palette.green['100'],
+            },
+            primary: {
+                default: theme.palette.grey['100'],
+                hover: theme.palette.grey['200'],
+                active: theme.palette.primary['100'],
+                focus: theme.palette.grey['100'],
+            },
+            warning: {
+                default: theme.palette.yellow['100'],
+                hover: theme.palette.yellow['200'],
+                active: theme.palette.yellow['100'],
+                focus: theme.palette.yellow['100'],
+            },
+        },
+        contained: {
+            error: {
+                default: theme.palette.red['800'],
+                hover: theme.palette.red['700'],
+                active: theme.palette.red['900'],
+                focus: theme.palette.red['800'],
+            },
+            success: {
+                default: theme.palette.green['800'],
+                hover: theme.palette.green['700'],
+                active: theme.palette.green['900'],
+                focus: theme.palette.green['800'],
+            },
+            primary: {
+                default: theme.palette.primary['800'],
+                hover: theme.palette.primary['700'],
+                active: theme.palette.primary['900'],
+                focus: theme.palette.primary['800'],
+            },
+            warning: {
+                default: theme.palette.yellow['800'],
+                hover: theme.palette.yellow['700'],
+                active: theme.palette.yellow['900'],
+                focus: theme.palette.yellow['800'],
+            },
+        },
+        text: {
+            default: 'transparent',
+            hover: theme.palette.grey['200'],
+            active: theme.palette.primary['100'],
+            focus: 'transparent',
+        },
+        link: 'transparent',
+    };
+    if (customVariant === constants_1.ButtonVariants.LIGHT && customColor) {
+        return bgColorVariants.light[customColor][buttonState];
+    }
+    if (customVariant === constants_1.ButtonVariants.CONTAINED && customColor) {
+        return bgColorVariants.contained[customColor][buttonState];
+    }
+    if (customVariant === constants_1.ButtonVariants.TEXT) {
+        return bgColorVariants.text[buttonState];
+    }
+    return bgColorVariants.link;
+};
+exports.getBgColor = getBgColor;
+var getButtonHeight = function (_a) {
+    var size = _a.size;
+    if (size === constants_1.ButtonSizes.LARGE)
+        return '40px';
+    return '32px';
+};
+exports.getButtonHeight = getButtonHeight;
+var getButtonPadding = function (_a) {
+    var size = _a.size, theme = _a.theme;
+    if (size === constants_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;
+    if (customVariant === constants_1.ButtonVariants.LINK ||
+        customVariant === constants_1.ButtonVariants.TEXT)
+        return 'transparent';
+    return theme.palette.grey['100'];
+};
+exports.getDisabledBgColor = getDisabledBgColor;
+exports.StyledButtonBase = (0, styles_1.styled)(ButtonUnstyled_1.default, {
+    shouldForwardProp: function (prop) {
+        return prop !== 'customColor' && prop !== 'customVariant';
+    },
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: none;\n  font-family: Ubuntu, serif;\n  padding: ", ";\n  height: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: ", ";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    background-color: ", ";\n    color: ", ";\n    outline: 2px solid ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n    outline: none;\n  }\n\n  &.", " {\n    cursor: unset;\n    background-color: ", ";\n    color: ", ";\n  }\n"], ["\n  border: none;\n  font-family: Ubuntu, serif;\n  padding: ", ";\n  height: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  font-size: ", ";\n  font-weight: ", ";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    background-color: ", ";\n    color: ", ";\n    outline: 2px solid ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n    outline: none;\n  }\n\n  &.", " {\n    cursor: unset;\n    background-color: ", ";\n    color: ", ";\n  }\n"])), exports.getButtonPadding, exports.getButtonHeight, function (_a) {
+    var theme = _a.theme;
+    return theme.shape.small;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.button.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.button.fontWeight;
+}, function (props) {
+    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.DEFAULT }));
+}, function (props) {
+    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.DEFAULT }));
+}, function (props) {
+    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.HOVER }));
+}, function (props) {
+    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.HOVER }));
+}, function (props) {
+    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.FOCUS }));
+}, function (props) {
+    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.FOCUS }));
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.primary['400'];
+}, function (props) {
+    return (0, exports.getBgColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.ACTIVE }));
+}, function (props) {
+    return (0, exports.getColor)(__assign(__assign({}, props), { buttonState: constants_1.ButtonStates.ACTIVE }));
+}, ButtonUnstyled_1.buttonUnstyledClasses.disabled, exports.getDisabledBgColor, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey['500'];
+});
+var templateObject_1;

package/node/src/Checkbox/Checkbox.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CheckboxProps } from './types';
+export declare const Checkbox: ({ icon, checkedIcon, indeterminateIcon, ...props }: CheckboxProps) => JSX.Element;

package/node/src/Checkbox/Checkbox.js

@@ -0,0 +1,33 @@
+"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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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, {}, void 0) : _b, _c = _a.checkedIcon, checkedIcon = _c === void 0 ? (0, jsx_runtime_1.jsx)(icons_1.CheckedIcon, {}, void 0) : _c, _d = _a.indeterminateIcon, indeterminateIcon = _d === void 0 ? (0, jsx_runtime_1.jsx)(icons_1.IndeterminateIcon, {}, void 0) : _d, props = __rest(_a, ["icon", "checkedIcon", "indeterminateIcon"]);
+    return ((0, jsx_runtime_1.jsx)(styled_1.StyledCheckbox, __assign({ icon: icon, checkedIcon: checkedIcon, indeterminateIcon: indeterminateIcon }, props), void 0));
+};
+exports.Checkbox = Checkbox;

package/node/src/Checkbox/icons.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export declare const DefaultIcon: React.FunctionComponent<SvgIconProps>;
+export declare const CheckedIcon: React.FunctionComponent<SvgIconProps>;
+export declare const IndeterminateIcon: React.FunctionComponent<SvgIconProps>;

package/node/src/Checkbox/icons.js

@@ -0,0 +1,42 @@
+"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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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) {
+    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" }, void 0), (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" }, void 0)] }), void 0));
+};
+exports.DefaultIcon = DefaultIcon;
+var CheckedIcon = function (_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" }, void 0), (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" }, void 0)] }), void 0));
+};
+exports.CheckedIcon = CheckedIcon;
+var IndeterminateIcon = function (_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" }, void 0), (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" }, void 0)] }), void 0));
+};
+exports.IndeterminateIcon = IndeterminateIcon;

package/node/src/Checkbox/index.d.ts

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

package/node/src/Checkbox/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./types"), exports);

package/node/src/Checkbox/styled.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from './types';
+export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & {
+    theme?: import("..").Theme | undefined;
+} & CheckboxProps, {}, {}>;

package/node/src/Checkbox/styled.js

@@ -0,0 +1,35 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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  border-radius: unset;\n  color: ", ";\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    & .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  border-radius: unset;\n  color: ", ";\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    & .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;

package/node/src/Checkbox/types.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
+export declare type CheckboxProps = Omit<MuiCheckboxProps, 'size' | 'color'>;

package/{cjs → node}/src/CircularProgress/CircularProgress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CircularProgressProps } from './types';
 export declare const CircularProgress: ({ color, size, ...props }: CircularProgressProps) => JSX.Element;
 export default CircularProgress;

package/{cjs → node}/src/CircularProgress/CircularProgress.js

@@ -24,10 +24,11 @@ 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 constants_1 = require("./constants");
 var styled_1 = require("./styled");
 var CircularProgress = function (_a) {
     var color = _a.color, size = _a.size, props = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)(styled_1.StyledCircularProgress, __assign({}, props, { customSize: size, customColor: color }), void 0));
+    return ((0, jsx_runtime_1.jsx)(styled_1.StyledCircularProgress, __assign({}, props, { size: size === constants_1.CircularProgressSizes.SMALL ? 16 : 24, customColor: color }), void 0));
 };
 exports.CircularProgress = CircularProgress;
 exports.default = exports.CircularProgress;

package/{cjs → node}/src/CircularProgress/constants.d.ts

@@ -4,6 +4,5 @@ export declare enum CircularProgressColors {
 }
 export declare enum CircularProgressSizes {
     SMALL = "small",
-    MEDIUM = "medium",
-    NUMBER = "number"
+    MEDIUM = "medium"
 }

package/{cjs → node}/src/CircularProgress/constants.js

@@ -10,5 +10,4 @@ var CircularProgressSizes;
 (function (CircularProgressSizes) {
     CircularProgressSizes["SMALL"] = "small";
     CircularProgressSizes["MEDIUM"] = "medium";
-    CircularProgressSizes["NUMBER"] = "number";
 })(CircularProgressSizes = exports.CircularProgressSizes || (exports.CircularProgressSizes = {}));

package/{cjs → node}/src/CircularProgress/styled.d.ts

@@ -4,5 +4,4 @@ export declare const StyledCircularProgress: import("@emotion/styled").StyledCom
     theme?: Theme | undefined;
 } & Omit<CircularProgressProps, "color" | "size"> & {
     customColor?: "primary" | "inverted" | undefined;
-    customSize?: "number" | "medium" | "small" | undefined;
 }, {}, {}>;

package/{cjs → node}/src/CircularProgress/styled.js

@@ -14,13 +14,7 @@ var getColor = function (_a) {
         return theme.palette.primary.dark;
     return theme.palette.primary.contrastText;
 };
-var getCircularProgressSize = function (_a) {
-    var customSize = _a.customSize;
-    if (customSize === constants_1.CircularProgressSizes.SMALL)
-        return '16px';
-    return '24px';
-};
 exports.StyledCircularProgress = (0, styles_1.styled)(material_1.CircularProgress, {
-    shouldForwardProp: function (prop) { return prop !== 'customColor' && prop !== 'customSize'; },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  color: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n  color: ", ";\n"])), getCircularProgressSize, getCircularProgressSize, function (props) { return getColor(props); });
+    shouldForwardProp: function (prop) { return prop !== 'customColor'; },
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (props) { return getColor(props); });
 var templateObject_1;

package/node/src/FormControlLabel/FormControlLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FormControlLabelProps } from './types';
+export declare const FormControlLabel: ({ ...props }: FormControlLabelProps) => JSX.Element;