@teamturing/react-kit 2.51.3 → 2.51.4

package/esm/core/Datagrid/index.js

@@ -1,4 +1,4 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import styled from 'styled-components';
 import useRelocation from '../../hook/useRelocation.js';
 import { sx } from '../../utils/styled-system/index.js';
@@ -7,7 +7,7 @@ import DatagridCell from './DatagridCell.js';
 import DatagridHeader from './DatagridHeader.js';
 import DatagridRow from './DatagridRow.js';
 import DatagridSubheader from './DatagridSubheader.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Datagrid = ({
   children,
@@ -21,9 +21,9 @@ const Datagrid = ({
       subHeader: DatagridSubheader
     }
   });
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(DatagridWrapper, {
+  return /*#__PURE__*/jsxs(DatagridWrapper, {
     sx: sx,
-    children: [relocatableComponentsObject.header, relocatableComponentsObject.subHeader, /*#__PURE__*/jsxRuntimeExports.jsx(BaseDatagrid, {
+    children: [relocatableComponentsObject.header, relocatableComponentsObject.subHeader, /*#__PURE__*/jsx(BaseDatagrid, {
       ...props,
       children: restConmponents
     })]

package/esm/core/DescriptionList/index.js

@@ -1,20 +1,20 @@
-import { isNullable } from '../../packages/utils/esm/isNullable.js';
+import { isNullable } from '@teamturing/utils';
 import Grid from '../Grid/index.js';
 import ItemList from '../ItemList/index.js';
 import StyledIcon from '../StyledIcon/index.js';
 import Text from '../Text/index.js';
 import View from '../View/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const DescriptionList = ({
   item,
   itemDescriptions,
-  renderTitle = title => /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+  renderTitle = title => /*#__PURE__*/jsx(Text, {
     typography: 'xs',
     color: 'text/neutral/subtler',
     children: title
   }),
-  renderDescription = description => /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+  renderDescription = description => /*#__PURE__*/jsx(Text, {
     typography: 'xs',
     color: 'text/neutral',
     children: description
@@ -26,7 +26,7 @@ const DescriptionList = ({
   titleUnitSize = [1, 1 / 8, 1 / 8],
   descriptionUnitSize = [1, 7 / 8, 7 / 8],
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(ItemList, {
+}) => /*#__PURE__*/jsx(ItemList, {
   items: picks.map(pick => itemDescriptions[pick]),
   renderItem: ({
     icon,
@@ -34,31 +34,31 @@ const DescriptionList = ({
     renderValue
   }) => {
     const description = renderValue(item);
-    return /*#__PURE__*/jsxRuntimeExports.jsxs(Grid, {
+    return /*#__PURE__*/jsxs(Grid, {
       gapX: gapX,
       gapY: gapY,
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(Grid.Unit, {
+      children: [/*#__PURE__*/jsx(Grid.Unit, {
         size: titleUnitSize,
-        children: /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+        children: /*#__PURE__*/jsxs(View, {
           display: 'flex',
           alignItems: 'center',
           flexWrap: 'nowrap',
           sx: {
             columnGap: 1
           },
-          children: [icon ? /*#__PURE__*/jsxRuntimeExports.jsx(StyledIcon, {
+          children: [icon ? /*#__PURE__*/jsx(StyledIcon, {
             icon: icon,
             size: 16,
             color: 'icon/neutral'
           }) : null, renderTitle(title)]
         })
-      }), /*#__PURE__*/jsxRuntimeExports.jsx(Grid.Unit, {
+      }), /*#__PURE__*/jsx(Grid.Unit, {
         size: descriptionUnitSize,
         children: renderDescription(!isNullable(description) ? description : '-')
       })]
     });
   },
-  renderItemWrapper: (children, _, i) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+  renderItemWrapper: (children, _, i) => /*#__PURE__*/jsx(View, {
     sx: {
       marginTop: i > 0 ? gapItem : 0
     },

package/esm/core/Dialog/DialogBody.js

@@ -1,11 +1,11 @@
 import UnstyledDialogBody from './_UnstyledDialogBody.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DialogBody = ({
   children,
   sx,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(UnstyledDialogBody, {
+}) => /*#__PURE__*/jsx(UnstyledDialogBody, {
   ...props,
   sx: {
     p: 5,

package/esm/core/Dialog/DialogFooter.js

@@ -1,11 +1,11 @@
 import UnstyledDialogFooter from './_UnstyledDialogFooter.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DialogFooter = ({
   children,
   sx,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(UnstyledDialogFooter, {
+}) => /*#__PURE__*/jsx(UnstyledDialogFooter, {
   ...props,
   sx: {
     display: 'flex',

package/esm/core/Dialog/DialogHeader.js

@@ -1,11 +1,11 @@
 import UnstyledDialogHeader from './_UnstyledDialogHeader.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DialogHeader = ({
   children,
   sx,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(UnstyledDialogHeader, {
+}) => /*#__PURE__*/jsx(UnstyledDialogHeader, {
   ...props,
   sx: {
     px: 5,

package/esm/core/Dialog/DialogHeaderSubtitle.js

@@ -1,11 +1,11 @@
 import Text from '../Text/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DialogHeaderSubtitle = ({
   typography = 'xs',
   color = 'text/neutral/subtler',
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+}) => /*#__PURE__*/jsx(Text, {
   typography: typography,
   color: color,
   ...props

package/esm/core/Dialog/DialogHeaderTitle.js

@@ -1,11 +1,11 @@
 import Text from '../Text/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DialogHeaderTitle = ({
   typography = 'm/bold',
   color = 'text/neutral',
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+}) => /*#__PURE__*/jsx(Text, {
   typography: typography,
   color: color,
   ...props

package/esm/core/Dialog/index.js

@@ -1,5 +1,5 @@
+import { CloseIcon } from '@teamturing/icons';
 import { forwardRef, useCallback, useRef, useImperativeHandle, useEffect } from 'react';
-import SvgClose from '../../packages/icons/esm/Close.js';
 import styled from 'styled-components';
 import IconButton from '../IconButton/index.js';
 import View from '../View/index.js';
@@ -13,7 +13,7 @@ import DialogHeaderTitle from './DialogHeaderTitle.js';
 import UnstyledDialogBody from './_UnstyledDialogBody.js';
 import UnstyledDialogFooter from './_UnstyledDialogFooter.js';
 import UnstyledDialogHeader from './_UnstyledDialogHeader.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Dialog = ({
   children,
@@ -55,7 +55,7 @@ const Dialog = ({
       };
     }
   }, [isOpen, isOutsideClickDismissable, handleOutsideClick]);
-  return isOpen ? /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+  return isOpen ? /*#__PURE__*/jsxs(View, {
     sx: {
       position: 'fixed',
       display: 'flex',
@@ -65,9 +65,9 @@ const Dialog = ({
       height: '100%',
       zIndex: 9999
     },
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(Blanket, {
+    children: [/*#__PURE__*/jsx(Blanket, {
       ref: overlayRef
-    }), /*#__PURE__*/jsxRuntimeExports.jsxs(BaseDialog, {
+    }), /*#__PURE__*/jsxs(BaseDialog, {
       ref: dialogRef,
       "aria-modal": 'true',
       role: 'dialog',
@@ -105,15 +105,15 @@ const Dialog = ({
         ...sx
       },
       onKeyDown: handleKeyDown,
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: [/*#__PURE__*/jsx(View, {
         sx: {
           position: 'absolute',
           top: 3,
           right: 3
         },
-        children: /*#__PURE__*/jsxRuntimeExports.jsx(IconButton, {
+        children: /*#__PURE__*/jsx(IconButton, {
           ref: closeButtonRef,
-          icon: SvgClose,
+          icon: CloseIcon,
           variant: 'plain',
           size: 'm',
           onClick: handleDismiss

package/esm/core/Drawer/DrawerBody.js

@@ -1,11 +1,11 @@
 import UnstyledDrawerBody from './_UnstyledDrawerBody.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DrawerBody = ({
   children,
   sx,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(UnstyledDrawerBody, {
+}) => /*#__PURE__*/jsx(UnstyledDrawerBody, {
   ...props,
   sx: {
     p: 5,

package/esm/core/Drawer/DrawerFooter.js

@@ -1,11 +1,11 @@
 import UnstyledDrawerFooter from './_UnstyledDrawerFooter.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DrawerFooter = ({
   children,
   sx,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(UnstyledDrawerFooter, {
+}) => /*#__PURE__*/jsx(UnstyledDrawerFooter, {
   ...props,
   sx: {
     display: 'flex',

package/esm/core/Drawer/DrawerHeader.js

@@ -1,11 +1,11 @@
 import UnstyledDrawerHeader from './_UnstyledDrawerHeader.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DrawerHeader = ({
   children,
   sx,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(UnstyledDrawerHeader, {
+}) => /*#__PURE__*/jsx(UnstyledDrawerHeader, {
   ...props,
   sx: {
     pl: 5,

package/esm/core/Drawer/DrawerHeaderIconButton.js

@@ -1,11 +1,11 @@
 import IconButton from '../IconButton/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DrawerHeaderIconButton = ({
   size = 'm',
   variant = 'plain-bold',
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(IconButton, {
+}) => /*#__PURE__*/jsx(IconButton, {
   size: size,
   variant: variant,
   ...props

package/esm/core/Drawer/index.js

@@ -1,5 +1,6 @@
+import { CloseIcon } from '@teamturing/icons';
+import { AnimatePresence, easeInOut } from 'framer-motion';
 import { forwardRef, useCallback, useRef, useImperativeHandle, useEffect } from 'react';
-import SvgClose from '../../packages/icons/esm/Close.js';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 import useFocusTrap from '../../hook/useFocusTrap.js';
@@ -14,10 +15,8 @@ import DrawerHeaderIconButton from './DrawerHeaderIconButton.js';
 import UnstyledDrawerBody from './_UnstyledDrawerBody.js';
 import UnstyledDrawerFooter from './_UnstyledDrawerFooter.js';
 import UnstyledDrawerHeader from './_UnstyledDrawerHeader.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
-import { AnimatePresence } from '../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
-import { easeInOut } from '../../node_modules/framer-motion/dist/es/easing/ease.js';
 
 const Drawer = ({
   children,
@@ -60,9 +59,9 @@ const Drawer = ({
       };
     }
   }, [isOpen, isOutsideClickDismissable, handleOutsideClick]);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(AnimatePresence, {
-    children: isOpen ? /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(MotionView, {
+  return /*#__PURE__*/jsx(AnimatePresence, {
+    children: isOpen ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(MotionView, {
         initial: {
           opacity: 0
         },
@@ -84,10 +83,10 @@ const Drawer = ({
           left: 0,
           zIndex: 9999
         },
-        children: /*#__PURE__*/jsxRuntimeExports.jsx(Blanket, {
+        children: /*#__PURE__*/jsx(Blanket, {
           ref: blanketRef
         })
-      }), /*#__PURE__*/jsxRuntimeExports.jsx(MotionView, {
+      }), /*#__PURE__*/jsx(MotionView, {
         ...(direction === 'right' ? {
           initial: {
             x: '100%'
@@ -129,7 +128,7 @@ const Drawer = ({
             width: '100%'
           } : {})
         },
-        children: /*#__PURE__*/jsxRuntimeExports.jsxs(BaseDrawer, {
+        children: /*#__PURE__*/jsxs(BaseDrawer, {
           ref: drawerRef,
           "aria-modal": 'true',
           role: 'dialog',
@@ -138,15 +137,15 @@ const Drawer = ({
           direction: direction,
           sx: sx,
           onKeyDown: handleKeyDown,
-          children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+          children: [/*#__PURE__*/jsx(View, {
             sx: {
               position: 'absolute',
               top: 2,
               right: 5
             },
-            children: /*#__PURE__*/jsxRuntimeExports.jsx(IconButton, {
+            children: /*#__PURE__*/jsx(IconButton, {
               ref: closeButtonRef,
-              icon: SvgClose,
+              icon: CloseIcon,
               variant: 'plain-bold',
               size: 'm',
               onClick: handleDismiss

package/esm/core/EmptyState/index.js

@@ -1,37 +1,36 @@
-import 'react';
-import SvgDocument from '../../packages/icons/esm/Document.js';
+import { DocumentIcon } from '@teamturing/icons';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 import { sx } from '../../utils/styled-system/index.js';
 import Button from '../Button/index.js';
 import Text from '../Text/index.js';
 import View from '../View/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const EmptyState = ({
   title,
-  icon: Icon = SvgDocument,
+  icon: Icon = DocumentIcon,
   description,
   action,
   renderAction = ({
     ...buttonProps
-  }, emptyStateProps) => /*#__PURE__*/jsxRuntimeExports.jsx(Button, {
+  }, emptyStateProps) => /*#__PURE__*/jsx(Button, {
     size: emptyStateProps.size,
     ...buttonProps
   }),
   size = 'm',
   sx
 }) => {
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseEmptyState, {
+  return /*#__PURE__*/jsxs(BaseEmptyState, {
     size: size,
     sx: sx,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}), /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+    children: [/*#__PURE__*/jsx(Icon, {}), /*#__PURE__*/jsx(Text, {
       as: 'p',
       children: title
-    }), /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+    }), /*#__PURE__*/jsx(Text, {
       children: description
-    }), action ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+    }), action ? /*#__PURE__*/jsx(View, {
       children: renderAction(action, {
         size
       })

package/esm/core/Flash/index.js

@@ -1,43 +1,40 @@
+import { WarningIcon, TwinkleIcon, InfoInCircleIcon } from '@teamturing/icons';
+import { forcePixelValue, isNullable } from '@teamturing/utils';
 import { forwardRef } from 'react';
-import SvgInfoInCircle from '../../packages/icons/esm/InfoInCircle.js';
-import SvgTwinkle from '../../packages/icons/esm/Twinkle.js';
-import SvgWarning from '../../packages/icons/esm/Warning.js';
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
-import { isNullable } from '../../packages/utils/esm/isNullable.js';
-import { r as reactIsExports } from '../../node_modules/react-is/index.js';
+import { isValidElementType } from 'react-is';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 import { sx } from '../../utils/styled-system/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const Flash = ({
   variant = 'neutral',
-  icon: Icon = variant === 'danger' ? SvgWarning : variant === 'assist' ? SvgTwinkle : variant === 'accent' ? SvgInfoInCircle : SvgInfoInCircle,
+  icon: Icon = variant === 'danger' ? WarningIcon : variant === 'assist' ? TwinkleIcon : variant === 'accent' ? InfoInCircleIcon : InfoInCircleIcon,
   trailingVisual: TrailingVisual,
   buttons,
   children,
   ...props
 }, ref) => {
   const isButtonExist = !isNullable(buttons) && buttons.length > 0;
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
+  return /*#__PURE__*/jsxs(BaseFlash, {
     ref: ref,
     variant: variant,
     ...props,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {
+    children: [/*#__PURE__*/jsx(Icon, {
       className: 'flash__leading_icon'
-    }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+    }), /*#__PURE__*/jsxs("div", {
       className: 'flash__content',
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
+      children: [/*#__PURE__*/jsx("span", {
         className: 'flash__content__children',
         children: children
-      }), isButtonExist ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+      }), isButtonExist ? /*#__PURE__*/jsx("div", {
         className: 'flash__content__buttons',
         children: buttons
       }) : null]
-    }), TrailingVisual ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    }), TrailingVisual ? /*#__PURE__*/jsx("div", {
       className: 'flash__trailing_visual',
-      children: typeof TrailingVisual !== 'string' && reactIsExports.isValidElementType(TrailingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingVisual, {}) : TrailingVisual
+      children: typeof TrailingVisual !== 'string' && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {}) : TrailingVisual
     }) : null]
   });
 };

package/esm/core/FormControl/FormControlCaption.js

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import Text from '../Text/index.js';
 import { FormControlContext } from './index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const FormControlCaption = ({
   children
@@ -9,7 +9,7 @@ const FormControlCaption = ({
   const {
     id
   } = useContext(FormControlContext);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+  return /*#__PURE__*/jsx(Text, {
     as: 'span',
     id: id,
     typography: 'xxs',

package/esm/core/FormControl/FormControlErrorMessage.js

@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import styled, { keyframes } from 'styled-components';
 import Text from '../Text/index.js';
 import { FormControlContext } from './index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const FormControlErrorMessage = ({
   children
@@ -10,7 +10,7 @@ const FormControlErrorMessage = ({
   const {
     id
   } = useContext(FormControlContext);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(StyledText, {
+  return /*#__PURE__*/jsx(StyledText, {
     id: id,
     typography: 'xxs',
     color: 'text/danger',

package/esm/core/FormControl/FormControlLabel.js

@@ -1,10 +1,10 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import { useContext } from 'react';
 import styled from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
 import View from '../View/index.js';
 import { FormControlContext } from './index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const FormControlLabel = ({
   children,
@@ -16,17 +16,17 @@ const FormControlLabel = ({
     disabled,
     required
   } = useContext(FormControlContext);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(VisuallyHidden, {
+  return /*#__PURE__*/jsx(VisuallyHidden, {
     as: 'label',
     htmlFor: id,
     sx: {
       width: 'fit-content'
     },
     isVisible: !visuallyHidden,
-    children: /*#__PURE__*/jsxRuntimeExports.jsxs(LabelWrapper, {
+    children: /*#__PURE__*/jsxs(LabelWrapper, {
       ...props,
       disabled: disabled,
-      children: [children, typeof required === 'boolean' && required === false ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: [children, typeof required === 'boolean' && required === false ? /*#__PURE__*/jsx(View, {
         as: 'span',
         className: 'form_control_label__required__false',
         "aria-hidden": "true",

package/esm/core/FormControl/FormControlSuccessMessage.js

@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import styled, { keyframes } from 'styled-components';
 import Text from '../Text/index.js';
 import { FormControlContext } from './index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const FormControlSuccessMessage = ({
   children
@@ -10,7 +10,7 @@ const FormControlSuccessMessage = ({
   const {
     id
   } = useContext(FormControlContext);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(StyledText, {
+  return /*#__PURE__*/jsx(StyledText, {
     id: id,
     typography: 'xxs',
     color: 'text/success',

package/esm/core/FormControl/FormControlTooltipIcon.js

@@ -1,21 +1,20 @@
-import 'react';
-import SvgInfoInCircle from '../../packages/icons/esm/InfoInCircle.js';
+import { InfoInCircleIcon } from '@teamturing/icons';
 import StyledIcon from '../StyledIcon/index.js';
 import Tooltip from '../Tooltip/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const FormControlTooltipIcon = ({
   text,
   direction,
-  icon = SvgInfoInCircle,
+  icon = InfoInCircleIcon,
   size = 16,
   color = 'icon/neutral',
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
+}) => /*#__PURE__*/jsx(Tooltip, {
   text: text,
   direction: direction,
   mouseOnly: false,
-  children: /*#__PURE__*/jsxRuntimeExports.jsx(StyledIcon, {
+  children: /*#__PURE__*/jsx(StyledIcon, {
     icon: icon,
     size: size,
     color: color,

package/esm/core/FormControl/index.js

@@ -13,7 +13,7 @@ import FormControlErrorMessage from './FormControlErrorMessage.js';
 import FormControlLabel from './FormControlLabel.js';
 import FormControlSuccessMessage from './FormControlSuccessMessage.js';
 import FormControlTooltipIcon from './FormControlTooltipIcon.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const FormControlContext = /*#__PURE__*/createContext({});
 const FormControl = ({
@@ -38,13 +38,13 @@ const FormControl = ({
   const inputComponentCandidates = [TextInput, Textarea, Select, SearchSelectInput, Checkbox, Radio, Switch, ...additionalInputComponentCandidates];
   const InputComponent = restComponents.find(component => inputComponentCandidates.some(candidate => /*#__PURE__*/isValidElement(component) && component.type === candidate));
   const isHorizontalLayoutNeeded = /*#__PURE__*/isValidElement(InputComponent) && (InputComponent.type === Checkbox || InputComponent.type === Radio || InputComponent.type === Switch);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(FormControlContext.Provider, {
+  return /*#__PURE__*/jsx(FormControlContext.Provider, {
     value: {
       id,
       disabled,
       required
     },
-    children: isHorizontalLayoutNeeded ? /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+    children: isHorizontalLayoutNeeded ? /*#__PURE__*/jsxs(View, {
       ref: ref,
       display: 'flex',
       sx: {
@@ -52,19 +52,19 @@ const FormControl = ({
         ...sx
       },
       ...props,
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: [/*#__PURE__*/jsx(View, {
         display: 'inline-flex',
         children: /*#__PURE__*/cloneElement(InputComponent, {
           id,
           disabled
         })
-      }), /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+      }), /*#__PURE__*/jsxs(View, {
         sx: {
           '& > span': {
             mt: 0.5
           }
         },
-        children: [/*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+        children: [/*#__PURE__*/jsxs(View, {
           className: 'form_control__label_wrapper__horizontal',
           display: 'flex',
           alignItems: 'center',
@@ -74,7 +74,7 @@ const FormControl = ({
           children: [relocatableComponentsObject.label, relocatableComponentsObject.tooltipIcon]
         }), relocatableComponentsObject.caption, relocatableComponentsObject.errorMessage, relocatableComponentsObject.successMessage]
       })]
-    }) : /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+    }) : /*#__PURE__*/jsxs(View, {
       ref: ref,
       display: 'flex',
       flexDirection: 'column',
@@ -88,7 +88,7 @@ const FormControl = ({
         ...sx
       },
       ...props,
-      children: [/*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+      children: [/*#__PURE__*/jsxs(View, {
         className: 'form_control__label_wrapper__vertical',
         display: 'flex',
         alignItems: 'center',