@danikokonn/yarik-frontend-lib 2.0.55-test → 2.0.55

package/dist/components/TaskLoader/index.js

@@ -1,3 +1,3 @@
-export { default } from "./TaskLoader";
 export * from "./TaskLoader";
+export { default } from "./TaskLoader";
 export * from "./TaskLoaderProps";

package/dist/components/TaskStateDialog/TaskStateDialog.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import TaskStateDialogProps from "./TaskStateDialogProps";
-export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, visible, mousePos, disableClosing, additionalControls, disableTransition, onClose, }: TaskStateDialogProps): React.JSX.Element;
+export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, visible, mousePos, disableClosing, additionalControls, disableTransition, onClose, onUnauthorized, }: TaskStateDialogProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TaskStateDialog.d.ts.map

package/dist/components/TaskStateDialog/TaskStateDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskStateDialog.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/TaskStateDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAa1D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,OAAO,GACR,EAAE,oBAAoB,qBAyLtB"}
+{"version":3,"file":"TaskStateDialog.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/TaskStateDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAwB1D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,OAAO,EACP,cAAc,GACf,EAAE,oBAAoB,2CA8LtB"}

package/dist/components/TaskStateDialog/TaskStateDialog.js

@@ -1,7 +1,10 @@
-import React from "react";
-import Dialog from "@mui/material/Dialog";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme } from "@mui/material";
+import Dialog from "@mui/material/Dialog";
 import Zoom from "@mui/material/Zoom";
+import React from "react";
+import { useAirflowContext } from "../../providers/AirflowProvider";
+import { useDagRunStateContext } from "../../providers/DagStateProvider";
 const AppBar = React.lazy(() => import("@mui/material/AppBar"));
 const Stack = React.lazy(() => import("@mui/material/Stack"));
 const Toolbar = React.lazy(() => import("@mui/material/Toolbar"));
@@ -12,12 +15,10 @@ const Badge = React.lazy(() => import("@mui/material/Badge"));
 const CloseIcon = React.lazy(() => import("@mui/icons-material/Close"));
 const CircularProgress = React.lazy(() => import("@mui/material/CircularProgress"));
 const TaskLoader = React.lazy(() => import("../TaskLoader/TaskLoader"));
-import { useDagRunStateContext } from "../../providers/DagStateProvider";
-import { useAirflowContext } from "../../providers/AirflowProvider";
 const Transition = React.forwardRef(function Transition(props, ref) {
-    return React.createElement(Zoom, { ref: ref, ...props });
+    return _jsx(Zoom, { ref: ref, ...props });
 });
