@databiosphere/findable-ui 47.0.2 → 49.0.0

package/lib/components/common/Button/components/FileDownloadButton/fileDownloadButton.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 export interface FileDownloadButtonProps {
     fileName?: string;
     fileUrl?: string;

package/lib/components/common/Button/components/FileDownloadButton/fileDownloadButton.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from "@mui/material";
-import React, { useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 export const FileDownloadButton = ({ fileName, fileUrl, }) => {
     const downloadRef = useRef(null);
     // Initiates file download when file url request is successful.
@@ -10,5 +11,5 @@ export const FileDownloadButton = ({ fileName, fileUrl, }) => {
             downloadRef.current.click();
         }
     }, [fileName, fileUrl]);
-    return (React.createElement(Box, { component: "a", download: true, ref: downloadRef, sx: { display: "none" } }));
+    return (_jsx(Box, { component: "a", download: true, ref: downloadRef, sx: { display: "none" } }));
 };

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.d.ts

@@ -1,4 +1,5 @@
 import { SvgIconProps } from "@mui/material";
+import { JSX } from "react";
 import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 export interface HelpIconButtonProps {
     size?: SvgIconProps["fontSize"];

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.js

@@ -1,13 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import Link from "next/link";
-import React from "react";
 import { ANCHOR_TARGET, REL_ATTRIBUTE, } from "../../../../Links/common/entities";
 import { isClientSideNavigation } from "../../../../Links/common/utils";
 import { HelpIcon } from "../../../CustomIcon/components/HelpIcon/helpIcon";
 import { HelpIconButton as Button } from "./helpIconButton.styles";
 export const HelpIconButton = ({ size = "small", target, url, }) => {
     const isInternal = isClientSideNavigation(url);
-    return isInternal ? (React.createElement(Link, { href: url, legacyBehavior: true, passHref: true },
-        React.createElement(Button, { href: "passHref", rel: REL_ATTRIBUTE.NO_OPENER, target: target || ANCHOR_TARGET.SELF },
-            React.createElement(HelpIcon, { fontSize: size })))) : (React.createElement(Button, { href: url, rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER, target: target || ANCHOR_TARGET.BLANK },
-        React.createElement(HelpIcon, { fontSize: size })));
+    return isInternal ? (_jsx(Button, { component: Link, href: url, rel: REL_ATTRIBUTE.NO_OPENER, target: target || ANCHOR_TARGET.SELF, children: _jsx(HelpIcon, { fontSize: size }) })) : (_jsx(Button, { href: url, rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER, target: target || ANCHOR_TARGET.BLANK, children: _jsx(HelpIcon, { fontSize: size }) }));
 };

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import type { StoryObj } from "@storybook/nextjs-vite";
 import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 import { HelpIconButton } from "./helpIconButton";
 declare const meta: {
@@ -15,7 +15,7 @@ declare const meta: {
             control: "text";
         };
     };
-    component: ({ size, target, url, }: import("./helpIconButton").HelpIconButtonProps) => JSX.Element;
+    component: ({ size, target, url, }: import("./helpIconButton").HelpIconButtonProps) => import("react").JSX.Element;
     title: string;
 };
 export default meta;

package/lib/components/common/Button/components/NavigationButton/navigationButton.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { ButtonProps } from "../../button";
 export interface NavigationButtonProps extends Exclude<ButtonProps, "StartIcon"> {
     isActive: boolean;

package/lib/components/common/Button/components/NavigationButton/navigationButton.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrowDropDownRounded } from "@mui/icons-material";
-import React from "react";
 import { Button } from "./navigationButton.styles";
 export const NavigationButton = ({ children, isActive, ...props /* Spread props to allow for Button specific props ButtonProps e.g. "onClick". */ }) => {
-    return (React.createElement(Button, { EndIcon: ArrowDropDownRounded, isActive: isActive, variant: "nav", ...props }, children));
+    return (_jsx(Button, { EndIcon: ArrowDropDownRounded, isActive: isActive, variant: "nav", ...props, children: children }));
 };

package/lib/components/common/ButtonGroup/buttonGroup.d.ts

@@ -1,5 +1,5 @@
 import { ButtonGroupProps as MButtonGroupProps } from "@mui/material";
