@databiosphere/findable-ui 47.0.2 → 49.0.0

package/lib/components/common/CustomIcon/components/SearchOffIcon/searchOffIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom search off icon.
  */
 export const SearchOffIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M5.11866 16.5002C4.13106 16.5002 3.28101 16.1439 2.56851 15.4314C1.85601 14.7189 1.49976 13.8689 1.49976 12.8813C1.49976 11.8814 1.85601 11.0252 2.56851 10.3127C3.28101 9.60015 4.13106 9.2439 5.11866 9.2439C6.11856 9.2439 6.97476 9.60015 7.68726 10.3127C8.39976 11.0252 8.75601 11.8814 8.75601 12.8813C8.75601 13.8689 8.39976 14.7189 7.68726 15.4314C6.97476 16.1439 6.11856 16.5002 5.11866 16.5002ZM3.58101 14.4374C3.64371 14.5001 3.72186 14.5314 3.81546 14.5314C3.90936 14.5314 3.98751 14.5001 4.04991 14.4374L5.11866 13.3686L6.18741 14.4374C6.24981 14.5001 6.32481 14.5283 6.41241 14.522C6.50001 14.5157 6.57501 14.4813 6.63741 14.4189C6.69981 14.3562 6.73101 14.2781 6.73101 14.1845C6.73101 14.0906 6.69981 14.0124 6.63741 13.95L5.56866 12.8813L6.67476 11.7752C6.74976 11.7125 6.78411 11.6375 6.77781 11.5502C6.77181 11.4626 6.73746 11.3876 6.67476 11.3252C6.59976 11.2502 6.52161 11.2127 6.44031 11.2127C6.35931 11.2127 6.28746 11.2502 6.22476 11.3252L5.11866 12.4124L4.03101 11.3252C3.96861 11.2502 3.89361 11.2127 3.80601 11.2127C3.71871 11.2127 3.64371 11.2502 3.58101 11.3252C3.51861 11.3876 3.48741 11.4626 3.48741 11.5502C3.48741 11.6375 3.51861 11.7125 3.58101 11.7752L4.66866 12.8813L3.58101 13.95C3.51861 14.025 3.48741 14.1063 3.48741 14.1939C3.48741 14.2812 3.51861 14.3624 3.58101 14.4374ZM15.1501 15.3L10.7063 10.8563C10.6061 10.9562 10.481 11.0499 10.331 11.1375C10.181 11.2251 10.0373 11.2938 9.89991 11.3436C9.81231 11.1813 9.71541 11.0094 9.60921 10.8279C9.50301 10.6467 9.38736 10.4811 9.26226 10.3311C9.87486 10.0563 10.3843 9.6345 10.7905 9.0657C11.1967 8.4969 11.3998 7.8312 11.3998 7.0686C11.3998 6.0813 11.053 5.2407 10.3594 4.5468C9.66546 3.8532 8.82486 3.5064 7.83756 3.5064C6.83736 3.5064 5.99046 3.8532 5.29686 4.5468C4.60296 5.2407 4.25601 6.0813 4.25601 7.0686C4.25601 7.2438 4.27161 7.41885 4.30281 7.59375C4.33431 7.76865 4.36881 7.92495 4.40631 8.06265C4.23111 8.08755 4.03101 8.1312 3.80601 8.1936C3.58101 8.2563 3.38106 8.32515 3.20616 8.40015C3.13116 8.21265 3.07806 8.00325 3.04686 7.77195C3.01566 7.54065 3.00006 7.3062 3.00006 7.0686C3.00006 5.7312 3.46881 4.59375 4.40631 3.65625C5.34381 2.71875 6.48756 2.25 7.83756 2.25C9.17496 2.25 10.3124 2.71875 11.2499 3.65625C12.1874 4.59375 12.6562 5.7312 12.6562 7.0686C12.6562 7.6062 12.5656 8.1312 12.3844 8.6436C12.2032 9.1563 11.95 9.6063 11.6248 9.9936L16.0501 14.4C16.1749 14.5251 16.2373 14.6751 16.2373 14.85C16.2373 15.0249 16.1749 15.1749 16.0501 15.3C15.925 15.4251 15.775 15.4877 15.6001 15.4877C15.4249 15.4877 15.2749 15.4251 15.1501 15.3Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M5.11866 16.5002C4.13106 16.5002 3.28101 16.1439 2.56851 15.4314C1.85601 14.7189 1.49976 13.8689 1.49976 12.8813C1.49976 11.8814 1.85601 11.0252 2.56851 10.3127C3.28101 9.60015 4.13106 9.2439 5.11866 9.2439C6.11856 9.2439 6.97476 9.60015 7.68726 10.3127C8.39976 11.0252 8.75601 11.8814 8.75601 12.8813C8.75601 13.8689 8.39976 14.7189 7.68726 15.4314C6.97476 16.1439 6.11856 16.5002 5.11866 16.5002ZM3.58101 14.4374C3.64371 14.5001 3.72186 14.5314 3.81546 14.5314C3.90936 14.5314 3.98751 14.5001 4.04991 14.4374L5.11866 13.3686L6.18741 14.4374C6.24981 14.5001 6.32481 14.5283 6.41241 14.522C6.50001 14.5157 6.57501 14.4813 6.63741 14.4189C6.69981 14.3562 6.73101 14.2781 6.73101 14.1845C6.73101 14.0906 6.69981 14.0124 6.63741 13.95L5.56866 12.8813L6.67476 11.7752C6.74976 11.7125 6.78411 11.6375 6.77781 11.5502C6.77181 11.4626 6.73746 11.3876 6.67476 11.3252C6.59976 11.2502 6.52161 11.2127 6.44031 11.2127C6.35931 11.2127 6.28746 11.2502 6.22476 11.3252L5.11866 12.4124L4.03101 11.3252C3.96861 11.2502 3.89361 11.2127 3.80601 11.2127C3.71871 11.2127 3.64371 11.2502 3.58101 11.3252C3.51861 11.3876 3.48741 11.4626 3.48741 11.5502C3.48741 11.6375 3.51861 11.7125 3.58101 11.7752L4.66866 12.8813L3.58101 13.95C3.51861 14.025 3.48741 14.1063 3.48741 14.1939C3.48741 14.2812 3.51861 14.3624 3.58101 14.4374ZM15.1501 15.3L10.7063 10.8563C10.6061 10.9562 10.481 11.0499 10.331 11.1375C10.181 11.2251 10.0373 11.2938 9.89991 11.3436C9.81231 11.1813 9.71541 11.0094 9.60921 10.8279C9.50301 10.6467 9.38736 10.4811 9.26226 10.3311C9.87486 10.0563 10.3843 9.6345 10.7905 9.0657C11.1967 8.4969 11.3998 7.8312 11.3998 7.0686C11.3998 6.0813 11.053 5.2407 10.3594 4.5468C9.66546 3.8532 8.82486 3.5064 7.83756 3.5064C6.83736 3.5064 5.99046 3.8532 5.29686 4.5468C4.60296 5.2407 4.25601 6.0813 4.25601 7.0686C4.25601 7.2438 4.27161 7.41885 4.30281 7.59375C4.33431 7.76865 4.36881 7.92495 4.40631 8.06265C4.23111 8.08755 4.03101 8.1312 3.80601 8.1936C3.58101 8.2563 3.38106 8.32515 3.20616 8.40015C3.13116 8.21265 3.07806 8.00325 3.04686 7.77195C3.01566 7.54065 3.00006 7.3062 3.00006 7.0686C3.00006 5.7312 3.46881 4.59375 4.40631 3.65625C5.34381 2.71875 6.48756 2.25 7.83756 2.25C9.17496 2.25 10.3124 2.71875 11.2499 3.65625C12.1874 4.59375 12.6562 5.7312 12.6562 7.0686C12.6562 7.6062 12.5656 8.1312 12.3844 8.6436C12.2032 9.1563 11.95 9.6063 11.6248 9.9936L16.0501 14.4C16.1749 14.5251 16.2373 14.6751 16.2373 14.85C16.2373 15.0249 16.1749 15.1749 16.0501 15.3C15.925 15.4251 15.775 15.4877 15.6001 15.4877C15.4249 15.4877 15.2749 15.4251 15.1501 15.3Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/Segment/segment.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 export declare const Segment: ({ fontSize, viewBox, ...props }: CustomSVGIconProps) => JSX.Element;

