@databiosphere/findable-ui 47.0.2 → 48.1.0

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 {

package/lib/components/common/Form/components/UploadFile/uploadFile.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { CloseRounded } from "@mui/icons-material";
 import { FormHelperText, Typography } from "@mui/material";
-import React from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../../styles/common/mui/typography";
 import { Loading, LOADING_PANEL_STYLE } from "../../../../Loading/loading";
 import { ErrorIcon } from "../../../CustomIcon/components/ErrorIcon/errorIcon";
@@ -9,18 +9,7 @@ import { Button, Underline } from "./uploadFile.styles";
 export const UploadFile = ({ attachmentName, attachmentRejected, attachmentRejections, attachmentToken, attachmentUploading, className, isDragActive, label, onAttachmentDeleted, open, }) => {
     const error = attachmentRejected;
     const isAttached = Boolean(attachmentToken);
-    return (React.createElement(InputFormControl, { className: className, error: error },
-        label && (React.createElement(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400 }, label)),
-        React.createElement(Button, { isAttached: isAttached, isDragActive: isDragActive, isError: error, onClick: attachmentToken ? onAttachmentDeleted : open },
-            React.createElement(Loading, { iconSize: "small", loading: attachmentUploading, panelStyle: LOADING_PANEL_STYLE.INHERIT }),
-            React.createElement(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400 }, isAttached ? (attachmentName) : (React.createElement(React.Fragment, null,
-                "Drag or ",
-                React.createElement(Underline, null, "Click"),
-                " to attach file"))),
-            isAttached && React.createElement(CloseRounded, { fontSize: "small" })),
-        error && (React.createElement(FormHelperText, null,
-            React.createElement(ErrorIcon, { fontSize: "xxsmall" }),
-            getErrorMessage(attachmentRejections)))));
+    return (_jsxs(InputFormControl, { className: className, error: error, children: [label && (_jsx(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400, children: label })), _jsxs(Button, { isAttached: isAttached, isDragActive: isDragActive, isError: error, onClick: attachmentToken ? onAttachmentDeleted : open, children: [_jsx(Loading, { iconSize: "small", loading: attachmentUploading, panelStyle: LOADING_PANEL_STYLE.INHERIT }), _jsx(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400, children: isAttached ? (attachmentName) : (_jsxs(_Fragment, { children: ["Drag or ", _jsx(Underline, { children: "Click" }), " to attach file"] })) }), isAttached && _jsx(CloseRounded, { fontSize: "small" })] }), error && (_jsxs(FormHelperText, { children: [_jsx(ErrorIcon, { fontSize: "xxsmall" }), getErrorMessage(attachmentRejections)] }))] }));
 };
 /**
  * Returns the error message for the attachment.

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

@@ -3,9 +3,7 @@ interface Props {
     isDragActive: boolean;
     isError: boolean;
 }
-export declare const Button: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
+export declare const Button: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
     theme?: import("@emotion/react").Theme;
 } & Props, {}, {}>;
 export declare const Underline: import("@emotion/styled").StyledComponent<{

package/lib/components/common/Grid/components/GridItem/gridItem.d.ts

@@ -1,5 +1,5 @@
 import { SxProps } from "@mui/material";
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface GridItemProps {
     children?: ReactNode | ReactNode[];
     gridItemSx?: SxProps;

package/lib/components/common/Grid/components/GridItem/gridItem.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from "@mui/material";
-import React from "react";
 /**
  * A basic Grid Item component for rendering CSS grid items.
  */
 export const GridItem = ({ children, gridItemSx, ...props /* Spread props to allow for Mui Box specific prop overrides. */ }) => {
-    return (React.createElement(Box, { sx: gridItemSx, ...props }, children));
+    return (_jsx(Box, { sx: gridItemSx, ...props, children: children }));
 };

package/lib/components/common/Grid/grid.d.ts

@@ -1,5 +1,5 @@
 import { SxProps } from "@mui/material";
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface GridProps {
     children: ReactNode | ReactNode[];
     gridSx?: SxProps;

package/lib/components/common/Grid/grid.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from "@mui/material";
-import React from "react";
 /**
  * A basic Grid component for rendering CSS grid.
  */
 export const Grid = ({ children, gridSx, ...props /* Spread props to allow for Mui Box specific prop overrides. */ }) => {
-    return (React.createElement(Box, { display: "grid", sx: gridSx, ...props }, children));
+    return (_jsx(Box, { display: "grid", sx: gridSx, ...props, children: children }));
 };

package/lib/components/common/IconBadge/iconBadge.d.ts

@@ -1,4 +1,4 @@
-import { ElementType } from "react";
+import { JSX, ElementType } from "react";
 /**
  * Model of icon badge color.
  */

package/lib/components/common/IconBadge/iconBadge.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Circle } from "./iconBadge.styles";
 export var ICON_BADGE_COLOR;
 (function (ICON_BADGE_COLOR) {
@@ -8,6 +8,5 @@ export var ICON_BADGE_COLOR;
     ICON_BADGE_COLOR["WARNING"] = "warning";
 })(ICON_BADGE_COLOR || (ICON_BADGE_COLOR = {}));
 export const IconBadge = ({ color, Icon, iconSize = "xxlarge", }) => {
-    return (React.createElement(Circle, { color: color },
-        React.createElement(Icon, { fontSize: iconSize })));
+    return (_jsx(Circle, { color: color, children: _jsx(Icon, { fontSize: iconSize }) }));
 };

package/lib/components/common/IconButton/iconButton.d.ts

@@ -1,5 +1,5 @@
 import { IconButtonProps as MIconButtonProps, IconProps as MIconProps } from "@mui/material";
-import { ElementType } from "react";
+import { JSX, ElementType } from "react";
 /**
  * Basic icon button component.
  * Use IconButtonSecondary styles to render secondary icon button.

package/lib/components/common/IconButton/iconButton.js

@@ -1,6 +1,5 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from "./iconButton.styles";
 export const IconButton = ({ className, Icon, iconProps = { fontSize: "small" }, open = false, size = "large", ...props /* Spread props to allow for Mui IconButtonProps specific prop overrides e.g. "onClick". */ }) => {
-    return (React.createElement(Button, { className: className, open: open, size: size, ...props },
-        React.createElement(Icon, { ...iconProps })));
+    return (_jsx(Button, { className: className, open: open, size: size, ...props, children: _jsx(Icon, { ...iconProps }) }));
 };

package/lib/components/common/IconButton/iconButton.styles.d.ts

@@ -1,9 +1,7 @@
 interface Props {
     open: boolean;
 }
-export declare const Button: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, "style" | "size" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & {
+export declare const Button: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "size" | "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & {
     theme?: import("@emotion/react").Theme;
 } & Props, {}, {}>;
 export {};