-import { ReactElement } from "react";
+import { JSX, ReactElement } from "react";
 import { ButtonGroupButton } from "./components/ButtonGroupButton/buttonGroupButton";
 /**
  * An extension of the basic Mui ButtonGroup component with available ButtonGroup props.

package/lib/components/common/ButtonGroup/buttonGroup.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ButtonGroup as MButtonGroup, } from "@mui/material";
-import React, { Fragment } from "react";
+import { Fragment } from "react";
 export const ButtonGroup = ({ Buttons, className, color = "primary", disabled = false, fullWidth = false, orientation = "horizontal", size = "small", variant = "contained", ...props }) => {
-    return (React.createElement(MButtonGroup, { className: className, color: color, disabled: disabled, fullWidth: fullWidth, orientation: orientation, size: size, variant: variant, ...props }, Buttons.map((Button, i) => (React.createElement(Fragment, { key: `button-${i}` }, Button)))));
+    return (_jsx(MButtonGroup, { className: className, color: color, disabled: disabled, fullWidth: fullWidth, orientation: orientation, size: size, variant: variant, ...props, children: Buttons.map((Button, i) => (_jsx(Fragment, { children: Button }, `button-${i}`))) }));
 };

package/lib/components/common/ButtonGroup/components/ButtonGroupButton/buttonGroupButton.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface ButtonGroupButtonProps {
     action: string;
     className?: string;

package/lib/components/common/ButtonGroup/components/ButtonGroupButton/buttonGroupButton.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Button as MButton } from "@mui/material";
-import React from "react";
 import { LoadingIcon } from "../../../CustomIcon/components/LoadingIcon/loadingIcon";
-export const ButtonGroupButton = ({ className, disabled = false, label, loading, loadingIcon = React.createElement(LoadingIcon, { fontSize: "small" }), onClick, }) => {
-    return (React.createElement(MButton, { className: className, disabled: disabled, onClick: loading ? undefined : onClick }, loading ? loadingIcon : label));
+export const ButtonGroupButton = ({ className, disabled = false, label, loading, loadingIcon = _jsx(LoadingIcon, { fontSize: "small" }), onClick, }) => {
+    return (_jsx(MButton, { className: className, disabled: disabled, onClick: loading ? undefined : onClick, children: loading ? loadingIcon : label }));
 };

package/lib/components/common/Card/card.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 import { FlatPaper, FluidPaper, RoundedPaper } from "../Paper/paper.styles";
 import { StaticImageProps } from "../StaticImage/staticImage";
 import { CardActionProps } from "./components/CardAction/cardAction";

package/lib/components/common/Card/card.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card as MCard } from "@mui/material";
-import React, { Fragment } from "react";
+import { Fragment } from "react";
 import { RoundedPaper } from "../Paper/paper.styles";
 import { CardContent, CardSection } from "./card.styles";
 import { CardAction, } from "./components/CardAction/cardAction";
@@ -13,14 +14,5 @@ import { CardTitle } from "./components/CardTitle/cardTitle";
 export const Card = ({ cardActions, cardUrl, media, Paper = RoundedPaper, secondaryText, secondaryTitle, text, title, }) => {
     const CardActionArea = cardUrl ? ActionArea : Fragment;
     const cardActionAreaProps = cardUrl ? { cardUrl } : {};
-    return (React.createElement(MCard, { component: Paper },
-        React.createElement(CardActionArea, { ...cardActionAreaProps },
-            React.createElement(CardSection, null,
-                React.createElement(CardContent, null,
-                    title && React.createElement(CardTitle, null, title),
-                    secondaryTitle && (React.createElement(CardSecondaryTitle, null, secondaryTitle)),
-                    text && React.createElement(CardText, null, text),
-                    secondaryText && (React.createElement(CardSecondaryText, null, secondaryText))),
-                media?.src && React.createElement(CardMedia, { media: media }),
-                cardActions && cardActions.length > 0 && (React.createElement(CardActions, null, cardActions.map((cardAction, i) => (React.createElement(CardAction, { key: `${cardAction.label}${i}`, ...cardAction })))))))));
+    return (_jsx(MCard, { component: Paper, children: _jsx(CardActionArea, { ...cardActionAreaProps, children: _jsxs(CardSection, { children: [_jsxs(CardContent, { children: [title && _jsx(CardTitle, { children: title }), secondaryTitle && (_jsx(CardSecondaryTitle, { children: secondaryTitle })), text && _jsx(CardText, { children: text }), secondaryText && (_jsx(CardSecondaryText, { children: secondaryText }))] }), media?.src && _jsx(CardMedia, { media: media }), cardActions && cardActions.length > 0 && (_jsx(CardActions, { children: cardActions.map((cardAction, i) => (_jsx(CardAction, { ...cardAction }, `${cardAction.label}${i}`))) }))] }) }) }));
 };

package/lib/components/common/Card/card.stories.d.ts

@@ -1,7 +1,7 @@
-import { StoryObj } from "@storybook/react";
+import type { StoryObj } from "@storybook/nextjs-vite";
 import { Card } from "./card";
 declare const meta: {
-    component: ({ cardActions, cardUrl, media, Paper, secondaryText, secondaryTitle, text, title, }: import("./card").CardProps) => JSX.Element;
+    component: ({ cardActions, cardUrl, media, Paper, secondaryText, secondaryTitle, text, title, }: import("./card").CardProps) => import("react").JSX.Element;
     title: string;
 };
 export default meta;

package/lib/components/common/Card/components/CardAction/cardAction.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 export interface CardActionProps {
     label: string;

package/lib/components/common/Card/components/CardAction/cardAction.js

@@ -1,5 +1,5 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Link } from "../../../../Links/components/Link/link";
 export const CardAction = ({ label, target, url, }) => {
-    return React.createElement(Link, { label: label, target: target, url: url });
+    return _jsx(Link, { label: label, target: target, url: url });
 };

package/lib/components/common/Card/components/CardActionArea/cardActionArea.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface CardActionAreaProps {
     cardUrl?: string;
     children: ReactNode;

package/lib/components/common/Card/components/CardActionArea/cardActionArea.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { CardActionArea as MCardActionArea } from "@mui/material";
 import { useRouter } from "next/router";
-import React from "react";
 import { ANCHOR_TARGET, REL_ATTRIBUTE, } from "../../../../Links/common/entities";
 import { isClientSideNavigation } from "../../../../Links/common/utils";
 export const CardActionArea = ({ cardUrl, children, }) => {
@@ -17,5 +17,5 @@ export const CardActionArea = ({ cardUrl, children, }) => {
             }
         }
     };
-    return (React.createElement(MCardActionArea, { onClick: () => handleClick(cardUrl) }, children));
+    return (_jsx(MCardActionArea, { onClick: () => handleClick(cardUrl), children: children }));
 };

package/lib/components/common/Card/components/CardActions/cardActions.d.ts

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

package/lib/components/common/Card/components/CardActions/cardActions.js

@@ -1,8 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider } from "@mui/material";
-import React from "react";
 import { CardActions as Actions } from "./cardActions.styles";
 export const CardActions = ({ children }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Divider, null),
-        React.createElement(Actions, null, children)));
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx(Actions, { children: children })] }));
 };

package/lib/components/common/Card/components/CardMedia/cardMedia.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 import { StaticImageProps } from "../../../StaticImage/staticImage";
 export interface CardMediaProps {
     media: StaticImageProps;

package/lib/components/common/Card/components/CardMedia/cardMedia.js

@@ -1,7 +1,6 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { StaticImage, } from "../../../StaticImage/staticImage";
 import { CardMedia as Media } from "./cardMedia.styles";
 export const CardMedia = ({ media }) => {
-    return (React.createElement(Media, null,
-        React.createElement(StaticImage, { alt: media.alt, height: media.height, src: media.src, width: media.width })));
+    return (_jsx(Media, { children: _jsx(StaticImage, { alt: media.alt, height: media.height, src: media.src, width: media.width }) }));
 };

package/lib/components/common/Card/components/CardSecondaryText/cardSecondaryText.d.ts

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

package/lib/components/common/Card/components/CardSecondaryText/cardSecondaryText.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from "@mui/material";
-import React from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../../styles/common/mui/typography";
 export const CardSecondaryText = (props) => {
-    return (React.createElement(Typography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400_2_LINES, ...props }));
+    return (_jsx(Typography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400_2_LINES, ...props }));
 };

package/lib/components/common/Card/components/CardSecondaryTitle/cardSecondaryTitle.d.ts

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

package/lib/components/common/Card/components/CardSecondaryTitle/cardSecondaryTitle.js

@@ -1,6 +1,6 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TYPOGRAPHY_PROPS } from "../../../../../styles/common/mui/typography";
 import { StyledTypography } from "./cardSecondaryTitle.styles";
 export const CardSecondaryTitle = (props) => {
-    return (React.createElement(StyledTypography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400_2_LINES, ...props }));
+    return (_jsx(StyledTypography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400_2_LINES, ...props }));
 };

package/lib/components/common/Card/components/CardSecondaryTitle/cardSecondaryTitle.styles.d.ts

@@ -1,5 +1,3 @@
-export declare const StyledTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-}, "p" | "style" | "order" | "bottom" | "height" | "left" | "right" | "top" | "width" | "className" | "classes" | "children" | "sx" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+export declare const StyledTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "order" | "bottom" | "height" | "left" | "right" | "top" | "width" | "p" | "style" | "className" | "classes" | "children" | "sx" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Card/components/CardText/cardText.d.ts

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

package/lib/components/common/Card/components/CardText/cardText.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from "@mui/material";
-import React from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../../styles/common/mui/typography";
 export const CardText = (props) => {
-    return (React.createElement(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400_2_LINES, ...props }));
+    return (_jsx(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400_2_LINES, ...props }));
 };

package/lib/components/common/Card/components/CardTitle/cardTitle.d.ts

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

package/lib/components/common/Card/components/CardTitle/cardTitle.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from "@mui/material";
-import React from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../../styles/common/mui/typography";
 export const CardTitle = (props) => {
-    return (React.createElement(Typography, { component: "h4", variant: TYPOGRAPHY_PROPS.VARIANT.BODY_LARGE_500, ...props }));
+    return (_jsx(Typography, { component: "h4", variant: TYPOGRAPHY_PROPS.VARIANT.BODY_LARGE_500, ...props }));
 };

package/lib/components/common/Card/components/RoundedCard/roundedCard.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 export interface RoundedCardProps {
     children: ReactNode;
 }

package/lib/components/common/Card/components/RoundedCard/roundedCard.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Card as MCard } from "@mui/material";
-import React from "react";
 import { RoundedPaper } from "../../../Paper/paper.styles";
 export const RoundedCard = ({ children }) => {
-    return React.createElement(MCard, { component: RoundedPaper }, children);
+    return _jsx(MCard, { component: RoundedPaper, children: children });
 };

package/lib/components/common/Code/code.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 export interface CodeProps {
     className?: string;
     code: string;

package/lib/components/common/Code/code.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import copy from "copy-to-clipboard";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { CodeBlock } from "./code.styles";
 export const Code = ({ className, code }) => {
     const [copied, setCopied] = useState(false);
@@ -17,6 +18,5 @@ export const Code = ({ className, code }) => {
             return () => clearTimeout(copiedTimeout);
         }
     }, [copied]);
-    return (React.createElement(CodeBlock, { className: className, copied: copied, onClick: () => onCopyCode(code) },
-        React.createElement("code", null, code)));
+    return (_jsx(CodeBlock, { className: className, copied: copied, onClick: () => onCopyCode(code), children: _jsx("code", { children: code }) }));
 };

package/lib/components/common/Code/code.stories.d.ts

@@ -1,6 +1,6 @@
-import { StoryObj } from "@storybook/react";
+import type { StoryObj } from "@storybook/nextjs-vite";
 declare const meta: {
-    component: ({ className, code }: import("./code").CodeProps) => JSX.Element;
+    component: ({ className, code }: import("./code").CodeProps) => import("react").JSX.Element;
     title: string;
 };
 export default meta;

package/lib/components/common/CopyToClipboard/copyToClipboard.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "react";
 export interface CopyToClipboardProps {
     copyStr: string;
 }

package/lib/components/common/CopyToClipboard/copyToClipboard.js

@@ -1,9 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ContentCopyRounded } from "@mui/icons-material";
 import { IconButton, Tooltip } from "@mui/material";
 import copy from "copy-to-clipboard";
-import React, { useEffect } from "react";
+import { useEffect, useState } from "react";
 export const CopyToClipboard = ({ copyStr, }) => {
-    const [showTooltip, setShowTooltip] = React.useState(false);
+    const [showTooltip, setShowTooltip] = useState(false);
     /**
      * Copies string to clipboard and sets showTooltip state to true.
      * @param str - String to copy to clipboard.
@@ -21,7 +22,5 @@ export const CopyToClipboard = ({ copyStr, }) => {
             return () => clearTimeout(tooltipTimeout);
         }
     }, [showTooltip]);
-    return (React.createElement(Tooltip, { arrow: true, disableHoverListener: true, open: showTooltip, placement: "top", title: "Link Copied" },
-        React.createElement(IconButton, { onClick: () => onCopyToClipboard(copyStr), size: "xxsmall" },
-            React.createElement(ContentCopyRounded, { color: "primary", fontSize: "small" }))));
+    return (_jsx(Tooltip, { arrow: true, disableHoverListener: true, open: showTooltip, placement: "top", title: "Link Copied", children: _jsx(IconButton, { onClick: () => onCopyToClipboard(copyStr), size: "xxsmall", children: _jsx(ContentCopyRounded, { color: "primary", fontSize: "small" }) }) }));
 };

package/lib/components/common/CopyToClipboard/copyToClipboard.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import type { StoryObj } from "@storybook/nextjs-vite";
 import { CopyToClipboard } from "./copyToClipboard";
 declare const meta: {
     argTypes: {
@@ -6,7 +6,7 @@ declare const meta: {
             description: string;
         };
     };
-    component: ({ copyStr, }: import("./copyToClipboard").CopyToClipboardProps) => JSX.Element;
+    component: ({ copyStr, }: import("./copyToClipboard").CopyToClipboardProps) => import("react").JSX.Element;
     title: string;
 };
 export default meta;

package/lib/components/common/CustomIcon/components/AddIcon/addIcon.d.ts

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

package/lib/components/common/CustomIcon/components/AddIcon/addIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom add icon.
  */
 export const AddIcon = ({ 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.9997 14.2494C8.7873 14.2494 8.6028 14.1714 8.4462 14.0154C8.2902 13.8588 8.2122 13.6743 8.2122 13.4619V9.7872H4.5375C4.3251 9.7872 4.1406 9.7092 3.984 9.5532C3.828 9.3966 3.75 9.2121 3.75 8.9997C3.75 8.7873 3.828 8.6028 3.984 8.4462C4.1406 8.2902 4.3251 8.2122 4.5375 8.2122H8.2122V4.5375C8.2122 4.3251 8.2902 4.1406 8.4462 3.984C8.6028 3.828 8.7873 3.75 8.9997 3.75C9.2121 3.75 9.3966 3.828 9.5532 3.984C9.7092 4.1406 9.7872 4.3251 9.7872 4.5375V8.2122H13.4619C13.6743 8.2122 13.8588 8.2902 14.0154 8.4462C14.1714 8.6028 14.2494 8.7873 14.2494 8.9997C14.2494 9.2121 14.1714 9.3966 14.0154 9.5532C13.8588 9.7092 13.6743 9.7872 13.4619 9.7872H9.7872V13.4619C9.7872 13.6743 9.7092 13.8588 9.5532 14.0154C9.3966 14.1714 9.2121 14.2494 8.9997 14.2494Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M8.9997 14.2494C8.7873 14.2494 8.6028 14.1714 8.4462 14.0154C8.2902 13.8588 8.2122 13.6743 8.2122 13.4619V9.7872H4.5375C4.3251 9.7872 4.1406 9.7092 3.984 9.5532C3.828 9.3966 3.75 9.2121 3.75 8.9997C3.75 8.7873 3.828 8.6028 3.984 8.4462C4.1406 8.2902 4.3251 8.2122 4.5375 8.2122H8.2122V4.5375C8.2122 4.3251 8.2902 4.1406 8.4462 3.984C8.6028 3.828 8.7873 3.75 8.9997 3.75C9.2121 3.75 9.3966 3.828 9.5532 3.984C9.7092 4.1406 9.7872 4.3251 9.7872 4.5375V8.2122H13.4619C13.6743 8.2122 13.8588 8.2902 14.0154 8.4462C14.1714 8.6028 14.2494 8.7873 14.2494 8.9997C14.2494 9.2121 14.1714 9.3966 14.0154 9.5532C13.8588 9.7092 13.6743 9.7872 13.4619 9.7872H9.7872V13.4619C9.7872 13.6743 9.7092 13.8588 9.5532 14.0154C9.3966 14.1714 9.2121 14.2494 8.9997 14.2494Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/AddLinkIcon/addLinkIcon.d.ts

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

package/lib/components/common/CustomIcon/components/AddLinkIcon/addLinkIcon.js

@@ -1,6 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 export const AddLinkIcon = ({ 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: "M12.8248 12.6004H11.4561C11.2811 12.6004 11.1279 12.5357 10.9967 12.4063C10.8654 12.277 10.7998 12.1166 10.7998 11.9254C10.7998 11.7504 10.8645 11.5941 10.9939 11.4566C11.1232 11.3191 11.2836 11.2504 11.4748 11.2504H12.8248V9.90039C12.8248 9.70914 12.8891 9.54883 13.0177 9.41945C13.1464 9.29008 13.3057 9.22539 13.4959 9.22539C13.686 9.22539 13.8459 9.29008 13.9755 9.41945C14.1052 9.54883 14.1701 9.70914 14.1701 9.90039V11.2504H15.5233C15.7149 11.2504 15.8756 11.3151 16.0054 11.4445C16.135 11.5738 16.1998 11.7341 16.1998 11.9254C16.1998 12.1166 16.135 12.277 16.0054 12.4063C15.8756 12.5357 15.7149 12.6004 15.5233 12.6004H14.1701V13.9504C14.1701 14.1416 14.1052 14.302 13.9755 14.4313C13.8459 14.5607 13.686 14.6254 13.4959 14.6254C13.3057 14.6254 13.1464 14.5607 13.0177 14.4313C12.8891 14.302 12.8248 14.1416 12.8248 13.9504V12.6004ZM7.4248 12.6004H5.3998C4.4038 12.6004 3.5548 12.249 2.8528 11.5461C2.1508 10.8433 1.7998 9.99333 1.7998 8.99608C1.7998 7.99895 2.1508 7.15039 2.8528 6.45039C3.5548 5.75039 4.4038 5.40039 5.3998 5.40039H7.4248C7.5998 5.40039 7.75605 5.46914 7.89355 5.60664C8.03105 5.74414 8.0998 5.90352 8.0998 6.08477C8.0998 6.26602 8.03105 6.42227 7.89355 6.55352C7.75605 6.68477 7.5998 6.75039 7.4248 6.75039H5.3998C4.7748 6.75039 4.24355 6.96914 3.80605 7.40664C3.36855 7.84414 3.1498 8.37539 3.1498 9.00039C3.1498 9.62539 3.36855 10.1566 3.80605 10.5941C4.24355 11.0316 4.7748 11.2504 5.3998 11.2504H7.4248C7.5998 11.2504 7.75605 11.3191 7.89355 11.4566C8.03105 11.5941 8.0998 11.7535 8.0998 11.9348C8.0998 12.116 8.03105 12.2723 7.89355 12.4035C7.75605 12.5348 7.5998 12.6004 7.4248 12.6004ZM6.98005 9.67539C6.78905 9.67539 6.62793 9.61108 6.49668 9.48245C6.36543 9.35383 6.2998 9.19445 6.2998 9.00433C6.2998 8.8142 6.36443 8.65352 6.49368 8.52227C6.62293 8.39102 6.78305 8.32539 6.97405 8.32539H11.0196C11.2106 8.32539 11.3717 8.3897 11.5029 8.51833C11.6342 8.64695 11.6998 8.80633 11.6998 8.99645C11.6998 9.18658 11.6352 9.34727 11.5059 9.47852C11.3767 9.60977 11.2166 9.67539 11.0256 9.67539H6.98005ZM16.1998 9.00039H14.8498C14.8498 8.37539 14.6311 7.84414 14.1936 7.40664C13.7561 6.96914 13.2248 6.75039 12.5998 6.75039H10.5561C10.3811 6.75039 10.2279 6.6857 10.0967 6.55633C9.96543 6.42695 9.8998 6.26664 9.8998 6.07539C9.8998 5.90039 9.96449 5.74414 10.0939 5.60664C10.2232 5.46914 10.3836 5.40039 10.5748 5.40039H12.5998C13.5958 5.40039 14.4448 5.75139 15.1468 6.45339C15.8488 7.15539 16.1998 8.00439 16.1998 9.00039Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M12.8248 12.6004H11.4561C11.2811 12.6004 11.1279 12.5357 10.9967 12.4063C10.8654 12.277 10.7998 12.1166 10.7998 11.9254C10.7998 11.7504 10.8645 11.5941 10.9939 11.4566C11.1232 11.3191 11.2836 11.2504 11.4748 11.2504H12.8248V9.90039C12.8248 9.70914 12.8891 9.54883 13.0177 9.41945C13.1464 9.29008 13.3057 9.22539 13.4959 9.22539C13.686 9.22539 13.8459 9.29008 13.9755 9.41945C14.1052 9.54883 14.1701 9.70914 14.1701 9.90039V11.2504H15.5233C15.7149 11.2504 15.8756 11.3151 16.0054 11.4445C16.135 11.5738 16.1998 11.7341 16.1998 11.9254C16.1998 12.1166 16.135 12.277 16.0054 12.4063C15.8756 12.5357 15.7149 12.6004 15.5233 12.6004H14.1701V13.9504C14.1701 14.1416 14.1052 14.302 13.9755 14.4313C13.8459 14.5607 13.686 14.6254 13.4959 14.6254C13.3057 14.6254 13.1464 14.5607 13.0177 14.4313C12.8891 14.302 12.8248 14.1416 12.8248 13.9504V12.6004ZM7.4248 12.6004H5.3998C4.4038 12.6004 3.5548 12.249 2.8528 11.5461C2.1508 10.8433 1.7998 9.99333 1.7998 8.99608C1.7998 7.99895 2.1508 7.15039 2.8528 6.45039C3.5548 5.75039 4.4038 5.40039 5.3998 5.40039H7.4248C7.5998 5.40039 7.75605 5.46914 7.89355 5.60664C8.03105 5.74414 8.0998 5.90352 8.0998 6.08477C8.0998 6.26602 8.03105 6.42227 7.89355 6.55352C7.75605 6.68477 7.5998 6.75039 7.4248 6.75039H5.3998C4.7748 6.75039 4.24355 6.96914 3.80605 7.40664C3.36855 7.84414 3.1498 8.37539 3.1498 9.00039C3.1498 9.62539 3.36855 10.1566 3.80605 10.5941C4.24355 11.0316 4.7748 11.2504 5.3998 11.2504H7.4248C7.5998 11.2504 7.75605 11.3191 7.89355 11.4566C8.03105 11.5941 8.0998 11.7535 8.0998 11.9348C8.0998 12.116 8.03105 12.2723 7.89355 12.4035C7.75605 12.5348 7.5998 12.6004 7.4248 12.6004ZM6.98005 9.67539C6.78905 9.67539 6.62793 9.61108 6.49668 9.48245C6.36543 9.35383 6.2998 9.19445 6.2998 9.00433C6.2998 8.8142 6.36443 8.65352 6.49368 8.52227C6.62293 8.39102 6.78305 8.32539 6.97405 8.32539H11.0196C11.2106 8.32539 11.3717 8.3897 11.5029 8.51833C11.6342 8.64695 11.6998 8.80633 11.6998 8.99645C11.6998 9.18658 11.6352 9.34727 11.5059 9.47852C11.3767 9.60977 11.2166 9.67539 11.0256 9.67539H6.98005ZM16.1998 9.00039H14.8498C14.8498 8.37539 14.6311 7.84414 14.1936 7.40664C13.7561 6.96914 13.2248 6.75039 12.5998 6.75039H10.5561C10.3811 6.75039 10.2279 6.6857 10.0967 6.55633C9.96543 6.42695 9.8998 6.26664 9.8998 6.07539C9.8998 5.90039 9.96449 5.74414 10.0939 5.60664C10.2232 5.46914 10.3836 5.40039 10.5748 5.40039H12.5998C13.5958 5.40039 14.4448 5.75139 15.1468 6.45339C15.8488 7.15539 16.1998 8.00439 16.1998 9.00039Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/AlertIcon/alertIcon.d.ts

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

package/lib/components/common/CustomIcon/components/AlertIcon/alertIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom alert icon.
  */
 export const AlertIcon = ({ 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: "M9.01899 9.8439C9.20649 9.8439 9.35949 9.7845 9.47799 9.6657C9.59679 9.5469 9.65619 9.40005 9.65619 9.22515V6.65655C9.65619 6.48135 9.59379 6.3345 9.46899 6.216C9.34389 6.0972 9.19389 6.0378 9.01899 6.0378C8.84379 6.0378 8.69679 6.0972 8.57799 6.216C8.45949 6.3345 8.40024 6.48135 8.40024 6.65655V9.22515C8.40024 9.40005 8.45949 9.5469 8.57799 9.6657C8.69679 9.7845 8.84379 9.8439 9.01899 9.8439ZM9.00009 12.6375C9.18759 12.6375 9.35004 12.5688 9.48744 12.4314C9.62514 12.294 9.69399 12.1316 9.69399 11.9441C9.69399 11.7566 9.62514 11.5971 9.48744 11.4657C9.35004 11.3346 9.18759 11.2691 9.00009 11.2691C8.81259 11.2691 8.65014 11.3346 8.51274 11.4657C8.37504 11.5971 8.30619 11.7566 8.30619 11.9441C8.30619 12.1316 8.37504 12.294 8.51274 12.4314C8.65014 12.5688 8.81259 12.6375 9.00009 12.6375ZM4.25619 16.5003C3.91869 16.5003 3.62499 16.3752 3.37509 16.125C3.12519 15.8751 3.00024 15.5814 3.00024 15.2439V6.50625C3.00024 6.33135 3.03459 6.1689 3.10329 6.0189C3.17199 5.8689 3.26259 5.73765 3.37509 5.62515L7.12494 1.8753C7.23744 1.7628 7.36869 1.6722 7.51869 1.6035C7.66869 1.5345 7.83129 1.5 8.00649 1.5H13.744C14.0815 1.5 14.3752 1.6251 14.6251 1.8753C14.875 2.1252 14.9999 2.4189 14.9999 2.7564V15.2439C14.9999 15.5814 14.875 15.8751 14.6251 16.125C14.3752 16.3752 14.0815 16.5003 13.744 16.5003H4.25619ZM4.25619 15.2439H13.744V2.7564H8.04384L4.25619 6.54405V15.2439Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M9.01899 9.8439C9.20649 9.8439 9.35949 9.7845 9.47799 9.6657C9.59679 9.5469 9.65619 9.40005 9.65619 9.22515V6.65655C9.65619 6.48135 9.59379 6.3345 9.46899 6.216C9.34389 6.0972 9.19389 6.0378 9.01899 6.0378C8.84379 6.0378 8.69679 6.0972 8.57799 6.216C8.45949 6.3345 8.40024 6.48135 8.40024 6.65655V9.22515C8.40024 9.40005 8.45949 9.5469 8.57799 9.6657C8.69679 9.7845 8.84379 9.8439 9.01899 9.8439ZM9.00009 12.6375C9.18759 12.6375 9.35004 12.5688 9.48744 12.4314C9.62514 12.294 9.69399 12.1316 9.69399 11.9441C9.69399 11.7566 9.62514 11.5971 9.48744 11.4657C9.35004 11.3346 9.18759 11.2691 9.00009 11.2691C8.81259 11.2691 8.65014 11.3346 8.51274 11.4657C8.37504 11.5971 8.30619 11.7566 8.30619 11.9441C8.30619 12.1316 8.37504 12.294 8.51274 12.4314C8.65014 12.5688 8.81259 12.6375 9.00009 12.6375ZM4.25619 16.5003C3.91869 16.5003 3.62499 16.3752 3.37509 16.125C3.12519 15.8751 3.00024 15.5814 3.00024 15.2439V6.50625C3.00024 6.33135 3.03459 6.1689 3.10329 6.0189C3.17199 5.8689 3.26259 5.73765 3.37509 5.62515L7.12494 1.8753C7.23744 1.7628 7.36869 1.6722 7.51869 1.6035C7.66869 1.5345 7.83129 1.5 8.00649 1.5H13.744C14.0815 1.5 14.3752 1.6251 14.6251 1.8753C14.875 2.1252 14.9999 2.4189 14.9999 2.7564V15.2439C14.9999 15.5814 14.875 15.8751 14.6251 16.125C14.3752 16.3752 14.0815 16.5003 13.744 16.5003H4.25619ZM4.25619 15.2439H13.744V2.7564H8.04384L4.25619 6.54405V15.2439Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/BackArrowIcon/backArrowIcon.d.ts

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

package/lib/components/common/CustomIcon/components/BackArrowIcon/backArrowIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom back arrow icon.
  */
 export const BackArrowIcon = ({ 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.81895 9.00009C1.81895 8.89989 1.84085 8.79999 1.88465 8.70039C1.92845 8.60019 1.98785 8.51259 2.06285 8.43759L6.18756 4.31289C6.33756 4.16289 6.52206 4.08789 6.74106 4.08789C6.95946 4.08789 7.14366 4.16289 7.29366 4.31289C7.44366 4.46289 7.51866 4.64409 7.51866 4.85649C7.51866 5.06889 7.44366 5.25009 7.29366 5.40009L4.50006 8.21259L15.7123 8.21259C15.9247 8.21259 16.1092 8.29059 16.2658 8.44659C16.4218 8.60319 16.4998 8.78769 16.4998 9.00009C16.4998 9.21249 16.4218 9.39699 16.2658 9.55359C16.1092 9.70959 15.9247 9.78759 15.7123 9.78759L4.50005 9.78759L7.29366 12.6001C7.44366 12.7501 7.51866 12.9313 7.51866 13.1437C7.51866 13.3561 7.44366 13.5373 7.29365 13.6873C7.14365 13.8373 6.95945 13.9123 6.74105 13.9123C6.52205 13.9123 6.33755 13.8373 6.18755 13.6873L2.06285 9.56259C1.98785 9.48759 1.92845 9.39999 1.88465 9.29979C1.84085 9.20019 1.81895 9.10029 1.81895 9.00009Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M1.81895 9.00009C1.81895 8.89989 1.84085 8.79999 1.88465 8.70039C1.92845 8.60019 1.98785 8.51259 2.06285 8.43759L6.18756 4.31289C6.33756 4.16289 6.52206 4.08789 6.74106 4.08789C6.95946 4.08789 7.14366 4.16289 7.29366 4.31289C7.44366 4.46289 7.51866 4.64409 7.51866 4.85649C7.51866 5.06889 7.44366 5.25009 7.29366 5.40009L4.50006 8.21259L15.7123 8.21259C15.9247 8.21259 16.1092 8.29059 16.2658 8.44659C16.4218 8.60319 16.4998 8.78769 16.4998 9.00009C16.4998 9.21249 16.4218 9.39699 16.2658 9.55359C16.1092 9.70959 15.9247 9.78759 15.7123 9.78759L4.50005 9.78759L7.29366 12.6001C7.44366 12.7501 7.51866 12.9313 7.51866 13.1437C7.51866 13.3561 7.44366 13.5373 7.29365 13.6873C7.14365 13.8373 6.95945 13.9123 6.74105 13.9123C6.52205 13.9123 6.33755 13.8373 6.18755 13.6873L2.06285 9.56259C1.98785 9.48759 1.92845 9.39999 1.88465 9.29979C1.84085 9.20019 1.81895 9.10029 1.81895 9.00009Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/CheckedIcon/checkedIcon.d.ts

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

package/lib/components/common/CustomIcon/components/CheckedIcon/checkedIcon.js

@@ -1,10 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom checked icon.
  */
 export const CheckedIcon = ({ 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: "M0 4C0 1.79086 1.79086 0 4 0H14C16.2091 0 18 1.79086 18 4V14C18 16.2091 16.2091 18 14 18H4C1.79086 18 0 16.2091 0 14V4Z", fill: "currentColor" }),
-        React.createElement("path", { d: "M7.84875 12.188C7.96008 12.188 8.06775 12.167 8.17175 12.125C8.27575 12.083 8.37641 12.0137 8.47375 11.917L13.0987 7.29201C13.2654 7.12535 13.3521 6.92401 13.3587 6.68801C13.3661 6.45135 13.2794 6.24268 13.0987 6.06201C12.9321 5.89535 12.7271 5.81201 12.4837 5.81201C12.2411 5.81201 12.0364 5.89535 11.8697 6.06201L7.84875 10.083L6.09875 8.33301C5.93208 8.16635 5.73408 8.07968 5.50475 8.07301C5.27608 8.06568 5.07141 8.15235 4.89075 8.33301C4.72408 8.49968 4.64075 8.70468 4.64075 8.94801C4.64075 9.19068 4.72408 9.39535 4.89075 9.56201L7.22375 11.917C7.32108 12.0137 7.42175 12.083 7.52575 12.125C7.62975 12.167 7.73741 12.188 7.84875 12.188Z", fill: "white" })));
+    return (_jsxs(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: [_jsx("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H14C16.2091 0 18 1.79086 18 4V14C18 16.2091 16.2091 18 14 18H4C1.79086 18 0 16.2091 0 14V4Z", fill: "currentColor" }), _jsx("path", { d: "M7.84875 12.188C7.96008 12.188 8.06775 12.167 8.17175 12.125C8.27575 12.083 8.37641 12.0137 8.47375 11.917L13.0987 7.29201C13.2654 7.12535 13.3521 6.92401 13.3587 6.68801C13.3661 6.45135 13.2794 6.24268 13.0987 6.06201C12.9321 5.89535 12.7271 5.81201 12.4837 5.81201C12.2411 5.81201 12.0364 5.89535 11.8697 6.06201L7.84875 10.083L6.09875 8.33301C5.93208 8.16635 5.73408 8.07968 5.50475 8.07301C5.27608 8.06568 5.07141 8.15235 4.89075 8.33301C4.72408 8.49968 4.64075 8.70468 4.64075 8.94801C4.64075 9.19068 4.72408 9.39535 4.89075 9.56201L7.22375 11.917C7.32108 12.0137 7.42175 12.083 7.52575 12.125C7.62975 12.167 7.73741 12.188 7.84875 12.188Z", fill: "white" })] }));
 };

package/lib/components/common/CustomIcon/components/CloseIcon/closeIcon.d.ts

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

package/lib/components/common/CustomIcon/components/CloseIcon/closeIcon.js

@@ -1,6 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 export const CloseIcon = ({ 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 10.1061L5.38104 13.725C5.23104 13.875 5.04984 13.947 4.83744 13.941C4.62504 13.9344 4.44384 13.8561 4.29384 13.7061C4.14384 13.5561 4.06884 13.3719 4.06884 13.1535C4.06884 12.9345 4.14384 12.75 4.29384 12.6L7.89384 9.00005L4.27494 5.38115C4.12494 5.23115 4.05294 5.04695 4.05894 4.82855C4.06554 4.60955 4.14384 4.42505 4.29384 4.27505C4.44384 4.12505 4.62804 4.05005 4.84644 4.05005C5.06544 4.05005 5.24994 4.12505 5.39994 4.27505L8.99994 7.89395L12.6188 4.27505C12.7688 4.12505 12.953 4.05005 13.1714 4.05005C13.3904 4.05005 13.5749 4.12505 13.7249 4.27505C13.8749 4.42505 13.9499 4.60955 13.9499 4.82855C13.9499 5.04695 13.8749 5.23115 13.7249 5.38115L10.106 9.00005L13.7249 12.6189C13.8749 12.7689 13.9499 12.9501 13.9499 13.1625C13.9499 13.3749 13.8749 13.5561 13.7249 13.7061C13.5749 13.8561 13.3904 13.9311 13.1714 13.9311C12.953 13.9311 12.7688 13.8561 12.6188 13.7061L8.99994 10.1061Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M8.99994 10.1061L5.38104 13.725C5.23104 13.875 5.04984 13.947 4.83744 13.941C4.62504 13.9344 4.44384 13.8561 4.29384 13.7061C4.14384 13.5561 4.06884 13.3719 4.06884 13.1535C4.06884 12.9345 4.14384 12.75 4.29384 12.6L7.89384 9.00005L4.27494 5.38115C4.12494 5.23115 4.05294 5.04695 4.05894 4.82855C4.06554 4.60955 4.14384 4.42505 4.29384 4.27505C4.44384 4.12505 4.62804 4.05005 4.84644 4.05005C5.06544 4.05005 5.24994 4.12505 5.39994 4.27505L8.99994 7.89395L12.6188 4.27505C12.7688 4.12505 12.953 4.05005 13.1714 4.05005C13.3904 4.05005 13.5749 4.12505 13.7249 4.27505C13.8749 4.42505 13.9499 4.60955 13.9499 4.82855C13.9499 5.04695 13.8749 5.23115 13.7249 5.38115L10.106 9.00005L13.7249 12.6189C13.8749 12.7689 13.9499 12.9501 13.9499 13.1625C13.9499 13.3749 13.8749 13.5561 13.7249 13.7061C13.5749 13.8561 13.3904 13.9311 13.1714 13.9311C12.953 13.9311 12.7688 13.8561 12.6188 13.7061L8.99994 10.1061Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/ContactSupportIcon/contactSupportIcon.d.ts

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

package/lib/components/common/CustomIcon/components/ContactSupportIcon/contactSupportIcon.js

@@ -1,9 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 /**
  * Custom contact support icon.
  */
 export const ContactSupportIcon = ({ 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: "M9 16.5L8.8125 14.25H8.625C6.85 14.25 5.34375 13.6313 4.10625 12.3938C2.86875 11.1563 2.25 9.65 2.25 7.875C2.25 6.1 2.86875 4.59375 4.10625 3.35625C5.34375 2.11875 6.85 1.5 8.625 1.5C9.5125 1.5 10.3406 1.66563 11.1094 1.99688C11.8781 2.32813 12.5531 2.78438 13.1344 3.36563C13.7156 3.94688 14.1719 4.62188 14.5031 5.39063C14.8344 6.15938 15 6.9875 15 7.875C15 9.775 14.4313 11.4781 13.2938 12.9844C12.1563 14.4906 10.725 15.6625 9 16.5ZM8.60625 11.9813C8.81875 11.9813 9 11.9063 9.15 11.7563C9.3 11.6063 9.375 11.425 9.375 11.2125C9.375 11 9.3 10.8188 9.15 10.6688C9 10.5188 8.81875 10.4438 8.60625 10.4438C8.39375 10.4438 8.2125 10.5188 8.0625 10.6688C7.9125 10.8188 7.8375 11 7.8375 11.2125C7.8375 11.425 7.9125 11.6063 8.0625 11.7563C8.2125 11.9063 8.39375 11.9813 8.60625 11.9813ZM8.625 9.6C8.7625 9.6 8.8875 9.55 9 9.45C9.1125 9.35 9.1875 9.2125 9.225 9.0375C9.25 8.875 9.31875 8.72813 9.43125 8.59688C9.54375 8.46563 9.7375 8.2625 10.0125 7.9875C10.2375 7.7625 10.425 7.51875 10.575 7.25625C10.725 6.99375 10.8 6.7125 10.8 6.4125C10.8 5.775 10.5844 5.29688 10.1531 4.97813C9.72188 4.65938 9.2125 4.5 8.625 4.5C8.1875 4.5 7.80938 4.6 7.49063 4.8C7.17188 5 6.9125 5.25 6.7125 5.55C6.625 5.6875 6.60938 5.83125 6.66563 5.98125C6.72188 6.13125 6.8375 6.2375 7.0125 6.3C7.1375 6.35 7.2625 6.35 7.3875 6.3C7.5125 6.25 7.625 6.15625 7.725 6.01875C7.825 5.88125 7.94688 5.76875 8.09063 5.68125C8.23438 5.59375 8.4125 5.55 8.625 5.55C8.9625 5.55 9.21563 5.64375 9.38438 5.83125C9.55313 6.01875 9.6375 6.225 9.6375 6.45C9.6375 6.6625 9.575 6.85313 9.45 7.02188C9.325 7.19063 9.175 7.3625 9 7.5375C8.65 7.8375 8.41563 8.08125 8.29688 8.26875C8.17813 8.45625 8.10625 8.7125 8.08125 9.0375C8.06875 9.1875 8.11563 9.31875 8.22188 9.43125C8.32813 9.54375 8.4625 9.6 8.625 9.6Z", fill: "currentColor" })));
+    return (_jsx(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props, children: _jsx("path", { d: "M9 16.5L8.8125 14.25H8.625C6.85 14.25 5.34375 13.6313 4.10625 12.3938C2.86875 11.1563 2.25 9.65 2.25 7.875C2.25 6.1 2.86875 4.59375 4.10625 3.35625C5.34375 2.11875 6.85 1.5 8.625 1.5C9.5125 1.5 10.3406 1.66563 11.1094 1.99688C11.8781 2.32813 12.5531 2.78438 13.1344 3.36563C13.7156 3.94688 14.1719 4.62188 14.5031 5.39063C14.8344 6.15938 15 6.9875 15 7.875C15 9.775 14.4313 11.4781 13.2938 12.9844C12.1563 14.4906 10.725 15.6625 9 16.5ZM8.60625 11.9813C8.81875 11.9813 9 11.9063 9.15 11.7563C9.3 11.6063 9.375 11.425 9.375 11.2125C9.375 11 9.3 10.8188 9.15 10.6688C9 10.5188 8.81875 10.4438 8.60625 10.4438C8.39375 10.4438 8.2125 10.5188 8.0625 10.6688C7.9125 10.8188 7.8375 11 7.8375 11.2125C7.8375 11.425 7.9125 11.6063 8.0625 11.7563C8.2125 11.9063 8.39375 11.9813 8.60625 11.9813ZM8.625 9.6C8.7625 9.6 8.8875 9.55 9 9.45C9.1125 9.35 9.1875 9.2125 9.225 9.0375C9.25 8.875 9.31875 8.72813 9.43125 8.59688C9.54375 8.46563 9.7375 8.2625 10.0125 7.9875C10.2375 7.7625 10.425 7.51875 10.575 7.25625C10.725 6.99375 10.8 6.7125 10.8 6.4125C10.8 5.775 10.5844 5.29688 10.1531 4.97813C9.72188 4.65938 9.2125 4.5 8.625 4.5C8.1875 4.5 7.80938 4.6 7.49063 4.8C7.17188 5 6.9125 5.25 6.7125 5.55C6.625 5.6875 6.60938 5.83125 6.66563 5.98125C6.72188 6.13125 6.8375 6.2375 7.0125 6.3C7.1375 6.35 7.2625 6.35 7.3875 6.3C7.5125 6.25 7.625 6.15625 7.725 6.01875C7.825 5.88125 7.94688 5.76875 8.09063 5.68125C8.23438 5.59375 8.4125 5.55 8.625 5.55C8.9625 5.55 9.21563 5.64375 9.38438 5.83125C9.55313 6.01875 9.6375 6.225 9.6375 6.45C9.6375 6.6625 9.575 6.85313 9.45 7.02188C9.325 7.19063 9.175 7.3625 9 7.5375C8.65 7.8375 8.41563 8.08125 8.29688 8.26875C8.17813 8.45625 8.10625 8.7125 8.08125 9.0375C8.06875 9.1875 8.11563 9.31875 8.22188 9.43125C8.32813 9.54375 8.4625 9.6 8.625 9.6Z", fill: "currentColor" }) }));
 };

package/lib/components/common/CustomIcon/components/ContentCopyIcon/contentCopyIcon.d.ts

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