package/lib/components/common/CustomIcon/components/Segment/segment.js

@@ -1,6 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 export const Segment = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M7.50556 13.5117C7.29316 13.5117 7.10896 13.4337 6.95296 13.2777C6.79636 13.1211 6.71806 12.9366 6.71806 12.7242C6.71806 12.5118 6.79636 12.3273 6.95296 12.1707C7.10896 12.0147 7.29316 11.9367 7.50556 11.9367H14.9684C15.1808 11.9367 15.3653 12.0147 15.5219 12.1707C15.6778 12.3273 15.7559 12.5118 15.7559 12.7242C15.7559 12.9366 15.6778 13.1211 15.5219 13.2777C15.3653 13.4337 15.1808 13.5117 14.9684 13.5117H7.50556ZM3.04336 6.08672C2.83096 6.08672 2.64646 6.00872 2.48986 5.85272C2.33386 5.69612 2.25586 5.51162 2.25586 5.29922C2.25586 5.08682 2.33386 4.90232 2.48986 4.74572C2.64646 4.58972 2.83096 4.51172 3.04336 4.51172H14.9684C15.1808 4.51172 15.3653 4.58972 15.5219 4.74572C15.6778 4.90232 15.7559 5.08682 15.7559 5.29922C15.7559 5.51162 15.6778 5.69612 15.5219 5.85272C15.3653 6.00872 15.1808 6.08672 14.9684 6.08672H3.04336ZM7.50556 9.79922C7.29316 9.79922 7.10896 9.72119 6.95296 9.56522C6.79636 9.40862 6.71806 9.22412 6.71806 9.01172C6.71806 8.79932 6.79636 8.61482 6.95296 8.45822C7.10896 8.30222 7.29316 8.22422 7.50556 8.22422H14.9684C15.1808 8.22422 15.3653 8.30222 15.5219 8.45822C15.6778 8.61482 15.7559 8.79932 15.7559 9.01172C15.7559 9.22412 15.6778 9.40862 15.5219 9.56522C15.3653 9.72119 15.1808 9.79922 14.9684 9.79922H7.50556Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M7.50556 13.5117C7.29316 13.5117 7.10896 13.4337 6.95296 13.2777C6.79636 13.1211 6.71806 12.9366 6.71806 12.7242C6.71806 12.5118 6.79636 12.3273 6.95296 12.1707C7.10896 12.0147 7.29316 11.9367 7.50556 11.9367H14.9684C15.1808 11.9367 15.3653 12.0147 15.5219 12.1707C15.6778 12.3273 15.7559 12.5118 15.7559 12.7242C15.7559 12.9366 15.6778 13.1211 15.5219 13.2777C15.3653 13.4337 15.1808 13.5117 14.9684 13.5117H7.50556ZM3.04336 6.08672C2.83096 6.08672 2.64646 6.00872 2.48986 5.85272C2.33386 5.69612 2.25586 5.51162 2.25586 5.29922C2.25586 5.08682 2.33386 4.90232 2.48986 4.74572C2.64646 4.58972 2.83096 4.51172 3.04336 4.51172H14.9684C15.1808 4.51172 15.3653 4.58972 15.5219 4.74572C15.6778 4.90232 15.7559 5.08682 15.7559 5.29922C15.7559 5.51162 15.6778 5.69612 15.5219 5.85272C15.3653 6.00872 15.1808 6.08672 14.9684 6.08672H3.04336ZM7.50556 9.79922C7.29316 9.79922 7.10896 9.72119 6.95296 9.56522C6.79636 9.40862 6.71806 9.22412 6.71806 9.01172C6.71806 8.79932 6.79636 8.61482 6.95296 8.45822C7.10896 8.30222 7.29316 8.22422 7.50556 8.22422H14.9684C15.1808 8.22422 15.3653 8.30222 15.5219 8.45822C15.6778 8.61482 15.7559 8.79932 15.7559 9.01172C15.7559 9.22412 15.6778 9.40862 15.5219 9.56522C15.3653 9.72119 15.1808 9.79922 14.9684 9.79922H7.50556Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/SlackIcon/slackIcon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 /**
  * Custom Slack icon (socials).

package/lib/components/common/CustomIcon/components/SlackIcon/slackIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom Slack icon (socials).
  */
 export const SlackIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M5.3437 10.6877C5.3437 11.3908 4.72495 12.0096 4.02183 12.0096C3.29058 12.0096 2.69995 11.3908 2.69995 10.6877C2.69995 9.95645 3.29058 9.36582 4.02183 9.36582H5.3437V10.6877ZM5.99058 10.6877C5.99058 9.95645 6.60933 9.36582 7.31245 9.36582C8.0437 9.36582 8.63433 9.95645 8.63433 10.6877V13.9783C8.63433 14.7096 8.0437 15.3002 7.31245 15.3002C6.60933 15.3002 5.99058 14.7096 5.99058 13.9783V10.6877ZM7.31245 5.37207C6.60933 5.37207 5.99058 4.75332 5.99058 4.0502C5.99058 3.31895 6.60933 2.7002 7.31245 2.7002C8.0437 2.7002 8.63433 3.31895 8.63433 4.0502V5.37207H7.31245ZM7.31245 6.01895C8.0437 6.01895 8.63433 6.60957 8.63433 7.34082C8.63433 8.07207 8.0437 8.6627 7.31245 8.6627H4.02183C3.29058 8.6627 2.69995 8.07207 2.69995 7.34082C2.69995 6.60957 3.29058 6.01895 4.02183 6.01895H7.31245ZM12.6281 7.34082C12.6281 6.60957 13.2468 6.01895 13.95 6.01895C14.6812 6.01895 15.3 6.60957 15.3 7.34082C15.3 8.07207 14.6812 8.6627 13.95 8.6627H12.6281V7.34082ZM11.9812 7.34082C11.9812 8.07207 11.3906 8.6627 10.6593 8.6627C9.92808 8.6627 9.33745 8.07207 9.33745 7.34082V4.0502C9.33745 3.31895 9.92808 2.7002 10.6593 2.7002C11.3906 2.7002 11.9812 3.31895 11.9812 4.0502V7.34082ZM10.6593 12.6564C11.3906 12.6564 11.9812 13.2752 11.9812 13.9783C11.9812 14.7096 11.3906 15.3002 10.6593 15.3002C9.92808 15.3002 9.33745 14.7096 9.33745 13.9783V12.6564H10.6593ZM10.6593 12.0096C9.92808 12.0096 9.33745 11.3908 9.33745 10.6877C9.33745 9.95645 9.92808 9.36582 10.6593 9.36582H13.95C14.6812 9.36582 15.3 9.95645 15.3 10.6877C15.3 11.3908 14.6812 12.0096 13.95 12.0096H10.6593Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M5.3437 10.6877C5.3437 11.3908 4.72495 12.0096 4.02183 12.0096C3.29058 12.0096 2.69995 11.3908 2.69995 10.6877C2.69995 9.95645 3.29058 9.36582 4.02183 9.36582H5.3437V10.6877ZM5.99058 10.6877C5.99058 9.95645 6.60933 9.36582 7.31245 9.36582C8.0437 9.36582 8.63433 9.95645 8.63433 10.6877V13.9783C8.63433 14.7096 8.0437 15.3002 7.31245 15.3002C6.60933 15.3002 5.99058 14.7096 5.99058 13.9783V10.6877ZM7.31245 5.37207C6.60933 5.37207 5.99058 4.75332 5.99058 4.0502C5.99058 3.31895 6.60933 2.7002 7.31245 2.7002C8.0437 2.7002 8.63433 3.31895 8.63433 4.0502V5.37207H7.31245ZM7.31245 6.01895C8.0437 6.01895 8.63433 6.60957 8.63433 7.34082C8.63433 8.07207 8.0437 8.6627 7.31245 8.6627H4.02183C3.29058 8.6627 2.69995 8.07207 2.69995 7.34082C2.69995 6.60957 3.29058 6.01895 4.02183 6.01895H7.31245ZM12.6281 7.34082C12.6281 6.60957 13.2468 6.01895 13.95 6.01895C14.6812 6.01895 15.3 6.60957 15.3 7.34082C15.3 8.07207 14.6812 8.6627 13.95 8.6627H12.6281V7.34082ZM11.9812 7.34082C11.9812 8.07207 11.3906 8.6627 10.6593 8.6627C9.92808 8.6627 9.33745 8.07207 9.33745 7.34082V4.0502C9.33745 3.31895 9.92808 2.7002 10.6593 2.7002C11.3906 2.7002 11.9812 3.31895 11.9812 4.0502V7.34082ZM10.6593 12.6564C11.3906 12.6564 11.9812 13.2752 11.9812 13.9783C11.9812 14.7096 11.3906 15.3002 10.6593 15.3002C9.92808 15.3002 9.33745 14.7096 9.33745 13.9783V12.6564H10.6593ZM10.6593 12.0096C9.92808 12.0096 9.33745 11.3908 9.33745 10.6877C9.33745 9.95645 9.92808 9.36582 10.6593 9.36582H13.95C14.6812 9.36582 15.3 9.95645 15.3 10.6877C15.3 11.3908 14.6812 12.0096 13.95 12.0096H10.6593Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/SouthIcon/southIcon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 /**
  * Custom south (back arrow) icon.

package/lib/components/common/CustomIcon/components/SouthIcon/southIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom south (back arrow) icon.
  */
 export const SouthIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M1.8192 9.00009C1.8192 8.89989 1.8411 8.79999 1.8849 8.70039C1.9287 8.60019 1.9881 8.51259 2.0631 8.43759L6.1878 4.31289C6.3378 4.16289 6.5223 4.08789 6.7413 4.08789C6.9597 4.08789 7.1439 4.16289 7.2939 4.31289C7.4439 4.46289 7.5189 4.64409 7.5189 4.85649C7.5189 5.06889 7.4439 5.25009 7.2939 5.40009L4.5003 8.21259L15.7125 8.21259C15.9249 8.21259 16.1094 8.29059 16.266 8.44659C16.422 8.60319 16.5 8.78769 16.5 9.00009C16.5 9.21249 16.422 9.39699 16.266 9.55359C16.1094 9.70959 15.9249 9.78759 15.7125 9.78759L4.5003 9.78759L7.2939 12.6001C7.4439 12.7501 7.5189 12.9313 7.5189 13.1437C7.5189 13.3561 7.4439 13.5373 7.2939 13.6873C7.1439 13.8373 6.9597 13.9123 6.7413 13.9123C6.5223 13.9123 6.3378 13.8373 6.1878 13.6873L2.0631 9.56259C1.9881 9.48759 1.9287 9.39999 1.8849 9.29979C1.8411 9.20019 1.8192 9.10029 1.8192 9.00009Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M1.8192 9.00009C1.8192 8.89989 1.8411 8.79999 1.8849 8.70039C1.9287 8.60019 1.9881 8.51259 2.0631 8.43759L6.1878 4.31289C6.3378 4.16289 6.5223 4.08789 6.7413 4.08789C6.9597 4.08789 7.1439 4.16289 7.2939 4.31289C7.4439 4.46289 7.5189 4.64409 7.5189 4.85649C7.5189 5.06889 7.4439 5.25009 7.2939 5.40009L4.5003 8.21259L15.7125 8.21259C15.9249 8.21259 16.1094 8.29059 16.266 8.44659C16.422 8.60319 16.5 8.78769 16.5 9.00009C16.5 9.21249 16.422 9.39699 16.266 9.55359C16.1094 9.70959 15.9249 9.78759 15.7125 9.78759L4.5003 9.78759L7.2939 12.6001C7.4439 12.7501 7.5189 12.9313 7.5189 13.1437C7.5189 13.3561 7.4439 13.5373 7.2939 13.6873C7.1439 13.8373 6.9597 13.9123 6.7413 13.9123C6.5223 13.9123 6.3378 13.8373 6.1878 13.6873L2.0631 9.56259C1.9881 9.48759 1.9287 9.39999 1.8849 9.29979C1.8411 9.20019 1.8192 9.10029 1.8192 9.00009Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/SuccessIcon/successIcon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 /**
  * Custom success icon.

package/lib/components/common/CustomIcon/components/SuccessIcon/successIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom success icon.
  */
 export const SuccessIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M7.98744 10.2183L6.41244 8.6433C6.26244 8.4933 6.08124 8.4183 5.86884 8.4183C5.65644 8.4183 5.47524 8.4933 5.32524 8.6433C5.16264 8.8059 5.08134 8.9967 5.08134 9.2157C5.08134 9.4341 5.15634 9.6183 5.30634 9.7683L7.40604 11.8689C7.56864 12.0309 7.75614 12.1119 7.96854 12.1119C8.18094 12.1119 8.36844 12.0309 8.53104 11.8689L12.7124 7.6875C12.8498 7.5495 12.8843 7.3839 12.8159 7.1907C12.7469 6.9969 12.7124 6.7998 12.7124 6.5994C12.5624 6.4494 12.3779 6.3744 12.1589 6.3744C11.9405 6.3744 11.7563 6.4494 11.6063 6.5994L7.98744 10.2183ZM8.99994 16.4994C7.96254 16.4994 6.98754 16.3026 6.07494 15.909C5.16234 15.5154 4.36854 14.9811 3.69354 14.3061C3.01854 13.6311 2.48424 12.8373 2.09064 11.9247C1.69704 11.0121 1.50024 10.0371 1.50024 8.9997C1.50024 7.9623 1.69704 6.9873 2.09064 6.0747C2.48424 5.1621 3.01854 4.3683 3.69354 3.6933C4.36854 3.0183 5.16234 2.484 6.07494 2.0904C6.98754 1.6968 7.96254 1.5 8.99994 1.5C10.0373 1.5 11.0123 1.6968 11.9249 2.0904C12.8375 2.484 13.6313 3.0183 14.3063 3.6933C14.9813 4.3683 15.5156 5.1621 15.9092 6.0747C16.3028 6.9873 16.4996 7.9623 16.4996 8.9997C16.4996 10.0371 16.3028 11.0121 15.9092 11.9247C15.5156 12.8373 14.9813 13.6311 14.3063 14.3061C13.6313 14.9811 12.8375 15.5154 11.9249 15.909C11.0123 16.3026 10.0373 16.4994 8.99994 16.4994Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M7.98744 10.2183L6.41244 8.6433C6.26244 8.4933 6.08124 8.4183 5.86884 8.4183C5.65644 8.4183 5.47524 8.4933 5.32524 8.6433C5.16264 8.8059 5.08134 8.9967 5.08134 9.2157C5.08134 9.4341 5.15634 9.6183 5.30634 9.7683L7.40604 11.8689C7.56864 12.0309 7.75614 12.1119 7.96854 12.1119C8.18094 12.1119 8.36844 12.0309 8.53104 11.8689L12.7124 7.6875C12.8498 7.5495 12.8843 7.3839 12.8159 7.1907C12.7469 6.9969 12.7124 6.7998 12.7124 6.5994C12.5624 6.4494 12.3779 6.3744 12.1589 6.3744C11.9405 6.3744 11.7563 6.4494 11.6063 6.5994L7.98744 10.2183ZM8.99994 16.4994C7.96254 16.4994 6.98754 16.3026 6.07494 15.909C5.16234 15.5154 4.36854 14.9811 3.69354 14.3061C3.01854 13.6311 2.48424 12.8373 2.09064 11.9247C1.69704 11.0121 1.50024 10.0371 1.50024 8.9997C1.50024 7.9623 1.69704 6.9873 2.09064 6.0747C2.48424 5.1621 3.01854 4.3683 3.69354 3.6933C4.36854 3.0183 5.16234 2.484 6.07494 2.0904C6.98754 1.6968 7.96254 1.5 8.99994 1.5C10.0373 1.5 11.0123 1.6968 11.9249 2.0904C12.8375 2.484 13.6313 3.0183 14.3063 3.6933C14.9813 4.3683 15.5156 5.1621 15.9092 6.0747C16.3028 6.9873 16.4996 7.9623 16.4996 8.9997C16.4996 10.0371 16.3028 11.0121 15.9092 11.9247C15.5156 12.8373 14.9813 13.6311 14.3063 14.3061C13.6313 14.9811 12.8375 15.5154 11.9249 15.909C11.0123 16.3026 10.0373 16.4994 8.99994 16.4994Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/UnLinkIcon/unLinkIcon.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 export declare const UnLinkIcon: ({ fontSize, viewBox, ...props }: CustomSVGIconProps) => JSX.Element;