-export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, visible, mousePos, disableClosing, additionalControls, disableTransition, onClose, }) {
+export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, visible, mousePos, disableClosing, additionalControls, disableTransition, onClose, onUnauthorized, }) {
     const theme = useTheme();
     const [loading, setLoading] = React.useState(true);
     const { airflowAvailable } = useAirflowContext();
@@ -42,17 +43,20 @@ export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, vi
     const currentTabControls = dagRun &&
         additionalControls &&
         additionalControls.find((v) => v.dagId === dagRun.dagId);
-    const DialogLoadingProgress = () => (React.createElement(CircularProgress, { sx: {
+    const DialogLoadingProgress = () => (_jsx(CircularProgress, { sx: {
             position: "absolute",
             top: "50%",
             left: "50%",
             transform: "translate(-50%, -50%)",
         }, color: "inherit" }));
-    return (React.createElement(Dialog, { fullScreen: true, open: visible, onClose: () => onClose(), transitionDuration: 500, slots: {
+    return (_jsx(Dialog, { fullScreen: true, open: visible, onClose: () => onClose(), transitionDuration: 500, slots: {
             transition: disableTransition ? undefined : Transition,
         }, slotProps: {
             paper: {
-                sx: { backgroundColor: theme.palette.background.default },
+                sx: {
+                    backgroundColor: theme.vars?.palette.background.default ||
+                        theme.palette.background.default,
+                },
             },
             transition: {
                 sx: {
@@ -65,42 +69,24 @@ export default function TaskStateDialog({ taskTitle, subTitle, appendedTitle, vi
                     setLoading(true);
                 },
             },
-        } },
-        React.createElement(React.Suspense, { fallback: React.createElement(React.Fragment, null) },
-            React.createElement(AppBar, { sx: { position: "relative" }, color: color },
-                React.createElement(Toolbar, null,
-                    React.createElement(IconButton, { disabled: disableClosing, edge: "start", color: "inherit", onClick: () => onClose(), "aria-label": "close" },
-                        React.createElement(CloseIcon, null)),
-                    React.createElement(Stack, { sx: {
-                            ml: 2,
-                            flex: 1,
-                            flexWrap: "nowrap",
-                            whiteSpace: "nowrap",
-                            textOverflow: "ellipsis",
-                            overflow: "hidden",
-                        }, direction: "row", gap: 1 }, airflowAvailable ? (React.createElement(React.Fragment, null,
-                        React.createElement(Typography, { variant: "h6" }, taskTitle),
-                        appendedTitle && (React.createElement(Tooltip, { title: appendedTitle },
-                            React.createElement(Typography, { color: "orange", variant: "h6" }, appendedTitle))),
-                        React.createElement(Typography, { variant: "h6" }, "\u2014"),
-                        React.createElement(Typography, { variant: "h6" }, dagStateText))) : (React.createElement(Typography, { variant: "h6" },
-                        React.createElement(Tooltip, { title: "Airflow \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D - \u043F\u043E\u043A\u0430\u0437\u0430\u043D\u043E \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043D\u043E\u0435 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438" },
-                            React.createElement(Badge, { color: "warning", variant: "dot" }, `${taskTitle} - ${dagStateText}`))))))),
-            loading ? (React.createElement(DialogLoadingProgress, null)) : (React.createElement(React.Fragment, null, dagRun && taskInstances ? (React.createElement(Stack, { direction: "column", sx: {
-                    justifyContent: "space-between",
-                    height: "-webkit-fill-available",
-                } },
-                React.createElement(TaskLoader, { subTitle: subTitle, style: {
-                        margin: "3rem",
-                        height: "-webkit-fill-available",
-                    } }),
-                React.createElement(Stack, { spacing: 1, direction: "row", sx: {
-                        justifyContent: "end",
-                        alignItems: "center",
-                        margin: "1.5rem 3rem",
-                    } },
-                    dagRun.state === "success" ? ((currentTabControls?.onSuccess &&
-                        currentTabControls.onSuccess(dagRun.conf?.table_name || "")) || React.createElement(React.Fragment, null)) : (React.createElement(React.Fragment, null)),
-                    dagRun.state === "failed" ? ((currentTabControls?.onFailure &&
-                        currentTabControls.onFailure(dagRun.conf?.rule_uuid || "", dagRun.dagId, dagRun.conf?.start_date || "", dagRun.conf?.end_date || "", dagRun.conf?.table_name || "")) || React.createElement(React.Fragment, null)) : (React.createElement(React.Fragment, null))))) : (React.createElement("span", { style: { margin: "3rem" } }, airflowAvailable && isActive ? (React.createElement(DialogLoadingProgress, null)) : airflowAvailable ? (React.createElement(Typography, null, "\u041D\u0435\u0442 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F")) : (React.createElement(Typography, null, "Airflow \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D")))))))));
+        }, children: _jsxs(React.Suspense, { fallback: _jsx(_Fragment, {}), children: [_jsx(AppBar, { sx: { position: "relative" }, color: color, children: _jsxs(Toolbar, { children: [_jsx(IconButton, { disabled: disableClosing, edge: "start", color: "inherit", onClick: () => onClose(), "aria-label": "close", children: _jsx(CloseIcon, {}) }), _jsx(Stack, { sx: {
+                                    ml: 2,
+                                    flex: 1,
+                                    flexWrap: "nowrap",
+                                    whiteSpace: "nowrap",
+                                    textOverflow: "ellipsis",
+                                    overflow: "hidden",
+                                }, direction: "row", gap: 1, children: airflowAvailable ? (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "h6", children: taskTitle }), appendedTitle && (_jsx(Tooltip, { title: appendedTitle, children: _jsx(Typography, { color: "orange", variant: "h6", children: appendedTitle }) })), _jsx(Typography, { variant: "h6", children: "\u2014" }), _jsx(Typography, { variant: "h6", children: dagStateText })] })) : (_jsx(Typography, { variant: "h6", children: _jsx(Tooltip, { title: "Airflow \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D - \u043F\u043E\u043A\u0430\u0437\u0430\u043D\u043E \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043D\u043E\u0435 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438", children: _jsx(Badge, { color: "warning", variant: "dot", children: `${taskTitle} - ${dagStateText}` }) }) })) })] }) }), loading ? (_jsx(DialogLoadingProgress, {})) : (_jsx(_Fragment, { children: dagRun && taskInstances ? (_jsxs(Stack, { direction: "column", sx: {
+                            justifyContent: "space-between",
+                            height: "-webkit-fill-available",
+                        }, children: [_jsx(TaskLoader, { subTitle: subTitle, onUnauthorized: onUnauthorized, style: {
+                                    margin: "3rem",
+                                    height: "-webkit-fill-available",
+                                } }), _jsxs(Stack, { spacing: 1, direction: "row", sx: {
+                                    justifyContent: "end",
+                                    alignItems: "center",
+                                    margin: "1.5rem 3rem",
+                                }, children: [dagRun.state === "success" ? ((currentTabControls?.onSuccess &&
+                                        currentTabControls.onSuccess(dagRun.conf?.table_name || "")) || _jsx(_Fragment, {})) : (_jsx(_Fragment, {})), dagRun.state === "failed" ? ((currentTabControls?.onFailure &&
+                                        currentTabControls.onFailure(dagRun.conf?.rule_uuid || "", dagRun.dagId, dagRun.conf?.start_date || "", dagRun.conf?.end_date || "", dagRun.conf?.table_name || "")) || _jsx(_Fragment, {})) : (_jsx(_Fragment, {}))] })] })) : (_jsx("span", { style: { margin: "3rem" }, children: airflowAvailable && isActive ? (_jsx(DialogLoadingProgress, {})) : airflowAvailable ? (_jsx(Typography, { children: "\u041D\u0435\u0442 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F" })) : (_jsx(Typography, { children: "Airflow \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D" })) })) }))] }) }));
 }

package/dist/components/TaskStateDialog/TaskStateDialogProps.d.ts

@@ -4,11 +4,12 @@ export default interface TaskStateModalProps extends TaskLoaderProps {
     taskTitle: string;
     appendedTitle?: string;
     visible: boolean;
-    onClose(): void;
     mousePos?: string;
     disableClosing?: boolean;
     additionalControls?: AdditionalTaskControl[];
     disableTransition?: boolean;
+    onClose(): void;
+    onUnauthorized(): void;
 }
 export interface AdditionalTaskControl {
     dagId: string;

package/dist/components/TaskStateDialog/TaskStateDialogProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskStateDialogProps.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/TaskStateDialogProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,eAAe;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,SAAS,CAAC,CACR,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CAAC;CACpB"}
+{"version":3,"file":"TaskStateDialogProps.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/TaskStateDialogProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,eAAe;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,IAAI,IAAI,CAAC;IAChB,cAAc,IAAI,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,SAAS,CAAC,CACR,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CAAC;CACpB"}

package/dist/components/TaskStateDialog/index.d.ts

@@ -1,5 +1,5 @@
-export { default } from "./TaskStateDialog";
 export * from "./TaskStateDialog";
-export { default as TaskStateDialogProps } from "./TaskStateDialogProps";
+export { default } from "./TaskStateDialog";
 export * from "./TaskStateDialogProps";
+export { type default as TaskStateDialogProps } from "./TaskStateDialogProps";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TaskStateDialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TaskStateDialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,KAAK,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/TaskStateDialog/index.js

@@ -1,3 +1,3 @@
-export { default } from "./TaskStateDialog";
 export * from "./TaskStateDialog";
+export { default } from "./TaskStateDialog";
 export * from "./TaskStateDialogProps";

package/dist/components/icons/GenerateAndRunIcon.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { SvgIconOwnProps } from "@mui/material";
 interface GenerateAndRunIconProps extends SvgIconOwnProps {
     disabled?: boolean;
 }
-declare const GenerateAndRunIcon: ({ disabled, ...props }: GenerateAndRunIconProps) => React.JSX.Element;
+declare const GenerateAndRunIcon: ({ disabled, ...props }: GenerateAndRunIconProps) => import("react/jsx-runtime").JSX.Element;
 export default GenerateAndRunIcon;
 //# sourceMappingURL=GenerateAndRunIcon.d.ts.map

package/dist/components/icons/GenerateAndRunIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateAndRunIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/GenerateAndRunIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAoHzE,UAAU,uBAAwB,SAAQ,eAAe;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,wBAGzB,uBAAuB,sBAWzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"GenerateAndRunIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/GenerateAndRunIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAoHzE,UAAU,uBAAwB,SAAQ,eAAe;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,wBAGzB,uBAAuB,4CAezB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/icons/GenerateAndRunIcon.js

@@ -1,29 +1,12 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createSvgIcon, useTheme } from "@mui/material";
-const GenerateAndRunSvgIcon = createSvgIcon(React.createElement("svg", { width: "38", height: "38", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 38 38", preserveAspectRatio: "xMidYMid", version: "1.1" },
-    React.createElement("g", { className: "layer", display: "inline" },
-        React.createElement("g", { id: "s", transform: "translate(-0.02 -0.02) matrix(1.63693 0 0 1.63225 -3.38016 7.32488)" },
-            React.createElement("g", { id: "svg_1", transform: "translate(-4.12903 0.709677) matrix(0.6025 0 0 0.666969 4.40055 -6.10281)" },
-                React.createElement("g", { id: "svg_2" },
-                    React.createElement("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, #2e7d32)", id: "svg_4", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }),
-                    React.createElement("path", { d: "m4.74,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, #2e7d32)", id: "svg_3", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }),
-                    React.createElement("g", { id: "svg_55", transform: "translate(0.0430663 0) matrix(1 0 0 1 6.4897 3.12924e-7)" },
-                        React.createElement("g", { id: "svg_56" },
-                            React.createElement("g", { id: "svg_57" },
-                                React.createElement("path", { d: "m4.41,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, currentColor)", id: "svg_58", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }),
-                                React.createElement("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, currentColor)", id: "svg_59", stroke: "#ce5858", strokeWidth: "0" }))))),
-                React.createElement("g", { id: "svg_67", transform: "matrix(1 0 0 1 -0.559006 -0.621116)" },
-                    React.createElement("g", { id: "svg_11", transform: "translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0 -0.0421585) matrix(1.62212 0 0 1.46081 -6.57878 -8.38586)" },
-                        React.createElement("g", { id: "svg_12" },
-                            React.createElement("g", { id: "svg_5" },
-                                React.createElement("line", { fill: "var(--disabled, #2e7d32)", id: "svg_6", stroke: "#ce5858", strokeWidth: "0", x1: "28", x2: "20", y1: "26", y2: "26" }),
-                                React.createElement("path", { d: "m28,27l-8,0c-0.55,0 -1,-0.45 -1,-1s0.45,-1 1,-1l8,0c0.55,0 1,0.45 1,1s-0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_7", stroke: "#ce5858", strokeWidth: "0" })),
-                            React.createElement("g", { id: "svg_8" },
-                                React.createElement("line", { fill: "var(--disabled, #2e7d32)", id: "svg_9", stroke: "#ce5858", strokeWidth: "0", x1: "24", x2: "24", y1: "22", y2: "30" }),
-                                React.createElement("path", { d: "m24,31c-0.55,0 -1,-0.45 -1,-1l0,-8c0,-0.55 0.45,-1 1,-1s1,0.45 1,1l0,8c0,0.55 -0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_10", stroke: "#ce5858", strokeWidth: "0" }))))))))), "GenerateAndRunSvgIcon");
+const GenerateAndRunSvgIcon = createSvgIcon(_jsx("svg", { width: "38", height: "38", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 38 38", preserveAspectRatio: "xMidYMid", version: "1.1", children: _jsx("g", { className: "layer", display: "inline", children: _jsx("g", { id: "s", transform: "translate(-0.02 -0.02) matrix(1.63693 0 0 1.63225 -3.38016 7.32488)", children: _jsxs("g", { id: "svg_1", transform: "translate(-4.12903 0.709677) matrix(0.6025 0 0 0.666969 4.40055 -6.10281)", children: [_jsxs("g", { id: "svg_2", children: [_jsx("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, #2e7d32)", id: "svg_4", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }), _jsx("path", { d: "m4.74,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, #2e7d32)", id: "svg_3", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }), _jsx("g", { id: "svg_55", transform: "translate(0.0430663 0) matrix(1 0 0 1 6.4897 3.12924e-7)", children: _jsx("g", { id: "svg_56", children: _jsxs("g", { id: "svg_57", children: [_jsx("path", { d: "m4.41,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, currentColor)", id: "svg_58", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }), _jsx("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, currentColor)", id: "svg_59", stroke: "#ce5858", strokeWidth: "0" })] }) }) })] }), _jsx("g", { id: "svg_67", transform: "matrix(1 0 0 1 -0.559006 -0.621116)", children: _jsx("g", { id: "svg_11", transform: "translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0 -0.0421585) matrix(1.62212 0 0 1.46081 -6.57878 -8.38586)", children: _jsxs("g", { id: "svg_12", children: [_jsxs("g", { id: "svg_5", children: [_jsx("line", { fill: "var(--disabled, #2e7d32)", id: "svg_6", stroke: "#ce5858", strokeWidth: "0", x1: "28", x2: "20", y1: "26", y2: "26" }), _jsx("path", { d: "m28,27l-8,0c-0.55,0 -1,-0.45 -1,-1s0.45,-1 1,-1l8,0c0.55,0 1,0.45 1,1s-0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_7", stroke: "#ce5858", strokeWidth: "0" })] }), _jsxs("g", { id: "svg_8", children: [_jsx("line", { fill: "var(--disabled, #2e7d32)", id: "svg_9", stroke: "#ce5858", strokeWidth: "0", x1: "24", x2: "24", y1: "22", y2: "30" }), _jsx("path", { d: "m24,31c-0.55,0 -1,-0.45 -1,-1l0,-8c0,-0.55 0.45,-1 1,-1s1,0.45 1,1l0,8c0,0.55 -0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_10", stroke: "#ce5858", strokeWidth: "0" })] })] }) }) })] }) }) }) }), "GenerateAndRunSvgIcon");
 // todo: Обобщить, создать хук
 const GenerateAndRunIcon = ({ disabled, ...props }) => {
     const theme = useTheme();
-    return disabled ? (React.createElement(GenerateAndRunSvgIcon, { sx: { "--disabled": theme.palette.action.disabled, ...props.sx }, ...props })) : (React.createElement(GenerateAndRunSvgIcon, { ...props }));
+    return disabled ? (_jsx(GenerateAndRunSvgIcon, { sx: {
+            "--disabled": theme.vars?.palette.action.disabled || theme.palette.action.disabled,
+            ...props.sx,
+        }, ...props })) : (_jsx(GenerateAndRunSvgIcon, { ...props }));
 };
 export default GenerateAndRunIcon;

package/dist/components/icons/GenerateIcon.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { SvgIconOwnProps } from "@mui/material";
 interface GenerateIconProps extends SvgIconOwnProps {
     disabled?: boolean;
 }
-declare const GenerateIcon: ({ disabled, ...props }: GenerateIconProps) => React.JSX.Element;
+declare const GenerateIcon: ({ disabled, ...props }: GenerateIconProps) => import("react/jsx-runtime").JSX.Element;
 export default GenerateIcon;
 //# sourceMappingURL=GenerateIcon.d.ts.map

package/dist/components/icons/GenerateIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/GenerateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAoGzE,UAAU,iBAAkB,SAAQ,eAAe;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,GAAI,wBAAwB,iBAAiB,sBAW9D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"GenerateIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/GenerateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAoGzE,UAAU,iBAAkB,SAAQ,eAAe;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,GAAI,wBAAwB,iBAAiB,4CAe9D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/icons/GenerateIcon.js

@@ -1,27 +1,12 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createSvgIcon, useTheme } from "@mui/material";
-const GenerateSvgIcon = createSvgIcon(React.createElement("svg", { width: "38", height: "38", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 38 38", preserveAspectRatio: "xMidYMid", version: "1.1" },
-    React.createElement("g", { className: "layer", display: "inline" },
-        React.createElement("g", { id: "s", transform: "translate(-0.02 -0.02) matrix(1.63693 0 0 1.63225 -3.38016 7.32488)" },
-            React.createElement("g", { id: "svg_1", transform: "translate(-4.12903 0.709677) matrix(0.6025 0 0 0.666969 4.40055 -6.10281)" },
-                React.createElement("g", { id: "svg_2" },
-                    React.createElement("g", { id: "svg_55", transform: "translate(0.0430663 0) matrix(1 0 0 1 6.4897 3.12924e-7)" },
-                        React.createElement("g", { id: "svg_56" },
-                            React.createElement("g", { id: "svg_57" },
-                                React.createElement("path", { d: "m4.41,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, currentColor)", id: "svg_58", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }),
-                                React.createElement("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, currentColor)", id: "svg_59", stroke: "#ce5858", strokeWidth: "0" }))))),
-                React.createElement("g", { id: "svg_67", transform: "matrix(1 0 0 1 -0.559006 -0.621116)" },
-                    React.createElement("g", { id: "svg_11", transform: "translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0 -0.0421585) matrix(1.62212 0 0 1.46081 -6.57878 -8.38586)" },
-                        React.createElement("g", { id: "svg_12" },
-                            React.createElement("g", { id: "svg_5" },
-                                React.createElement("line", { fill: "var(--disabled, #2e7d32)", id: "svg_6", stroke: "#ce5858", strokeWidth: "0", x1: "28", x2: "20", y1: "26", y2: "26" }),
-                                React.createElement("path", { d: "m28,27l-8,0c-0.55,0 -1,-0.45 -1,-1s0.45,-1 1,-1l8,0c0.55,0 1,0.45 1,1s-0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_7", stroke: "#ce5858", strokeWidth: "0" })),
-                            React.createElement("g", { id: "svg_8" },
-                                React.createElement("line", { fill: "var(--disabled, #2e7d32)", id: "svg_9", stroke: "#ce5858", strokeWidth: "0", x1: "24", x2: "24", y1: "22", y2: "30" }),
-                                React.createElement("path", { d: "m24,31c-0.55,0 -1,-0.45 -1,-1l0,-8c0,-0.55 0.45,-1 1,-1s1,0.45 1,1l0,8c0,0.55 -0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_10", stroke: "#ce5858", strokeWidth: "0" }))))))))), "GenerateSvgIcon");
+const GenerateSvgIcon = createSvgIcon(_jsx("svg", { width: "38", height: "38", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 38 38", preserveAspectRatio: "xMidYMid", version: "1.1", children: _jsx("g", { className: "layer", display: "inline", children: _jsx("g", { id: "s", transform: "translate(-0.02 -0.02) matrix(1.63693 0 0 1.63225 -3.38016 7.32488)", children: _jsxs("g", { id: "svg_1", transform: "translate(-4.12903 0.709677) matrix(0.6025 0 0 0.666969 4.40055 -6.10281)", children: [_jsx("g", { id: "svg_2", children: _jsx("g", { id: "svg_55", transform: "translate(0.0430663 0) matrix(1 0 0 1 6.4897 3.12924e-7)", children: _jsx("g", { id: "svg_56", children: _jsxs("g", { id: "svg_57", children: [_jsx("path", { d: "m4.41,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, currentColor)", id: "svg_58", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }), _jsx("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, currentColor)", id: "svg_59", stroke: "#ce5858", strokeWidth: "0" })] }) }) }) }), _jsx("g", { id: "svg_67", transform: "matrix(1 0 0 1 -0.559006 -0.621116)", children: _jsx("g", { id: "svg_11", transform: "translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0.0421585 0) translate(0 -0.0421585) matrix(1.62212 0 0 1.46081 -6.57878 -8.38586)", children: _jsxs("g", { id: "svg_12", children: [_jsxs("g", { id: "svg_5", children: [_jsx("line", { fill: "var(--disabled, #2e7d32)", id: "svg_6", stroke: "#ce5858", strokeWidth: "0", x1: "28", x2: "20", y1: "26", y2: "26" }), _jsx("path", { d: "m28,27l-8,0c-0.55,0 -1,-0.45 -1,-1s0.45,-1 1,-1l8,0c0.55,0 1,0.45 1,1s-0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_7", stroke: "#ce5858", strokeWidth: "0" })] }), _jsxs("g", { id: "svg_8", children: [_jsx("line", { fill: "var(--disabled, #2e7d32)", id: "svg_9", stroke: "#ce5858", strokeWidth: "0", x1: "24", x2: "24", y1: "22", y2: "30" }), _jsx("path", { d: "m24,31c-0.55,0 -1,-0.45 -1,-1l0,-8c0,-0.55 0.45,-1 1,-1s1,0.45 1,1l0,8c0,0.55 -0.45,1 -1,1z", fill: "var(--disabled, #2e7d32)", id: "svg_10", stroke: "#ce5858", strokeWidth: "0" })] })] }) }) })] }) }) }) }), "GenerateSvgIcon");
 // todo: Обобщить, создать хук
 const GenerateIcon = ({ disabled, ...props }) => {
     const theme = useTheme();
-    return disabled ? (React.createElement(GenerateSvgIcon, { sx: { "--disabled": theme.palette.action.disabled, ...props.sx }, ...props })) : (React.createElement(GenerateSvgIcon, { ...props }));
+    return disabled ? (_jsx(GenerateSvgIcon, { sx: {
+            "--disabled": theme.vars?.palette.action.disabled || theme.palette.action.disabled,
+            ...props.sx,
+        }, ...props })) : (_jsx(GenerateSvgIcon, { ...props }));
 };
 export default GenerateIcon;

package/dist/components/icons/IntegerIcon.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { SvgIconOwnProps } from "@mui/material";
 interface IntegerIconProps extends SvgIconOwnProps {
     disabled?: boolean;
 }
-declare const IntegerIcon: ({ disabled, ...props }: IntegerIconProps) => React.JSX.Element;
+declare const IntegerIcon: ({ disabled, ...props }: IntegerIconProps) => import("react/jsx-runtime").JSX.Element;
 export default IntegerIcon;
 //# sourceMappingURL=IntegerIcon.d.ts.map

package/dist/components/icons/IntegerIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntegerIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/IntegerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAyBzE,UAAU,gBAAiB,SAAQ,eAAe;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,wBAAwB,gBAAgB,sBAW5D,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"IntegerIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/IntegerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAyBzE,UAAU,gBAAiB,SAAQ,eAAe;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,wBAAwB,gBAAgB,4CAe5D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/icons/IntegerIcon.js

@@ -1,15 +1,12 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createSvgIcon, useTheme } from "@mui/material";
-const IntegerSvgIcon = createSvgIcon(React.createElement("svg", { fill: "var(--disabled, currentColor)", viewBox: "0 0 32 32", id: "icon", xmlns: "http://www.w3.org/2000/svg", stroke: "var(--disabled, currentColor)" },
-    React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
-    React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("g", { id: "SVGRepo_iconCarrier" },
-        React.createElement("path", { d: "M26,12H22v2h4v2H23v2h3v2H22v2h4a2.0027,2.0027,0,0,0,2-2V14A2.0023,2.0023,0,0,0,26,12Z" }),
-        React.createElement("path", { d: "M19,22H13V18a2.002,2.002,0,0,1,2-2h2V14H13V12h4a2.0023,2.0023,0,0,1,2,2v2a2.0023,2.0023,0,0,1-2,2H15v2h4Z" }),
-        React.createElement("polygon", { points: "8 20 8 12 6 12 6 13 4 13 4 15 6 15 6 20 4 20 4 22 10 22 10 20 8 20" }))), "IntegerSvgIcon");
+const IntegerSvgIcon = createSvgIcon(_jsxs("svg", { fill: "var(--disabled, currentColor)", viewBox: "0 0 32 32", id: "icon", xmlns: "http://www.w3.org/2000/svg", stroke: "var(--disabled, currentColor)", children: [_jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [_jsx("path", { d: "M26,12H22v2h4v2H23v2h3v2H22v2h4a2.0027,2.0027,0,0,0,2-2V14A2.0023,2.0023,0,0,0,26,12Z" }), _jsx("path", { d: "M19,22H13V18a2.002,2.002,0,0,1,2-2h2V14H13V12h4a2.0023,2.0023,0,0,1,2,2v2a2.0023,2.0023,0,0,1-2,2H15v2h4Z" }), _jsx("polygon", { points: "8 20 8 12 6 12 6 13 4 13 4 15 6 15 6 20 4 20 4 22 10 22 10 20 8 20" })] })] }), "IntegerSvgIcon");
 // todo: Обобщить, создать хук
 const IntegerIcon = ({ disabled, ...props }) => {
     const theme = useTheme();
-    return disabled ? (React.createElement(IntegerSvgIcon, { sx: { "--disabled": theme.palette.action.disabled, ...props.sx }, ...props })) : (React.createElement(IntegerSvgIcon, { ...props }));
+    return disabled ? (_jsx(IntegerSvgIcon, { sx: {
+            "--disabled": theme.vars?.palette.action.disabled || theme.palette.action.disabled,
+            ...props.sx,
+        }, ...props })) : (_jsx(IntegerSvgIcon, { ...props }));
 };
 export default IntegerIcon;

