@teamturing/react-kit 2.51.2 → 2.51.4

package/esm/_virtual/_commonjsHelpers.js

@@ -1,7 +1,5 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-export { commonjsGlobal, getDefaultExportFromCjs };
+export { getDefaultExportFromCjs };

package/esm/core/ActionList/ActionListItem.js

@@ -1,9 +1,7 @@
+import { CheckIcon } from '@teamturing/icons';
+import { forcePixelValue, isNullable, noop } from '@teamturing/utils';
 import { useContext, useCallback } from 'react';
-import SvgCheck from '../../packages/icons/esm/Check.js';
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
-import { isNullable } from '../../packages/utils/esm/isNullable.js';
-import { noop } from '../../packages/utils/esm/noop.js';
-import { r as reactIsExports } from '../../node_modules/react-is/index.js';
+import { isValidElementType } from 'react-is';
 import styled, { css } from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 import { sx } from '../../utils/styled-system/index.js';
@@ -12,7 +10,7 @@ import StyledIcon from '../StyledIcon/index.js';
 import Text from '../Text/index.js';
 import View from '../View/index.js';
 import { ActionListContext } from './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 ActionListItem = ({
@@ -50,7 +48,7 @@ const ActionListItem = ({
       handleSelect(event);
     }
   }, [handleSelect, disabled]);
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseActionListItem, {
+  return /*#__PURE__*/jsxs(BaseActionListItem, {
     variant: variant,
     ...(disabled ? {
       disabled
@@ -62,7 +60,7 @@ const ActionListItem = ({
     onKeyDown: handleKeyDown,
     onFocus: onFocus,
     onBlur: onBlur,
-    children: [!isNullable(selectionVariant) ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+    children: [!isNullable(selectionVariant) ? /*#__PURE__*/jsx(View, {
       className: 'action_list_item__selection_wrapper',
       display: 'inline-flex',
       minWidth: 20,
@@ -72,11 +70,11 @@ const ActionListItem = ({
           color: 'icon/selected/primary'
         }
       },
-      children: selectionVariant === 'single' ? selected ? /*#__PURE__*/jsxRuntimeExports.jsx(StyledIcon, {
+      children: selectionVariant === 'single' ? selected ? /*#__PURE__*/jsx(StyledIcon, {
         className: 'action_list_item__selection_wrapper_single',
-        icon: SvgCheck,
+        icon: CheckIcon,
         size: 20
-      }) : null : selectionVariant === 'multiple' ? /*#__PURE__*/jsxRuntimeExports.jsx(FakeCheckbox, {
+      }) : null : selectionVariant === 'multiple' ? /*#__PURE__*/jsx(FakeCheckbox, {
         className: 'action_list_item__selection_wrapper_multiple',
         "aria-checked": selected,
         checked: selected,
@@ -84,7 +82,7 @@ const ActionListItem = ({
         "aria-disabled": disabled,
         disabled: disabled
       }) : null
-    }) : null, /*#__PURE__*/jsxRuntimeExports.jsx(VisualWrapper, {
+    }) : null, /*#__PURE__*/jsx(VisualWrapper, {
       className: 'action_list_item__leading_visual',
       display: 'inline-flex',
       flexShrink: 0,
@@ -92,33 +90,33 @@ const ActionListItem = ({
         mr: LeadingVisual ? 2 : 0
       },
       variant: variant,
-      children: typeof LeadingVisual !== 'string' && reactIsExports.isValidElementType(LeadingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingVisual, {}) : LeadingVisual
-    }), /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: typeof LeadingVisual !== 'string' && isValidElementType(LeadingVisual) ? /*#__PURE__*/jsx(LeadingVisual, {}) : LeadingVisual
+    }), /*#__PURE__*/jsx(View, {
       flex: 1,
       className: 'action_list_item__content',
-      children: /*#__PURE__*/jsxRuntimeExports.jsxs(Grid, {
+      children: /*#__PURE__*/jsxs(Grid, {
         gapX: 2,
         gapY: 0.5,
         wrap: true,
         alignItems: 'center',
-        children: [/*#__PURE__*/jsxRuntimeExports.jsx(Grid.Unit, {
+        children: [/*#__PURE__*/jsx(Grid.Unit, {
           className: 'action_list__content__children',
           size: descriptionLayout === 'inline' ? 'min' : 1,
           sx: {
             fontWeight: description && descriptionLayout === 'block' ? 'bold' : 'medium'
           },
           children: children
-        }), /*#__PURE__*/jsxRuntimeExports.jsx(Grid.Unit, {
+        }), /*#__PURE__*/jsx(Grid.Unit, {
           className: 'action_list_item__content__description',
           size: descriptionLayout === 'inline' ? 'max' : 1,
-          children: /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+          children: /*#__PURE__*/jsx(Text, {
             typography: 'xxs/regular',
             color: disabled ? 'text/disabled' : 'text/neutral/subtler',
             children: description
           })
         })]
       })
-    }), /*#__PURE__*/jsxRuntimeExports.jsx(VisualWrapper, {
+    }), /*#__PURE__*/jsx(VisualWrapper, {
       className: 'action_list_item__content__trailing_visual',
       display: 'inline-flex',
       flexShrink: 0,
@@ -126,7 +124,7 @@ const ActionListItem = ({
         ml: TrailingVisual ? 2 : 0
       },
       variant: variant,
-      children: typeof TrailingVisual !== 'string' && reactIsExports.isValidElementType(TrailingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingVisual, {}) : TrailingVisual
+      children: typeof TrailingVisual !== 'string' && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {}) : TrailingVisual
     })]
   });
 };

package/esm/core/ActionList/ActionListSectionDivider.js

@@ -1,12 +1,12 @@
 import HorizontalDivider from '../HorizontalDivider/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const ActionListSectionDivider = ({
   color = 'border/neutral',
   variant = 'solid',
   width = 1,
   sx
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseActionListSectionDivider, {
+}) => /*#__PURE__*/jsx(BaseActionListSectionDivider, {
   className: 'action_list_section_divider',
   color: color,
   variant: variant,

package/esm/core/ActionList/ActionListSectionHeader.js

@@ -1,12 +1,12 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import styled from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const ActionListSectionHeader = ({
   ...props
 }) => {
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseActionListSectionHeader, {
+  return /*#__PURE__*/jsx(BaseActionListSectionHeader, {
     className: 'action_list_setion_header',
     role: 'presentation',
     ...props

package/esm/core/ActionList/index.js

@@ -4,7 +4,7 @@ import { sx } from '../../utils/styled-system/index.js';
 import ActionListItem from './ActionListItem.js';
 import ActionListSectionDivider from './ActionListSectionDivider.js';
 import ActionListSectionHeader from './ActionListSectionHeader.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const ActionListContext = /*#__PURE__*/createContext({});
 const ActionList = ({
@@ -12,12 +12,12 @@ const ActionList = ({
   onSelect,
   ...props
 }) => {
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ActionListContext.Provider, {
+  return /*#__PURE__*/jsx(ActionListContext.Provider, {
     value: {
       selectionVariant,
       onSelect
     },
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(BaseActionList, {
+    children: /*#__PURE__*/jsx(BaseActionList, {
       className: 'action_list',
       role: 'menu',
       ...props

package/esm/core/AnimatePresence/index.js

@@ -1,5 +1,2 @@
-import { AnimatePresence } from '../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
-
-
-
-export { AnimatePresence as default };
+import { AnimatePresence } from 'framer-motion';
+export { AnimatePresence as default } from 'framer-motion';

package/esm/core/Avatar/index.js

@@ -1,10 +1,10 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 import { sx } from '../../utils/styled-system/index.js';
 import Image from '../Image/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const DEFAULT_AVATAR_URL = 'https://cdn.teamturing.com/cms/uploads/2024-02-21/1708481300_empty-profile.png';
@@ -14,7 +14,7 @@ const Avatar = /*#__PURE__*/forwardRef(({
   size = 'm',
   sx,
   ...props
-}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseAvatar, {
+}, ref) => /*#__PURE__*/jsx(BaseAvatar, {
   ref: ref,
   role: 'presentation',
   src: src,

package/esm/core/AvatarGroup/AvatarGroupItem.js

@@ -2,16 +2,16 @@ import { forwardRef } from 'react';
 import styled from 'styled-components';
 import Avatar from '../Avatar/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 AvatarGroupItem = ({
   onClick,
   ...props
-}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseAvatarGroupItem, {
+}, ref) => /*#__PURE__*/jsx(BaseAvatarGroupItem, {
   onClick: onClick,
-  children: /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
+  children: /*#__PURE__*/jsx(Tooltip, {
     text: props.alt,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(Avatar, {
+    children: /*#__PURE__*/jsx(Avatar, {
       ref: ref,
       size: 's',
       ...props

package/esm/core/AvatarGroup/index.js

@@ -1,5 +1,5 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
-import React__default, { forwardRef } from 'react';
+import { forcePixelValue } from '@teamturing/utils';
+import React, { forwardRef } from 'react';
 import styled from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
 import Avatar from '../Avatar/index.js';
@@ -10,23 +10,23 @@ import Text from '../Text/index.js';
 import View from '../View/index.js';
 import UnstyledButton from '../_UnstyledButton.js';
 import AvatarGroupItem from './AvatarGroupItem.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const AvatarGroup = ({
   children: propChildren,
   maxItemCount = 5,
   ...props
 }, ref) => {
-  const childrenArray = React__default.Children.toArray(propChildren);
+  const childrenArray = React.Children.toArray(propChildren);
   const isOverflown = childrenArray.length > maxItemCount;
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(AvatarGroupWrapper, {
+  return /*#__PURE__*/jsxs(AvatarGroupWrapper, {
     ref: ref,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(BaseAvatarGroup, {
+    children: [/*#__PURE__*/jsx(BaseAvatarGroup, {
       ...props,
       children: [...childrenArray.slice(0, maxItemCount)].reverse()
-    }), isOverflown ? /*#__PURE__*/jsxRuntimeExports.jsx(OverlayPopper, {
+    }), isOverflown ? /*#__PURE__*/jsx(OverlayPopper, {
       placement: 'bottom',
-      renderOverlay: overlayProps => /*#__PURE__*/jsxRuntimeExports.jsx(Overlay, {
+      renderOverlay: overlayProps => /*#__PURE__*/jsx(Overlay, {
         size: 's',
         maxHeight: 300,
         sx: {
@@ -34,24 +34,24 @@ const AvatarGroup = ({
         },
         onClick: e => e.stopPropagation(),
         ...overlayProps,
-        children: /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
+        children: /*#__PURE__*/jsx(Space, {
           px: 1,
           py: 2,
           children: childrenArray.slice(maxItemCount).map(({
             key,
             props
-          }) => /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+          }) => /*#__PURE__*/jsxs(View, {
             sx: {
               p: 3,
               display: 'flex',
               alignItems: 'center',
               columnGap: 2
             },
-            children: [/*#__PURE__*/jsxRuntimeExports.jsx(Avatar, {
+            children: [/*#__PURE__*/jsx(Avatar, {
               size: 'xs',
               src: props.src,
               alt: props.alt
-            }), /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+            }), /*#__PURE__*/jsx(Text, {
               typography: 'xs',
               color: 'text/neutral',
               children: props.alt
@@ -59,7 +59,7 @@ const AvatarGroup = ({
           }, key))
         })
       }),
-      children: popperProps => /*#__PURE__*/jsxRuntimeExports.jsxs(UnstyledButton, {
+      children: popperProps => /*#__PURE__*/jsxs(UnstyledButton, {
         ...popperProps,
         onClick: e => {
           e.stopPropagation();

package/esm/core/BadgeAttacher/index.js

@@ -1,12 +1,12 @@
 import styled from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs } from 'react/jsx-runtime';
 
 const BadgeAttacher = ({
   children,
   renderBadge,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsxs(BadgeAttacherWrapper, {
+}) => /*#__PURE__*/jsxs(BadgeAttacherWrapper, {
   ...props,
   children: [children, renderBadge({
     style: {

package/esm/core/Breadcrumbs/BreadcrumbsItem.js

@@ -1,8 +1,8 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import { useRef, useState, useEffect } from 'react';
 import styled, { css } from 'styled-components';
 import Tooltip from '../Tooltip/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const BreadcrumbsItem = ({
   text,
@@ -19,14 +19,14 @@ const BreadcrumbsItem = ({
       }
     }
   }, []);
-  const baseBreadCrumbsItem = /*#__PURE__*/jsxRuntimeExports.jsx(BaseBreadcrumbsItem, {
+  const baseBreadCrumbsItem = /*#__PURE__*/jsx(BaseBreadcrumbsItem, {
     ref: itemRef,
     selected: selected,
     truncatedWidth: truncatedWidth,
     ...props,
     children: text
   });
-  return isOverflow ? /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
+  return isOverflow ? /*#__PURE__*/jsx(Tooltip, {
     text: text,
     direction: 'bottom-center',
     children: baseBreadCrumbsItem

package/esm/core/Breadcrumbs/index.js

@@ -1,8 +1,8 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import { Children, useState } from 'react';
 import styled from 'styled-components';
 import BreadcrumbsItem from './BreadcrumbsItem.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const Breadcrumbs = ({
   children,
@@ -12,13 +12,13 @@ const Breadcrumbs = ({
   const childrenArray = Children.toArray(children);
   const shouldCollapse = maxItemCount < childrenArray.length;
   const [isExpanded, setIsExpanded] = useState(!shouldCollapse);
-  const breadcrumbsItems = isExpanded ? childrenArray : [...childrenArray.slice(0, 1), /*#__PURE__*/jsxRuntimeExports.jsx(BreadcrumbsItem, {
+  const breadcrumbsItems = isExpanded ? childrenArray : [...childrenArray.slice(0, 1), /*#__PURE__*/jsx(BreadcrumbsItem, {
     text: '...',
     onClick: () => setIsExpanded(true)
   }, 'collapse'), ...childrenArray.slice(1 + 1 + childrenArray.length - maxItemCount)];
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseBreadcrumbs, {
+  return /*#__PURE__*/jsx(BaseBreadcrumbs, {
     ...props,
-    children: Children.map(breadcrumbsItems, child => /*#__PURE__*/jsxRuntimeExports.jsx(BreadcrumbsItemWrapper, {
+    children: Children.map(breadcrumbsItems, child => /*#__PURE__*/jsx(BreadcrumbsItemWrapper, {
       role: 'listitem',
       children: child
     }))

package/esm/core/Button/index.js

@@ -4,7 +4,7 @@ import '../../node_modules/styled-system/dist/index.esm.js';
 import Spinner from '../Spinner/index.js';
 import View from '../View/index.js';
 import UnstyledButton from '../_UnstyledButton.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 Button = /*#__PURE__*/forwardRef(({
@@ -19,7 +19,7 @@ const Button = /*#__PURE__*/forwardRef(({
   children,
   ...props
 }, ref) => {
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseButton, {
+  return /*#__PURE__*/jsxs(BaseButton, {
     ref: ref,
     type: type,
     size: size,
@@ -31,7 +31,7 @@ const Button = /*#__PURE__*/forwardRef(({
     trailingIcon: TrailingIcon,
     fillWidth: fillWidth,
     ...props,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+    children: [/*#__PURE__*/jsxs(View, {
       sx: {
         display: 'flex',
         flexDirection: 'row',
@@ -40,12 +40,12 @@ const Button = /*#__PURE__*/forwardRef(({
         columnGap: 1,
         visibility: !loading ? 'initial' : 'hidden'
       },
-      children: [LeadingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingIcon, {
+      children: [LeadingIcon ? /*#__PURE__*/jsx(LeadingIcon, {
         className: 'button__leading_icon'
-      }) : null, children, TrailingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingIcon, {
+      }) : null, children, TrailingIcon ? /*#__PURE__*/jsx(TrailingIcon, {
         className: 'button__trailing_icon'
       }) : null]
-    }), loading ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+    }), loading ? /*#__PURE__*/jsx(View, {
       sx: {
         position: 'absolute',
         top: 0,
@@ -56,7 +56,7 @@ const Button = /*#__PURE__*/forwardRef(({
         alignItems: 'center',
         justifyContent: 'center'
       },
-      children: /*#__PURE__*/jsxRuntimeExports.jsx(BaseSpinner, {
+      children: /*#__PURE__*/jsx(BaseSpinner, {
         className: 'button__spinner',
         size: size,
         variant: variant

package/esm/core/Card/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 '../../node_modules/styled-system/dist/index.esm.js';
 import { sx } from '../../utils/styled-system/index.js';

package/esm/core/Checkbox/index.js

@@ -1,10 +1,10 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import useProvidedOrCreatedRef from '../../hook/useProvidedOrCreatedRef.js';
 import useSafeLayoutEffect from '../../hook/useSafeLayoutEffect.js';
 import { sx } from '../../utils/styled-system/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const Checkbox = ({
   checked,
@@ -18,7 +18,7 @@ const Checkbox = ({
       checkboxRef.current.indeterminate = indeterminate || false;
     }
   }, [indeterminate, checked, checkboxRef]);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseCheckbox, {
+  return /*#__PURE__*/jsx(BaseCheckbox, {
     ref: checkboxRef,
     checked: checked,
     validationStatus: validationStatus,

package/esm/core/Chip/index.js

@@ -1,7 +1,7 @@
 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 Chip = ({
@@ -11,15 +11,15 @@ const Chip = ({
   leadingIcon: LeadingIcon,
   trailingIcon: TrailingIcon,
   sx
-}) => /*#__PURE__*/jsxRuntimeExports.jsxs(BaseChip, {
+}) => /*#__PURE__*/jsxs(BaseChip, {
   sx: sx,
   size: size,
   variant: variant,
   leadingIcon: LeadingIcon,
   trailingIcon: TrailingIcon,
-  children: [LeadingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingIcon, {
+  children: [LeadingIcon ? /*#__PURE__*/jsx(LeadingIcon, {
     className: 'chip__leading_icon'
-  }) : null, children, TrailingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingIcon, {
+  }) : null, children, TrailingIcon ? /*#__PURE__*/jsx(TrailingIcon, {
     className: 'chip__trailing_icon'
   }) : null]
 });

package/esm/core/ClickArea/index.js

@@ -1,13 +1,13 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import View from '../View/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const ClickArea = ({
   disabled,
   onClick,
   ...props
-}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseClickArea, {
+}, ref) => /*#__PURE__*/jsx(BaseClickArea, {
   ref: ref,
   ...props,
   role: 'button',

package/esm/core/CounterBadge/index.js

@@ -1,8 +1,8 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 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 { jsx } from 'react/jsx-runtime';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const CounterBadge = ({
@@ -14,7 +14,7 @@ const CounterBadge = ({
 }) => {
   const numberChildren = typeof propChildren === 'number' ? propChildren : parseInt(propChildren);
   const children = maxCounter < numberChildren ? `${maxCounter}+` : `${numberChildren}`;
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseCounterBadge, {
+  return /*#__PURE__*/jsx(BaseCounterBadge, {
     variant: variant,
     size: size,
     ...props,

package/esm/core/Datagrid/DatagridBody.js

@@ -1,11 +1,11 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import styled from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DatagridBody = ({
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseDatagridBody, {
+}) => /*#__PURE__*/jsx(BaseDatagridBody, {
   ...props
 });
 const BaseDatagridBody = styled.div`

package/esm/core/Datagrid/DatagridCell.js

@@ -1,10 +1,10 @@
 import Grid from '../Grid/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DatagridCell = ({
   children,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseDatagridCell, {
+}) => /*#__PURE__*/jsx(BaseDatagridCell, {
   ...props,
   children: children
 });

package/esm/core/Datagrid/DatagridHeader.js

@@ -1,25 +1,25 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
-import { r as reactIsExports } from '../../node_modules/react-is/index.js';
+import { forcePixelValue } from '@teamturing/utils';
+import { isValidElementType } from 'react-is';
 import styled from 'styled-components';
 import { sx } from '../../utils/styled-system/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';
 
 const DatagridHeader = ({
   leadingVisual: LeadingVisual,
   trailingAction,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsxs(DataGridHeaderWrapper, {
+}) => /*#__PURE__*/jsxs(DataGridHeaderWrapper, {
   ...props,
-  children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+  children: [/*#__PURE__*/jsx(View, {
     sx: {
       fontSize: 'xs',
       fontWeight: 'medium',
       lineHeight: 2,
       color: 'text/neutral/subtle'
     },
-    children: typeof LeadingVisual !== 'string' && reactIsExports.isValidElementType(LeadingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingVisual, {}) : LeadingVisual
-  }), /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+    children: typeof LeadingVisual !== 'string' && isValidElementType(LeadingVisual) ? /*#__PURE__*/jsx(LeadingVisual, {}) : LeadingVisual
+  }), /*#__PURE__*/jsx(View, {
     children: trailingAction
   })]
 });

package/esm/core/Datagrid/DatagridRow.js

@@ -1,6 +1,6 @@
 import Grid from '../Grid/index.js';
 import Space from '../Space/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DatagridRow = ({
   gapX = 2,
@@ -8,9 +8,9 @@ const DatagridRow = ({
   justifyContent,
   children,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(DatagridRowWrapper, {
+}) => /*#__PURE__*/jsx(DatagridRowWrapper, {
   ...props,
-  children: /*#__PURE__*/jsxRuntimeExports.jsx(BaseDatagridRow, {
+  children: /*#__PURE__*/jsx(BaseDatagridRow, {
     wrap: false,
     gapX: gapX,
     alignItems: alignItems,

package/esm/core/Datagrid/DatagridSubheader.js

@@ -1,11 +1,11 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import styled from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const DatagridSubheader = ({
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(DataGridSubheaderWrapper, {
+}) => /*#__PURE__*/jsx(DataGridSubheaderWrapper, {
   ...props
 });
 const DataGridSubheaderWrapper = styled.div`