package/lib/components/common/CustomIcon/components/UnLinkIcon/unLinkIcon.js

@@ -1,6 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 export const UnLinkIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M11.4561 9.52501L10.2373 8.325H11.0196C11.2123 8.325 11.3738 8.38968 11.5042 8.51905C11.6346 8.64843 11.6998 8.80875 11.6998 9C11.6998 9.11245 11.6748 9.21253 11.6248 9.30001C11.5748 9.38749 11.5123 9.46246 11.4373 9.52501H11.4561ZM14.8873 15.825C14.7498 15.9625 14.5904 16.0312 14.4092 16.0312C14.2279 16.0312 14.0685 15.9625 13.9311 15.825L2.15605 4.06874C2.01856 3.93124 1.94981 3.77187 1.94981 3.59062C1.94981 3.40937 2.01856 3.25 2.15605 3.11249C2.29355 2.97499 2.45293 2.90625 2.63418 2.90625C2.81543 2.90625 2.97481 2.97499 3.1123 3.11249L14.8873 14.8875C15.0248 15.025 15.0935 15.1812 15.0935 15.3562C15.0935 15.5313 15.0248 15.6875 14.8873 15.825ZM5.3998 12.6C4.4038 12.6 3.5548 12.249 2.8528 11.547C2.1508 10.845 1.7998 9.99598 1.7998 9C1.7998 8.20087 2.03731 7.48855 2.51231 6.86305C2.9873 6.23768 3.6623 5.74374 4.53731 5.38125L5.8498 6.75H5.41855C4.78105 6.75 4.24356 6.96874 3.80606 7.40625C3.36856 7.84375 3.1498 8.37499 3.1498 9C3.1498 9.625 3.36856 10.1563 3.80606 10.5938C4.24356 11.0313 4.77481 11.25 5.3998 11.25H7.4248C7.61605 11.25 7.77636 11.3143 7.90575 11.4429C8.03512 11.5715 8.0998 11.7309 8.0998 11.9211C8.0998 12.1112 8.03512 12.2719 7.90575 12.4031C7.77636 12.5343 7.61605 12.6 7.4248 12.6H5.3998ZM6.97274 9.67495C6.78661 9.67495 6.62793 9.61069 6.49668 9.48208C6.36543 9.35347 6.2998 9.19408 6.2998 9.00391C6.2998 8.81381 6.3645 8.65312 6.49387 8.52187C6.62325 8.39062 6.78355 8.325 6.9748 8.325H7.34981L8.68105 9.67495H6.97274ZM13.6686 11.775C13.5686 11.625 13.5342 11.4594 13.5654 11.2781C13.5966 11.0969 13.6873 10.9563 13.8373 10.8562C14.1498 10.6437 14.3967 10.375 14.5779 10.05C14.7592 9.72499 14.8498 9.37498 14.8498 9C14.8498 8.37499 14.631 7.84375 14.1935 7.40625C13.756 6.96874 13.2248 6.75 12.5998 6.75H10.5748C10.3836 6.75 10.2233 6.68568 10.0938 6.55705C9.96451 6.42844 9.8998 6.26905 9.8998 6.07893C9.8998 5.8888 9.96451 5.72812 10.0938 5.59687C10.2233 5.46563 10.3836 5.4 10.5748 5.4H12.5998C13.5958 5.4 14.4448 5.751 15.1468 6.453C15.8488 7.155 16.1998 8.00399 16.1998 9C16.1998 9.6034 16.0561 10.1667 15.7685 10.69C15.4811 11.2133 15.0873 11.6375 14.5873 11.9625C14.4373 12.0625 14.2716 12.0937 14.0904 12.0563C13.9092 12.0187 13.7685 11.925 13.6686 11.775Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M11.4561 9.52501L10.2373 8.325H11.0196C11.2123 8.325 11.3738 8.38968 11.5042 8.51905C11.6346 8.64843 11.6998 8.80875 11.6998 9C11.6998 9.11245 11.6748 9.21253 11.6248 9.30001C11.5748 9.38749 11.5123 9.46246 11.4373 9.52501H11.4561ZM14.8873 15.825C14.7498 15.9625 14.5904 16.0312 14.4092 16.0312C14.2279 16.0312 14.0685 15.9625 13.9311 15.825L2.15605 4.06874C2.01856 3.93124 1.94981 3.77187 1.94981 3.59062C1.94981 3.40937 2.01856 3.25 2.15605 3.11249C2.29355 2.97499 2.45293 2.90625 2.63418 2.90625C2.81543 2.90625 2.97481 2.97499 3.1123 3.11249L14.8873 14.8875C15.0248 15.025 15.0935 15.1812 15.0935 15.3562C15.0935 15.5313 15.0248 15.6875 14.8873 15.825ZM5.3998 12.6C4.4038 12.6 3.5548 12.249 2.8528 11.547C2.1508 10.845 1.7998 9.99598 1.7998 9C1.7998 8.20087 2.03731 7.48855 2.51231 6.86305C2.9873 6.23768 3.6623 5.74374 4.53731 5.38125L5.8498 6.75H5.41855C4.78105 6.75 4.24356 6.96874 3.80606 7.40625C3.36856 7.84375 3.1498 8.37499 3.1498 9C3.1498 9.625 3.36856 10.1563 3.80606 10.5938C4.24356 11.0313 4.77481 11.25 5.3998 11.25H7.4248C7.61605 11.25 7.77636 11.3143 7.90575 11.4429C8.03512 11.5715 8.0998 11.7309 8.0998 11.9211C8.0998 12.1112 8.03512 12.2719 7.90575 12.4031C7.77636 12.5343 7.61605 12.6 7.4248 12.6H5.3998ZM6.97274 9.67495C6.78661 9.67495 6.62793 9.61069 6.49668 9.48208C6.36543 9.35347 6.2998 9.19408 6.2998 9.00391C6.2998 8.81381 6.3645 8.65312 6.49387 8.52187C6.62325 8.39062 6.78355 8.325 6.9748 8.325H7.34981L8.68105 9.67495H6.97274ZM13.6686 11.775C13.5686 11.625 13.5342 11.4594 13.5654 11.2781C13.5966 11.0969 13.6873 10.9563 13.8373 10.8562C14.1498 10.6437 14.3967 10.375 14.5779 10.05C14.7592 9.72499 14.8498 9.37498 14.8498 9C14.8498 8.37499 14.631 7.84375 14.1935 7.40625C13.756 6.96874 13.2248 6.75 12.5998 6.75H10.5748C10.3836 6.75 10.2233 6.68568 10.0938 6.55705C9.96451 6.42844 9.8998 6.26905 9.8998 6.07893C9.8998 5.8888 9.96451 5.72812 10.0938 5.59687C10.2233 5.46563 10.3836 5.4 10.5748 5.4H12.5998C13.5958 5.4 14.4448 5.751 15.1468 6.453C15.8488 7.155 16.1998 8.00399 16.1998 9C16.1998 9.6034 16.0561 10.1667 15.7685 10.69C15.4811 11.2133 15.0873 11.6375 14.5873 11.9625C14.4373 12.0625 14.2716 12.0937 14.0904 12.0563C13.9092 12.0187 13.7685 11.925 13.6686 11.775Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/UncheckedDisabledIcon/uncheckedDisabledIcon.d.ts