package/dist/components/icons/ProcessingIcon.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-export default function ProcessingIcon(): React.JSX.Element;
+export default function ProcessingIcon(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProcessingIcon.d.ts.map

package/dist/components/icons/ProcessingIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessingIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ProcessingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,cAAc,sBAqErC"}
+{"version":3,"file":"ProcessingIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ProcessingIcon.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,cAAc,4CAqErC"}

package/dist/components/icons/ProcessingIcon.js

@@ -1,15 +1,5 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
 export default function ProcessingIcon() {
-    return (React.createElement(SvgIcon, { fontSize: "large" },
-        React.createElement("svg", { version: "1.0", xmlns: "http://www.w3.org/2000/svg", width: "512.000000pt", height: "512.000000pt", viewBox: "0 0 512.000000 512.000000", preserveAspectRatio: "xMidYMid meet" },
-            React.createElement("g", { transform: "translate(0.000000,512.000000) scale(0.100000,-0.100000)", fill: "#000000", stroke: "none" },
-                React.createElement("path", { d: "M1385 4215 l-25 -24 0 -351 0 -351 25 -24 24 -25 1151 0 1151 0 24\r\n    25 25 24 0 351 0 351 -25 24 -24 25 -1151 0 -1151 0 -24 -25z m2215 -375 l0\r\n    -240 -1040 0 -1040 0 0 240 0 240 1040 0 1040 0 0 -240z" }),
-                React.createElement("path", { d: "M924 4068 c-23 -11 -44 -48 -44 -77 0 -10 9 -30 21 -45 l20 -26 -316\r\n    0 -316 0 -24 -25 c-33 -32 -33 -78 0 -110 l24 -25 316 0 316 0 -20 -26 c-44\r\n    -56 -8 -134 61 -134 27 0 47 15 135 103 138 138 138 136 0 274 -106 106 -124\r\n    115 -173 91z" }),
-                React.createElement("path", { d: "M3946 3897 c-34 -34 -34 -79 -1 -112 23 -24 30 -25 143 -25 153 0\r\n    218 -12 319 -61 216 -104 340 -339 305 -580 -26 -181 -143 -340 -305 -418\r\n    -101 -49 -166 -61 -319 -61 -113 0 -120 -1 -143 -25 -33 -33 -33 -78 1 -112\r\n    l26 -26 161 5 c137 5 174 9 239 30 118 39 203 92 294 182 90 90 143 175 182\r\n    294 22 67 26 94 26 212 0 118 -4 145 -26 212 -39 119 -92 204 -182 294 -91 90\r\n    -176 143 -294 182 -65 21 -102 25 -239 30 l-161 5 -26 -26z" }),
-                React.createElement("path", { d: "M1385 2935 l-25 -24 0 -351 0 -351 25 -24 24 -25 429 0 c419 0 430 0\r\n    456 21 37 29 37 89 0 118 -26 20 -37 21 -400 21 l-374 0 0 240 0 240 1040 0\r\n    1040 0 0 -240 0 -240 -369 0 -370 0 -27 -23 c-20 -17 -27 -33 -27 -57 0 -24 7\r\n    -40 27 -57 l27 -23 425 0 425 0 24 25 25 24 0 351 0 351 -25 24 -24 25 -1151\r\n    0 -1151 0 -24 -25z" }),
-                React.createElement("path", { d: "M835 2629 c-142 -24 -270 -92 -381 -203 -90 -90 -143 -175 -182 -294\r\n    -22 -67 -26 -94 -26 -212 0 -118 4 -145 26 -212 39 -119 92 -204 182 -294 91\r\n    -90 176 -143 294 -182 65 -21 102 -25 239 -30 l161 -5 26 26 c34 34 34 79 1\r\n    112 -23 24 -30 25 -143 25 -65 0 -145 5 -178 11 -94 17 -213 81 -289 155 -270\r\n    268 -194 725 148 893 100 48 165 61 319 61 113 0 120 1 143 25 16 15 25 36 25\r\n    55 0 19 -9 40 -25 55 -23 24 -28 25 -157 24 -73 -1 -155 -5 -183 -10z" }),
-                React.createElement("path", { d: "M2505 2295 c-50 -49 -15 -135 55 -135 41 0 80 39 80 80 0 41 -39 80\r\n    -80 80 -19 0 -40 -9 -55 -25z" }),
-                React.createElement("path", { d: "M1385 1655 l-25 -24 0 -351 0 -351 25 -24 24 -25 1151 0 1151 0 24\r\n    25 25 24 0 351 0 351 -25 24 -24 25 -1151 0 -1151 0 -24 -25z m2215 -375 l0\r\n    -240 -1040 0 -1040 0 0 240 0 240 1040 0 1040 0 0 -240z" }),
-                React.createElement("path", { d: "M4604 1508 c-23 -11 -44 -48 -44 -77 0 -10 9 -30 21 -45 l20 -26\r\n    -316 0 -316 0 -24 -25 c-33 -32 -33 -78 0 -110 l24 -25 316 0 316 0 -20 -26\r\n    c-44 -56 -8 -134 61 -134 27 0 47 15 135 103 90 90 103 107 103 137 0 30 -13\r\n    47 -103 137 -106 106 -124 115 -173 91z" })))));
+    return (_jsx(SvgIcon, { fontSize: "large", children: _jsx("svg", { version: "1.0", xmlns: "http://www.w3.org/2000/svg", width: "512.000000pt", height: "512.000000pt", viewBox: "0 0 512.000000 512.000000", preserveAspectRatio: "xMidYMid meet", children: _jsxs("g", { transform: "translate(0.000000,512.000000) scale(0.100000,-0.100000)", fill: "#000000", stroke: "none", children: [_jsx("path", { d: "M1385 4215 l-25 -24 0 -351 0 -351 25 -24 24 -25 1151 0 1151 0 24\r\n    25 25 24 0 351 0 351 -25 24 -24 25 -1151 0 -1151 0 -24 -25z m2215 -375 l0\r\n    -240 -1040 0 -1040 0 0 240 0 240 1040 0 1040 0 0 -240z" }), _jsx("path", { d: "M924 4068 c-23 -11 -44 -48 -44 -77 0 -10 9 -30 21 -45 l20 -26 -316\r\n    0 -316 0 -24 -25 c-33 -32 -33 -78 0 -110 l24 -25 316 0 316 0 -20 -26 c-44\r\n    -56 -8 -134 61 -134 27 0 47 15 135 103 138 138 138 136 0 274 -106 106 -124\r\n    115 -173 91z" }), _jsx("path", { d: "M3946 3897 c-34 -34 -34 -79 -1 -112 23 -24 30 -25 143 -25 153 0\r\n    218 -12 319 -61 216 -104 340 -339 305 -580 -26 -181 -143 -340 -305 -418\r\n    -101 -49 -166 -61 -319 -61 -113 0 -120 -1 -143 -25 -33 -33 -33 -78 1 -112\r\n    l26 -26 161 5 c137 5 174 9 239 30 118 39 203 92 294 182 90 90 143 175 182\r\n    294 22 67 26 94 26 212 0 118 -4 145 -26 212 -39 119 -92 204 -182 294 -91 90\r\n    -176 143 -294 182 -65 21 -102 25 -239 30 l-161 5 -26 -26z" }), _jsx("path", { d: "M1385 2935 l-25 -24 0 -351 0 -351 25 -24 24 -25 429 0 c419 0 430 0\r\n    456 21 37 29 37 89 0 118 -26 20 -37 21 -400 21 l-374 0 0 240 0 240 1040 0\r\n    1040 0 0 -240 0 -240 -369 0 -370 0 -27 -23 c-20 -17 -27 -33 -27 -57 0 -24 7\r\n    -40 27 -57 l27 -23 425 0 425 0 24 25 25 24 0 351 0 351 -25 24 -24 25 -1151\r\n    0 -1151 0 -24 -25z" }), _jsx("path", { d: "M835 2629 c-142 -24 -270 -92 -381 -203 -90 -90 -143 -175 -182 -294\r\n    -22 -67 -26 -94 -26 -212 0 -118 4 -145 26 -212 39 -119 92 -204 182 -294 91\r\n    -90 176 -143 294 -182 65 -21 102 -25 239 -30 l161 -5 26 26 c34 34 34 79 1\r\n    112 -23 24 -30 25 -143 25 -65 0 -145 5 -178 11 -94 17 -213 81 -289 155 -270\r\n    268 -194 725 148 893 100 48 165 61 319 61 113 0 120 1 143 25 16 15 25 36 25\r\n    55 0 19 -9 40 -25 55 -23 24 -28 25 -157 24 -73 -1 -155 -5 -183 -10z" }), _jsx("path", { d: "M2505 2295 c-50 -49 -15 -135 55 -135 41 0 80 39 80 80 0 41 -39 80\r\n    -80 80 -19 0 -40 -9 -55 -25z" }), _jsx("path", { d: "M1385 1655 l-25 -24 0 -351 0 -351 25 -24 24 -25 1151 0 1151 0 24\r\n    25 25 24 0 351 0 351 -25 24 -24 25 -1151 0 -1151 0 -24 -25z m2215 -375 l0\r\n    -240 -1040 0 -1040 0 0 240 0 240 1040 0 1040 0 0 -240z" }), _jsx("path", { d: "M4604 1508 c-23 -11 -44 -48 -44 -77 0 -10 9 -30 21 -45 l20 -26\r\n    -316 0 -316 0 -24 -25 c-33 -32 -33 -78 0 -110 l24 -25 316 0 316 0 -20 -26\r\n    c-44 -56 -8 -134 61 -134 27 0 47 15 135 103 90 90 103 107 103 137 0 30 -13\r\n    47 -103 137 -106 106 -124 115 -173 91z" })] }) }) }));
 }

package/dist/components/icons/QueueIcon.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { SvgIconOwnProps } from "@mui/material";
 interface QueueIconProps extends SvgIconOwnProps {
     disabled?: boolean;
 }
-declare const QueueIcon: ({ disabled, ...props }: QueueIconProps) => React.JSX.Element;
+declare const QueueIcon: ({ disabled, ...props }: QueueIconProps) => import("react/jsx-runtime").JSX.Element;
 export default QueueIcon;
 //# sourceMappingURL=QueueIcon.d.ts.map

package/dist/components/icons/QueueIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueueIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/QueueIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AA+BzE,UAAU,cAAe,SAAQ,eAAe;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,GAAI,wBAAwB,cAAc,sBAWxD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"QueueIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/QueueIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AA+BzE,UAAU,cAAe,SAAQ,eAAe;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,GAAI,wBAAwB,cAAc,4CAexD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/icons/QueueIcon.js

@@ -1,15 +1,12 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createSvgIcon, useTheme } from "@mui/material";
-const QueueSvgIcon = createSvgIcon(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "#000000" },
-    React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
-    React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("g", { id: "SVGRepo_iconCarrier" },
-        React.createElement("rect", { id: "view-box", width: "24", height: "24", fill: "none" }),
-        React.createElement("path", { id: "Shape", d: "M3.75,19.5A3.75,3.75,0,0,1,0,15.75V6.607A2.607,2.607,0,0,1,2.607,4H4V2.75A2.754,2.754,0,0,1,6.75,0h10A2.753,2.753,0,0,1,19.5,2.75v10a2.752,2.752,0,0,1-2.75,2.75H15.5v1.393A2.607,2.607,0,0,1,12.892,19.5ZM1.5,6.607V15.75A2.25,2.25,0,0,0,3.75,18h9.142A1.108,1.108,0,0,0,14,16.893V15.5H6.75A2.753,2.753,0,0,1,4,12.75V5.5H2.607A1.107,1.107,0,0,0,1.5,6.607Zm4-3.857v10A1.252,1.252,0,0,0,6.75,14h10A1.251,1.251,0,0,0,18,12.75v-10A1.251,1.251,0,0,0,16.75,1.5h-10A1.252,1.252,0,0,0,5.5,2.75ZM9.25,10.5a.75.75,0,1,1,0-1.5h5a.75.75,0,1,1,0,1.5Z", transform: "translate(2.25 2.25)", fill: "var(--disabled, currentColor)" }),
-        React.createElement("path", { id: "Shape-2", "data-name": "Shape", d: "M.75,1.5h5a.75.75,0,0,0,0-1.5h-5a.75.75,0,0,0,0,1.5Z", transform: "translate(17.25 8.75) rotate(-180)", fill: "var(--disabled, currentColor)", opacity: "0.5" }))), "QueueSvgIcon");
+const QueueSvgIcon = createSvgIcon(_jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "#000000", children: [_jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [_jsx("rect", { id: "view-box", width: "24", height: "24", fill: "none" }), _jsx("path", { id: "Shape", d: "M3.75,19.5A3.75,3.75,0,0,1,0,15.75V6.607A2.607,2.607,0,0,1,2.607,4H4V2.75A2.754,2.754,0,0,1,6.75,0h10A2.753,2.753,0,0,1,19.5,2.75v10a2.752,2.752,0,0,1-2.75,2.75H15.5v1.393A2.607,2.607,0,0,1,12.892,19.5ZM1.5,6.607V15.75A2.25,2.25,0,0,0,3.75,18h9.142A1.108,1.108,0,0,0,14,16.893V15.5H6.75A2.753,2.753,0,0,1,4,12.75V5.5H2.607A1.107,1.107,0,0,0,1.5,6.607Zm4-3.857v10A1.252,1.252,0,0,0,6.75,14h10A1.251,1.251,0,0,0,18,12.75v-10A1.251,1.251,0,0,0,16.75,1.5h-10A1.252,1.252,0,0,0,5.5,2.75ZM9.25,10.5a.75.75,0,1,1,0-1.5h5a.75.75,0,1,1,0,1.5Z", transform: "translate(2.25 2.25)", fill: "var(--disabled, currentColor)" }), _jsx("path", { id: "Shape-2", "data-name": "Shape", d: "M.75,1.5h5a.75.75,0,0,0,0-1.5h-5a.75.75,0,0,0,0,1.5Z", transform: "translate(17.25 8.75) rotate(-180)", fill: "var(--disabled, currentColor)", opacity: "0.5" })] })] }), "QueueSvgIcon");
 // todo: Обобщить, создать хук
 const QueueIcon = ({ disabled, ...props }) => {
     const theme = useTheme();
-    return disabled ? (React.createElement(QueueSvgIcon, { sx: { "--disabled": theme.palette.action.disabled, ...props.sx }, ...props })) : (React.createElement(QueueSvgIcon, { ...props }));
+    return disabled ? (_jsx(QueueSvgIcon, { sx: {
+            "--disabled": theme.vars?.palette.action.disabled || theme.palette.action.disabled,
+            ...props.sx,
+        }, ...props })) : (_jsx(QueueSvgIcon, { ...props }));
 };
 export default QueueIcon;