@@ -1,2 +1,3 @@
 import { SvgIconProps } from "@mui/material";
+import { JSX } from "react";
 export declare const UncheckedDisabledIcon: ({ fontSize, viewBox, ...props }: SvgIconProps) => JSX.Element;

package/lib/components/common/CustomIcon/components/UncheckedDisabledIcon/uncheckedDisabledIcon.js

@@ -1,8 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 import { PALETTE } from "../../../../../styles/common/constants/palette";
 export const UncheckedDisabledIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M4 0.5H14C15.933 0.5 17.5 2.067 17.5 4V14C17.5 15.933 15.933 17.5 14 17.5H4C2.067 17.5 0.5 15.933 0.5 14V4C0.5 2.067 2.067 0.5 4 0.5Z", stroke: PALETTE.SMOKE_MAIN }),
-        React.createElement("rect", { x: "0.5", y: "0.5", width: "17", height: "17", rx: "3.5", fill: PALETTE.SMOKE_LIGHT, stroke: PALETTE.SMOKE_MAIN })));
+    return (_jsxs(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: [_jsx("path", { d: "M4 0.5H14C15.933 0.5 17.5 2.067 17.5 4V14C17.5 15.933 15.933 17.5 14 17.5H4C2.067 17.5 0.5 15.933 0.5 14V4C0.5 2.067 2.067 0.5 4 0.5Z", stroke: PALETTE.SMOKE_MAIN }), _jsx("rect", { x: "0.5", y: "0.5", width: "17", height: "17", rx: "3.5", fill: PALETTE.SMOKE_LIGHT, stroke: PALETTE.SMOKE_MAIN })] }));
 };

package/lib/components/common/CustomIcon/components/UncheckedErrorIcon/uncheckedErrorIcon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 /**
  * Custom unchecked error icon.

package/lib/components/common/CustomIcon/components/UncheckedErrorIcon/uncheckedErrorIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom unchecked error icon.
  */
 export const UncheckedErrorIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("rect", { fill: "#FED3D1", height: "17", rx: "3.5", stroke: "#B42318", width: "17", x: "0.5", y: "0.5" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("rect", { fill: "#FED3D1", height: "17", rx: "3.5", stroke: "#B42318", width: "17", x: "0.5", y: "0.5" }) }));
 };

package/lib/components/common/CustomIcon/components/UncheckedIcon/uncheckedIcon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 /**
  * Custom unchecked icon.

package/lib/components/common/CustomIcon/components/UncheckedIcon/uncheckedIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom unchecked icon.
  */
 export const UncheckedIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("rect", { fill: "white", height: "17", rx: "3.5", stroke: "currentColor", width: "17", x: "0.5", y: "0.5" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("rect", { fill: "white", height: "17", rx: "3.5", stroke: "currentColor", width: "17", x: "0.5", y: "0.5" }) }));
 };

package/lib/components/common/CustomIcon/components/UnfoldMoreIcon/unfoldMoreIcon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 /**
  * Custom unfold more icon.

package/lib/components/common/CustomIcon/components/UnfoldMoreIcon/unfoldMoreIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom unfold more icon.
  */
 export const UnfoldMoreIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M6.1686 6.24453C6.0186 6.09453 5.9436 5.91303 5.9436 5.70003C5.9436 5.48763 6.0186 5.30643 6.1686 5.15643L8.4375 2.88753C8.5251 2.79993 8.6157 2.73753 8.7093 2.70033C8.8029 2.66313 8.8998 2.64453 9 2.64453C9.1002 2.64453 9.2001 2.66313 9.2997 2.70033C9.3999 2.73753 9.4875 2.79993 9.5625 2.88753L11.8314 5.15643C11.9814 5.30643 12.0564 5.48763 12.0564 5.70003C12.0564 5.91303 11.9814 6.09453 11.8314 6.24453C11.6814 6.39453 11.5002 6.46953 11.2878 6.46953C11.0754 6.46953 10.8942 6.39453 10.7442 6.24453L9 4.50033L7.2558 6.24453C7.1058 6.39453 6.9246 6.46953 6.7122 6.46953C6.4998 6.46953 6.3186 6.39453 6.1686 6.24453ZM9 15.4317C8.8998 15.4317 8.8029 15.4098 8.7093 15.366C8.6157 15.3222 8.5251 15.2628 8.4375 15.1878L6.1686 12.9189C6.0186 12.7689 5.9436 12.5877 5.9436 12.3753C5.9436 12.1629 6.0186 11.9817 6.1686 11.8317C6.3186 11.6817 6.4998 11.6067 6.7122 11.6067C6.9246 11.6067 7.1058 11.6817 7.2558 11.8317L9 13.575L10.7442 11.8317C10.8942 11.6817 11.0754 11.6067 11.2878 11.6067C11.5002 11.6067 11.6814 11.6817 11.8314 11.8317C11.9814 11.9817 12.0564 12.1629 12.0564 12.3753C12.0564 12.5877 11.9814 12.7689 11.8314 12.9189L9.5625 15.1878C9.4875 15.2628 9.3999 15.3222 9.2997 15.366C9.2001 15.4098 9.1002 15.4317 9 15.4317Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M6.1686 6.24453C6.0186 6.09453 5.9436 5.91303 5.9436 5.70003C5.9436 5.48763 6.0186 5.30643 6.1686 5.15643L8.4375 2.88753C8.5251 2.79993 8.6157 2.73753 8.7093 2.70033C8.8029 2.66313 8.8998 2.64453 9 2.64453C9.1002 2.64453 9.2001 2.66313 9.2997 2.70033C9.3999 2.73753 9.4875 2.79993 9.5625 2.88753L11.8314 5.15643C11.9814 5.30643 12.0564 5.48763 12.0564 5.70003C12.0564 5.91303 11.9814 6.09453 11.8314 6.24453C11.6814 6.39453 11.5002 6.46953 11.2878 6.46953C11.0754 6.46953 10.8942 6.39453 10.7442 6.24453L9 4.50033L7.2558 6.24453C7.1058 6.39453 6.9246 6.46953 6.7122 6.46953C6.4998 6.46953 6.3186 6.39453 6.1686 6.24453ZM9 15.4317C8.8998 15.4317 8.8029 15.4098 8.7093 15.366C8.6157 15.3222 8.5251 15.2628 8.4375 15.1878L6.1686 12.9189C6.0186 12.7689 5.9436 12.5877 5.9436 12.3753C5.9436 12.1629 6.0186 11.9817 6.1686 11.8317C6.3186 11.6817 6.4998 11.6067 6.7122 11.6067C6.9246 11.6067 7.1058 11.6817 7.2558 11.8317L9 13.575L10.7442 11.8317C10.8942 11.6817 11.0754 11.6067 11.2878 11.6067C11.5002 11.6067 11.6814 11.6817 11.8314 11.8317C11.9814 11.9817 12.0564 12.1629 12.0564 12.3753C12.0564 12.5877 11.9814 12.7689 11.8314 12.9189L9.5625 15.1878C9.4875 15.2628 9.3999 15.3222 9.2997 15.366C9.2001 15.4098 9.1002 15.4317 9 15.4317Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/WarningIcon/warningIcon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 /**
  * Custom warning icon.

package/lib/components/common/CustomIcon/components/WarningIcon/warningIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom warning icon.
  */
 export const WarningIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M8.99994 9.7125C9.21234 9.7125 9.39684 9.6342 9.55344 9.4776C9.70944 9.3216 9.78744 9.1374 9.78744 8.925V6.0369C9.78744 5.8245 9.70944 5.6433 9.55344 5.4933C9.39684 5.3433 9.21234 5.2683 8.99994 5.2683C8.78754 5.2683 8.60304 5.3466 8.44644 5.5032C8.29044 5.6592 8.21244 5.8434 8.21244 6.0558V8.9439C8.21244 9.1563 8.29044 9.3375 8.44644 9.4875C8.60304 9.6375 8.78754 9.7125 8.99994 9.7125ZM8.99994 12.7689C9.21234 12.7689 9.39684 12.6969 9.55344 12.5529C9.70944 12.4089 9.78744 12.2181 9.78744 11.9805C9.78744 11.7681 9.70944 11.5839 9.55344 11.4279C9.39684 11.2719 9.21234 11.1939 8.99994 11.1939C8.78754 11.1939 8.60304 11.2719 8.44644 11.4279C8.29044 11.5839 8.21244 11.7681 8.21244 11.9805C8.21244 12.2181 8.29044 12.4089 8.44644 12.5529C8.60304 12.6969 8.78754 12.7689 8.99994 12.7689ZM8.99994 16.4994C7.96254 16.4994 6.98754 16.3026 6.07494 15.909C5.16234 15.5154 4.36854 14.9811 3.69354 14.3061C3.01854 13.6311 2.48424 12.8373 2.09064 11.9247C1.69704 11.0121 1.50024 10.0371 1.50024 8.9997C1.50024 7.9623 1.69704 6.9873 2.09064 6.0747C2.48424 5.1621 3.01854 4.3683 3.69354 3.6933C4.36854 3.0183 5.16234 2.484 6.07494 2.0904C6.98754 1.6968 7.96254 1.5 8.99994 1.5C10.0373 1.5 11.0123 1.6968 11.9249 2.0904C12.8375 2.484 13.6313 3.0183 14.3063 3.6933C14.9813 4.3683 15.5156 5.1621 15.9092 6.0747C16.3028 6.9873 16.4996 7.9623 16.4996 8.9997C16.4996 10.0371 16.3028 11.0121 15.9092 11.9247C15.5156 12.8373 14.9813 13.6311 14.3063 14.3061C13.6313 14.9811 12.8375 15.5154 11.9249 15.909C11.0123 16.3026 10.0373 16.4994 8.99994 16.4994Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M8.99994 9.7125C9.21234 9.7125 9.39684 9.6342 9.55344 9.4776C9.70944 9.3216 9.78744 9.1374 9.78744 8.925V6.0369C9.78744 5.8245 9.70944 5.6433 9.55344 5.4933C9.39684 5.3433 9.21234 5.2683 8.99994 5.2683C8.78754 5.2683 8.60304 5.3466 8.44644 5.5032C8.29044 5.6592 8.21244 5.8434 8.21244 6.0558V8.9439C8.21244 9.1563 8.29044 9.3375 8.44644 9.4875C8.60304 9.6375 8.78754 9.7125 8.99994 9.7125ZM8.99994 12.7689C9.21234 12.7689 9.39684 12.6969 9.55344 12.5529C9.70944 12.4089 9.78744 12.2181 9.78744 11.9805C9.78744 11.7681 9.70944 11.5839 9.55344 11.4279C9.39684 11.2719 9.21234 11.1939 8.99994 11.1939C8.78754 11.1939 8.60304 11.2719 8.44644 11.4279C8.29044 11.5839 8.21244 11.7681 8.21244 11.9805C8.21244 12.2181 8.29044 12.4089 8.44644 12.5529C8.60304 12.6969 8.78754 12.7689 8.99994 12.7689ZM8.99994 16.4994C7.96254 16.4994 6.98754 16.3026 6.07494 15.909C5.16234 15.5154 4.36854 14.9811 3.69354 14.3061C3.01854 13.6311 2.48424 12.8373 2.09064 11.9247C1.69704 11.0121 1.50024 10.0371 1.50024 8.9997C1.50024 7.9623 1.69704 6.9873 2.09064 6.0747C2.48424 5.1621 3.01854 4.3683 3.69354 3.6933C4.36854 3.0183 5.16234 2.484 6.07494 2.0904C6.98754 1.6968 7.96254 1.5 8.99994 1.5C10.0373 1.5 11.0123 1.6968 11.9249 2.0904C12.8375 2.484 13.6313 3.0183 14.3063 3.6933C14.9813 4.3683 15.5156 5.1621 15.9092 6.0747C16.3028 6.9873 16.4996 7.9623 16.4996 8.9997C16.4996 10.0371 16.3028 11.0121 15.9092 11.9247C15.5156 12.8373 14.9813 13.6311 14.3063 14.3061C13.6313 14.9811 12.8375 15.5154 11.9249 15.909C11.0123 16.3026 10.0373 16.4994 8.99994 16.4994Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/XIcon/xIcon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 /**
  * Custom X icon (socials).

package/lib/components/common/CustomIcon/components/XIcon/xIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom X icon (socials).
  */
 export const XIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M10.1723 8.0327L14.7597 2.7002H13.6727L9.68942 7.33033L6.50801 2.7002H2.83862L7.64954 9.70178L2.83862 15.2937H3.92576L8.13217 10.4041L11.492 15.2937H15.1614L10.1721 8.0327H10.1723ZM8.68335 9.76347L8.1959 9.06627L4.31746 3.51857H5.98724L9.11718 7.99574L9.60463 8.69294L13.6732 14.5126H12.0034L8.68335 9.76373V9.76347Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M10.1723 8.0327L14.7597 2.7002H13.6727L9.68942 7.33033L6.50801 2.7002H2.83862L7.64954 9.70178L2.83862 15.2937H3.92576L8.13217 10.4041L11.492 15.2937H15.1614L10.1721 8.0327H10.1723ZM8.68335 9.76347L8.1959 9.06627L4.31746 3.51857H5.98724L9.11718 7.99574L9.60463 8.69294L13.6732 14.5126H12.0034L8.68335 9.76373V9.76347Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/YouTubeIcon/youTubeIcon.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { CustomSVGIconProps } from "../../common/entities";
 /**
  * Custom YouTube icon (socials).

package/lib/components/common/CustomIcon/components/YouTubeIcon/youTubeIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom YouTube icon (socials).
  */
 export const YouTubeIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