package/dist/components/icons/RangeIcon.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { SvgIconOwnProps } from "@mui/material";
 interface IpIconProps extends SvgIconOwnProps {
     disabled?: boolean;
 }
-declare const IpIcon: ({ disabled, ...props }: IpIconProps) => React.JSX.Element;
+declare const IpIcon: ({ disabled, ...props }: IpIconProps) => import("react/jsx-runtime").JSX.Element;
 export default IpIcon;
 //# sourceMappingURL=RangeIcon.d.ts.map

package/dist/components/icons/RangeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/RangeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AA8CzE,UAAU,WAAY,SAAQ,eAAe;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,GAAI,wBAAwB,WAAW,sBAWlD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"RangeIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/RangeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AA8CzE,UAAU,WAAY,SAAQ,eAAe;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,GAAI,wBAAwB,WAAW,4CAelD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/icons/RangeIcon.js

@@ -1,15 +1,12 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createSvgIcon, useTheme } from "@mui/material";
-const IpSVGIcon = createSvgIcon(React.createElement("svg", { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", fill: "#000000", stroke: "#000000", strokeWidth: "4.176" },
-    React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
-    React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("g", { id: "SVGRepo_iconCarrier" },
-        React.createElement("line", { fill: "none", stroke: "var(--disabled, currentColor)", strokeLinecap: "round", strokeLinejoin: "round", x1: "12.5656", y1: "12.5003", x2: "12.5656", y2: "35.5" }),
-        React.createElement("path", { fill: "none", stroke: "var(--disabled, currentColor)", strokeLinecap: "round", strokeLinejoin: "round", d: "M20.197,35.5v-23h7.475a7.7624,7.7624,0,0,1,0,15.5248H20.197" }),
-        React.createElement("path", { fill: "none", stroke: "var(--disabled, currentColor)", strokeLinecap: "round", strokeLinejoin: "round", d: "M40.5,5.5H7.5a2,2,0,0,0-2,2v33a2,2,0,0,0,2,2h33a2,2,0,0,0,2-2V7.5A2,2,0,0,0,40.5,5.5Z" }))), "IpSVGIcon");
+const IpSVGIcon = createSvgIcon(_jsxs("svg", { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", fill: "#000000", stroke: "#000000", strokeWidth: "4.176", children: [_jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [_jsx("line", { fill: "none", stroke: "var(--disabled, currentColor)", strokeLinecap: "round", strokeLinejoin: "round", x1: "12.5656", y1: "12.5003", x2: "12.5656", y2: "35.5" }), _jsx("path", { fill: "none", stroke: "var(--disabled, currentColor)", strokeLinecap: "round", strokeLinejoin: "round", d: "M20.197,35.5v-23h7.475a7.7624,7.7624,0,0,1,0,15.5248H20.197" }), _jsx("path", { fill: "none", stroke: "var(--disabled, currentColor)", strokeLinecap: "round", strokeLinejoin: "round", d: "M40.5,5.5H7.5a2,2,0,0,0-2,2v33a2,2,0,0,0,2,2h33a2,2,0,0,0,2-2V7.5A2,2,0,0,0,40.5,5.5Z" })] })] }), "IpSVGIcon");
 // todo: Обобщить, создать хук
 const IpIcon = ({ disabled, ...props }) => {
     const theme = useTheme();
-    return disabled ? (React.createElement(IpSVGIcon, { sx: { "--disabled": theme.palette.action.disabled, ...props.sx }, ...props })) : (React.createElement(IpSVGIcon, { ...props }));
+    return disabled ? (_jsx(IpSVGIcon, { sx: {
+            "--disabled": theme.vars?.palette.action.disabled || theme.palette.action.disabled,
+            ...props.sx,
+        }, ...props })) : (_jsx(IpSVGIcon, { ...props }));
 };
 export default IpIcon;

package/dist/components/icons/RunIcon.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { SvgIconOwnProps } from "@mui/material";
 interface RunIconProps extends SvgIconOwnProps {
     disabled?: boolean;
 }
-declare const RunIcon: ({ disabled, ...props }: RunIconProps) => React.JSX.Element;
+declare const RunIcon: ({ disabled, ...props }: RunIconProps) => import("react/jsx-runtime").JSX.Element;
 export default RunIcon;
 //# sourceMappingURL=RunIcon.d.ts.map

package/dist/components/icons/RunIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RunIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/RunIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAqDzE,UAAU,YAAa,SAAQ,eAAe;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,GAAI,wBAAwB,YAAY,sBAWpD,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"RunIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/RunIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAY,MAAM,eAAe,CAAC;AAqDzE,UAAU,YAAa,SAAQ,eAAe;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,GAAI,wBAAwB,YAAY,4CAepD,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/icons/RunIcon.js

@@ -1,18 +1,12 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createSvgIcon, useTheme } from "@mui/material";
-const RunSvgIcon = createSvgIcon(React.createElement("svg", { width: "38", height: "38", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 38 38", preserveAspectRatio: "xMidYMid", version: "1.1" },
-    React.createElement("g", { className: "layer", display: "inline" },
-        React.createElement("g", { id: "s", transform: "translate(-0.02 -0.02) matrix(1.63693 0 0 1.63225 -3.38016 7.32488)" },
-            React.createElement("g", { id: "svg_1", transform: "translate(-4.12903 0.709677) matrix(0.6025 0 0 0.666969 4.40055 -6.10281)" },
-                React.createElement("g", { id: "svg_2" },
-                    React.createElement("g", { id: "svg_55", transform: "translate(0.0430663 0) matrix(1 0 0 1 6.4897 3.12924e-7)" },
-                        React.createElement("g", { id: "svg_56" },
-                            React.createElement("g", { id: "svg_57" },
-                                React.createElement("path", { d: "m4.41,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, currentColor)", id: "svg_58", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }),
-                                React.createElement("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, currentColor)", id: "svg_59", stroke: "#ce5858", strokeWidth: "0" }))))))))), "RunSvgIcon");
+const RunSvgIcon = createSvgIcon(_jsx("svg", { width: "38", height: "38", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 38 38", preserveAspectRatio: "xMidYMid", version: "1.1", children: _jsx("g", { className: "layer", display: "inline", children: _jsx("g", { id: "s", transform: "translate(-0.02 -0.02) matrix(1.63693 0 0 1.63225 -3.38016 7.32488)", children: _jsx("g", { id: "svg_1", transform: "translate(-4.12903 0.709677) matrix(0.6025 0 0 0.666969 4.40055 -6.10281)", children: _jsx("g", { id: "svg_2", children: _jsx("g", { id: "svg_55", transform: "translate(0.0430663 0) matrix(1 0 0 1 6.4897 3.12924e-7)", children: _jsx("g", { id: "svg_56", children: _jsxs("g", { id: "svg_57", children: [_jsx("path", { d: "m4.41,2.5c-0.47,-0.28 -0.74,-0.05 -0.74,0.5l0,26c0,0.55 0.27,0.78 0.74,0.5l22.7,-13c0.48,-0.28 0.51,-0.72 0.04,-1l-22.74,-13z", fill: "var(--disabled, currentColor)", id: "svg_58", stroke: "#ce5858", strokeWidth: "0", transform: "matrix(1 0 0 1 0 0)" }), _jsx("path", { d: "m4.38,30.62l0,0c-0.66,0 -1.38,-0.51 -1.38,-1.62l0,-26c0,-1.11 0.72,-1.62 1.38,-1.62c0.29,0 0.57,0.08 0.86,0.25l22.73,13.01c0.54,0.3 0.85,0.79 0.85,1.34c0,0.56 -0.32,1.07 -0.88,1.38l-22.7,13.01c-0.29,0.17 -0.57,0.25 -0.86,0.25zm0.62,-26.82l0,24.4l21.31,-12.21l-21.31,-12.19z", fill: "var(--disabled, currentColor)", id: "svg_59", stroke: "#ce5858", strokeWidth: "0" })] }) }) }) }) }) }) }) }), "RunSvgIcon");
 // todo: Обобщить, создать хук
 const RunIcon = ({ disabled, ...props }) => {
     const theme = useTheme();
-    return disabled ? (React.createElement(RunSvgIcon, { sx: { "--disabled": theme.palette.action.disabled, ...props.sx }, ...props })) : (React.createElement(RunSvgIcon, { ...props }));
+    return disabled ? (_jsx(RunSvgIcon, { sx: {
+            "--disabled": theme.vars?.palette.action.disabled || theme.palette.action.disabled,
+            ...props.sx,
+        }, ...props })) : (_jsx(RunSvgIcon, { ...props }));
 };
 export default RunIcon;

package/dist/components/icons/TextModeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextModeIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/TextModeIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;CAmBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"TextModeIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/TextModeIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;CAmBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/icons/TextModeIcon.js

@@ -1,8 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createSvgIcon } from "@mui/material";
-const TextModeIcon = createSvgIcon(React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
-    React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("g", { id: "SVGRepo_iconCarrier" },
-        React.createElement("path", { d: "M7 8L3 11.6923L7 16M17 8L21 11.6923L17 16M14 4L10 20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))), "TextModeIcon");
+const TextModeIcon = createSvgIcon(_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("g", { id: "SVGRepo_iconCarrier", children: _jsx("path", { d: "M7 8L3 11.6923L7 16M17 8L21 11.6923L17 16M14 4L10 20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), "TextModeIcon");
 export default TextModeIcon;

package/dist/components/icons/TreeModeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeModeIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/TreeModeIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;CAkBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"TreeModeIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/TreeModeIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;CAkBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/icons/TreeModeIcon.js

@@ -1,8 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createSvgIcon } from "@mui/material";
-const TreeModeIcon = createSvgIcon(React.createElement("svg", { fill: "currentColor", viewBox: "0 0 256 256", id: "Flat", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
-    React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("g", { id: "SVGRepo_iconCarrier" },
-        React.createElement("path", { d: "M156,92V80H144a16.01833,16.01833,0,0,0-16,16v64a16.01833,16.01833,0,0,0,16,16h12V164a16.01833,16.01833,0,0,1,16-16h40a16.01833,16.01833,0,0,1,16,16v40a16.01833,16.01833,0,0,1-16,16H172a16.01833,16.01833,0,0,1-16-16V192H144a32.03635,32.03635,0,0,1-32-32V136H84v8a16.01833,16.01833,0,0,1-16,16H36a16.01833,16.01833,0,0,1-16-16V112A16.01833,16.01833,0,0,1,36,96H68a16.01833,16.01833,0,0,1,16,16v8h28V96a32.03635,32.03635,0,0,1,32-32h12V52a16.01833,16.01833,0,0,1,16-16h40a16.01833,16.01833,0,0,1,16,16V92a16.01833,16.01833,0,0,1-16,16H172A16.01833,16.01833,0,0,1,156,92Z" }))), "TreeModeIcon");
+const TreeModeIcon = createSvgIcon(_jsxs("svg", { fill: "currentColor", viewBox: "0 0 256 256", id: "Flat", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("g", { id: "SVGRepo_iconCarrier", children: _jsx("path", { d: "M156,92V80H144a16.01833,16.01833,0,0,0-16,16v64a16.01833,16.01833,0,0,0,16,16h12V164a16.01833,16.01833,0,0,1,16-16h40a16.01833,16.01833,0,0,1,16,16v40a16.01833,16.01833,0,0,1-16,16H172a16.01833,16.01833,0,0,1-16-16V192H144a32.03635,32.03635,0,0,1-32-32V136H84v8a16.01833,16.01833,0,0,1-16,16H36a16.01833,16.01833,0,0,1-16-16V112A16.01833,16.01833,0,0,1,36,96H68a16.01833,16.01833,0,0,1,16,16v8h28V96a32.03635,32.03635,0,0,1,32-32h12V52a16.01833,16.01833,0,0,1,16-16h40a16.01833,16.01833,0,0,1,16,16V92a16.01833,16.01833,0,0,1-16,16H172A16.01833,16.01833,0,0,1,156,92Z" }) })] }), "TreeModeIcon");
 export default TreeModeIcon;