-    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
-        React.createElement("path", { d: "M16.3547 5.31523C16.1859 4.64023 15.6515 4.10586 15.0047 3.93711C13.7953 3.59961 9.01405 3.59961 9.01405 3.59961C9.01405 3.59961 4.20468 3.59961 2.9953 3.93711C2.34843 4.10586 1.81405 4.64023 1.6453 5.31523C1.3078 6.49648 1.3078 9.02773 1.3078 9.02773C1.3078 9.02773 1.3078 11.5309 1.6453 12.7402C1.81405 13.4152 2.34843 13.9215 2.9953 14.0902C4.20468 14.3996 9.01405 14.3996 9.01405 14.3996C9.01405 14.3996 13.7953 14.3996 15.0047 14.0902C15.6515 13.9215 16.1859 13.4152 16.3547 12.7402C16.6922 11.5309 16.6922 9.02773 16.6922 9.02773C16.6922 9.02773 16.6922 6.49648 16.3547 5.31523ZM7.43905 11.3059V6.74961L11.4328 9.02773L7.43905 11.3059Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M16.3547 5.31523C16.1859 4.64023 15.6515 4.10586 15.0047 3.93711C13.7953 3.59961 9.01405 3.59961 9.01405 3.59961C9.01405 3.59961 4.20468 3.59961 2.9953 3.93711C2.34843 4.10586 1.81405 4.64023 1.6453 5.31523C1.3078 6.49648 1.3078 9.02773 1.3078 9.02773C1.3078 9.02773 1.3078 11.5309 1.6453 12.7402C1.81405 13.4152 2.34843 13.9215 2.9953 14.0902C4.20468 14.3996 9.01405 14.3996 9.01405 14.3996C9.01405 14.3996 13.7953 14.3996 15.0047 14.0902C15.6515 13.9215 16.1859 13.4152 16.3547 12.7402C16.6922 11.5309 16.6922 9.02773 16.6922 9.02773C16.6922 9.02773 16.6922 6.49648 16.3547 5.31523ZM7.43905 11.3059V6.74961L11.4328 9.02773L7.43905 11.3059Z", fill: "currentColor" }) }));
 };

package/lib/components/common/Dialog/components/DialogTitle/dialogTitle.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface DialogTitleProps {
     className?: string;
     onClose?: () => void;

package/lib/components/common/Dialog/components/DialogTitle/dialogTitle.js

@@ -1,9 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CloseRounded } from "@mui/icons-material";
 import { IconButton, DialogTitle as MDialogTitle } from "@mui/material";
-import React from "react";
 export const DialogTitle = ({ className, onClose, title, }) => {
-    return (React.createElement(MDialogTitle, { className: className },
-        title,
-        onClose && (React.createElement(IconButton, { color: "ink", edge: "end", onClick: onClose, size: "xsmall" },
-            React.createElement(CloseRounded, null)))));
+    return (_jsxs(MDialogTitle, { className: className, children: [title, onClose && (_jsx(IconButton, { color: "ink", edge: "end", onClick: onClose, size: "xsmall", children: _jsx(CloseRounded, {}) }))] }));
 };

package/lib/components/common/Dialog/dialog.d.ts

@@ -1,5 +1,5 @@
 import { DialogProps as MDialogProps } from "@mui/material";
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface DialogProps extends MDialogProps {
     children: ReactNode | ReactNode[];
     className?: string;

package/lib/components/common/Dialog/dialog.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Dialog as MDialog } from "@mui/material";
-import React from "react";
 export const Dialog = ({ children, className, onClose, open, ...props /* Spread props to allow for Mui Dialog specific prop overrides e.g. "fullWidth". */ }) => {
-    return (React.createElement(MDialog, { className: className, onClose: onClose, open: open, ...props }, children));
+    return (_jsx(MDialog, { className: className, onClose: onClose, open: open, ...props, children: children }));
 };

package/lib/components/common/Dot/dot.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from "react";
 import { BaseComponentProps } from "../../types";
 export declare const Dot: ({ className }: BaseComponentProps) => JSX.Element;

package/lib/components/common/Dot/dot.js

@@ -1,5 +1,5 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { DotSeparator } from "./dot.styles";
 export const Dot = ({ className }) => {
-    return React.createElement(DotSeparator, { className: className });
+    return _jsx(DotSeparator, { className: className });
 };

package/lib/components/common/Drawer/components/DrawerTitle/drawerTitle.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface DrawerTitleProps {
     className?: string;
     onClose?: () => void;

package/lib/components/common/Drawer/components/DrawerTitle/drawerTitle.js

@@ -1,10 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CloseRounded } from "@mui/icons-material";
 import { IconButton } from "@mui/material";
-import React from "react";
 import { DrawerTitle as Title } from "./drawerTitle.styles";
 export const DrawerTitle = ({ className, onClose, title, }) => {
-    return (React.createElement(Title, { className: className },
-        title,
-        onClose && (React.createElement(IconButton, { color: "ink", edge: "end", onClick: onClose, size: "xsmall" },
-            React.createElement(CloseRounded, { color: "inkLight", fontSize: "small" })))));
+    return (_jsxs(Title, { className: className, children: [title, onClose && (_jsx(IconButton, { color: "ink", edge: "end", onClick: onClose, size: "xsmall", children: _jsx(CloseRounded, { color: "inkLight", fontSize: "small" }) }))] }));
 };

package/lib/components/common/Drawer/drawer.d.ts

@@ -1,5 +1,5 @@
 import { DrawerProps as MDrawerProps } from "@mui/material";
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface DrawerProps extends MDrawerProps {
     children?: ReactNode | ReactNode[];
     className?: string;

package/lib/components/common/Drawer/drawer.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Drawer as MDrawer } from "@mui/material";
-import React from "react";
 export const Drawer = ({ children, className, onClose, open, ...props /* Spread props to allow for Mui Drawer specific prop overrides e.g. "hideBackdrop". */ }) => {
-    return (React.createElement(MDrawer, { className: className, onClose: onClose, open: open, ...props }, children));
+    return (_jsx(MDrawer, { className: className, onClose: onClose, open: open, ...props, children: children }));
 };

package/lib/components/common/Drawer/provider/provider.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from "react";
 import { DrawerProviderProps } from "./types";
 export declare function DrawerProvider({ children }: DrawerProviderProps): JSX.Element;

package/lib/components/common/Drawer/provider/provider.js

@@ -1,10 +1,11 @@
-import React, { useCallback, useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
 import { DrawerContext } from "./context";
 export function DrawerProvider({ children }) {
     const [open, setOpen] = useState(false);
     const onClose = useCallback(() => setOpen(false), []);
     const onOpen = useCallback(() => setOpen(true), []);
-    return (React.createElement(DrawerContext.Provider, { value: { onClose, onOpen, open } }, typeof children === "function"
-        ? children({ onClose, onOpen, open })
-        : children));
+    return (_jsx(DrawerContext.Provider, { value: { onClose, onOpen, open }, children: typeof children === "function"
+            ? children({ onClose, onOpen, open })
+            : children }));
 }

package/lib/components/common/DropdownMenu/components/MenuItem/menuItem.d.ts

@@ -1,5 +1,5 @@
 import { MenuItemProps as MMenuItemProps } from "@mui/material";
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface MenuItemProps extends MMenuItemProps {
     children: ReactNode;
     className?: string;

package/lib/components/common/DropdownMenu/components/MenuItem/menuItem.js

@@ -1,6 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ListItemText as MListItemText, MenuItem as MMenuItem, } from "@mui/material";
-import React from "react";
 export const MenuItem = ({ children, className, onClick, ...props /* Spread props to allow for Mui MenuItem specific prop overrides e.g. "disableGutters". */ }) => {
-    return (React.createElement(MMenuItem, { className: className, onClick: onClick, ...props },
-        React.createElement(MListItemText, { disableTypography: true }, children)));
+    return (_jsx(MMenuItem, { className: className, onClick: onClick, ...props, children: _jsx(MListItemText, { disableTypography: true, children: children }) }));
 };

package/lib/components/common/DropdownMenu/dropdownMenu.d.ts

@@ -1,4 +1,5 @@
 import { MenuProps as MMenuProps } from "@mui/material";
+import { JSX } from "react";
 import { DropdownMenuButtonProps, DropdownMenuIconButtonProps, DropdownMenuItemProps } from "./common/entities";
 export interface DropdownMenuProps extends Omit<MMenuProps, "children" | "open"> {
     button: (props: Pick<DropdownMenuButtonProps, "onClick" | "open"> | Pick<DropdownMenuIconButtonProps, "onClick" | "open">) => JSX.Element;

package/lib/components/common/DropdownMenu/dropdownMenu.js

@@ -1,10 +1,9 @@
-import React, { Fragment } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
 import { useMenu } from "../Menu/hooks/useMenu";
 import { DEFAULT_DROPDOWN_MENU_PROPS } from "./common/constants";
 import { StyledMenu } from "./dropdownMenu.styles";
 export const DropdownMenu = ({ button, children, className, ...props /* Spread props to allow for Mui Menu specific prop overrides e.g. "anchorOrigin". */ }) => {
     const { anchorEl, onClose: closeMenu, onOpen: openMenu, open, } = useMenu();
-    return (React.createElement(Fragment, null,
-        button({ onClick: openMenu, open }),
-        React.createElement(StyledMenu, { ...DEFAULT_DROPDOWN_MENU_PROPS, anchorEl: anchorEl, className: className, onClose: closeMenu, open: open, ...props }, children ? children({ closeMenu }) : null)));
+    return (_jsxs(Fragment, { children: [button({ onClick: openMenu, open }), _jsx(StyledMenu, { ...DEFAULT_DROPDOWN_MENU_PROPS, anchorEl: anchorEl, className: className, onClose: closeMenu, open: open, ...props, children: children ? children({ closeMenu }) : null })] }));
 };

package/lib/components/common/EllipsisContent/ellipsisContent.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface OverviewDescriptionProps {
     children: ReactNode | ReactNode[];
     maxLineCount: number;

package/lib/components/common/EllipsisContent/ellipsisContent.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef, useState } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
 import { getBorderBoxSizeHeight, useResizeObserver, } from "../../../hooks/useResizeObserver";
 import { Button, Content } from "./ellipsisContent.styles";
 var EllipsisMode;
@@ -38,10 +39,7 @@ export const EllipsisContent = ({ children, maxLineCount, }) => {
             return getEllipsisMode(ellipsisRef.current, maxLineCount, currentMode);
         });
     }, [height, maxLineCount]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Content, { ref: ellipsisRef, isEllipsis: isEllipsis, maxLineCount: maxLineCount },
-            React.createElement("div", null, children)),
-        isModeActivated(ellipsisMode) && (React.createElement(Button, { onClick: onToggleMode }, getModeText(ellipsisMode)))));
+    return (_jsxs(_Fragment, { children: [_jsx(Content, { ref: ellipsisRef, isEllipsis: isEllipsis, maxLineCount: maxLineCount, children: _jsx("div", { children: children }) }), isModeActivated(ellipsisMode) && (_jsx(Button, { onClick: onToggleMode, children: getModeText(ellipsisMode) }))] }));
 };
 /**
  * Returns the calculated line count of text rendered within the given element.

package/lib/components/common/Form/components/Input/input.d.ts

@@ -1,4 +1,5 @@
 import { OutlinedInputProps as MOutlinedInputProps } from "@mui/material";
+import { JSX } from "react";
 /**
  * Basic form input component.
  */

package/lib/components/common/Form/components/Input/input.js

@@ -1,9 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { OutlinedInput, Typography, } from "@mui/material";
-import React from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../../styles/common/mui/typography";
 import { InputFormControl } from "./input.styles";
 export const Input = ({ className, isFilled, label, ...props /* Spread props to allow for Mui OutlinedInputProps specific prop overrides e.g. "disabled". */ }) => {
-    return (React.createElement(InputFormControl, { className: className, isFilled: isFilled },
-        label && (React.createElement(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400 }, label)),
-        React.createElement(OutlinedInput, { fullWidth: true, inputProps: { autoComplete: "off", spellCheck: false }, size: "small", ...props })));
+    return (_jsxs(InputFormControl, { className: className, isFilled: isFilled, children: [label && (_jsx(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400, children: label })), _jsx(OutlinedInput, { fullWidth: true, inputProps: { autoComplete: "off", spellCheck: false }, size: "small", ...props })] }));
 };

package/lib/components/common/Form/components/Input/input.styles.d.ts

@@ -1,9 +1,7 @@
 interface Props {
     isFilled?: boolean;
 }
-export declare const InputFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "style" | "size" | "className" | "classes" | "children" | "disabled" | "sx" | "color" | "margin" | "error" | "variant" | "required" | "fullWidth" | "focused" | "hiddenLabel"> & {
+export declare const InputFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size" | "style" | "className" | "classes" | "children" | "disabled" | "sx" | "color" | "margin" | "error" | "variant" | "fullWidth" | "required" | "focused" | "hiddenLabel"> & {
     theme?: import("@emotion/react").Theme;
 } & Props, {}, {}>;
 export {};

package/lib/components/common/Form/components/Select/components/DropDownIcon/dropDownIcon.d.ts

@@ -1,2 +1,3 @@
 import { SvgIconProps } from "@mui/material";
+import { JSX } from "react";
 export declare const DropDownIcon: ({ ...props }: SvgIconProps) => JSX.Element;

package/lib/components/common/Form/components/Select/components/DropDownIcon/dropDownIcon.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrowDropDownRounded } from "@mui/icons-material";
-import React from "react";
 export const DropDownIcon = ({ ...props /* MuiSvgIconProps */ }) => {
-    return React.createElement(ArrowDropDownRounded, { color: "inkMain", fontSize: "small", ...props });
+    return _jsx(ArrowDropDownRounded, { color: "inkMain", fontSize: "small", ...props });
 };

package/lib/components/common/Form/components/Select/select.d.ts

@@ -1,5 +1,5 @@
 import { SelectProps as MSelectProps } from "@mui/material";
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 /**
  * Basic form select component.
  */

package/lib/components/common/Form/components/Select/select.js

@@ -1,9 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select as MSelect, Typography, } from "@mui/material";
-import React from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../../styles/common/mui/typography";
 import { InputFormControl } from "./select.styles";
 export const Select = ({ children, className, isFilled, label, onBlur, ...props /* Spread props to allow for Mui SelectProps specific prop overrides e.g. "disabled". */ }) => {
-    return (React.createElement(InputFormControl, { className: className, isFilled: isFilled },
-        label && (React.createElement(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400 }, label)),
-        React.createElement(MSelect, { fullWidth: true, inputProps: { onBlur }, size: "small", ...props }, children)));
+    return (_jsxs(InputFormControl, { className: className, isFilled: isFilled, children: [label && (_jsx(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400, children: label })), _jsx(MSelect, { fullWidth: true, inputProps: { onBlur }, size: "small", ...props, children: children })] }));
 };

package/lib/components/common/Form/components/Select/select.styles.d.ts

@@ -1,9 +1,7 @@
 interface Props {
     isFilled: boolean;
 }
-export declare const InputFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "style" | "size" | "className" | "classes" | "children" | "disabled" | "sx" | "color" | "margin" | "error" | "variant" | "required" | "fullWidth" | "focused" | "hiddenLabel"> & {
+export declare const InputFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size" | "style" | "className" | "classes" | "children" | "disabled" | "sx" | "color" | "margin" | "error" | "variant" | "fullWidth" | "required" | "focused" | "hiddenLabel"> & {
     theme?: import("@emotion/react").Theme;
 } & Props, {}, {}>;
 export {};

package/lib/components/common/Form/components/UploadFile/uploadFile.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { DropzoneState } from "react-dropzone";
 import { FormState } from "../../../../Support/components/SupportRequest/components/SupportRequestForm/common/entities";
 export interface UploadFileProps {