@teamturing/react-kit 2.51.3 → 2.51.5

package/esm/core/StyledIcon/index.js

@@ -1,12 +1,12 @@
 import { forwardRef } from 'react';
 import View from '../View/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const StyledIcon = /*#__PURE__*/forwardRef(({
   icon: Icon,
   sx,
   ...props
-}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+}, ref) => /*#__PURE__*/jsx(View, {
   ref: ref,
   ...props,
   color: props.color,
@@ -18,7 +18,7 @@ const StyledIcon = /*#__PURE__*/forwardRef(({
     },
     ...sx
   },
-  children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
+  children: /*#__PURE__*/jsx(Icon, {})
 }));
 
 export { StyledIcon as default };

package/esm/core/Switch/index.js

@@ -1,9 +1,9 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import useProvidedOrCreatedRef from '../../hook/useProvidedOrCreatedRef.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 Switch = ({
   checked,
@@ -11,7 +11,7 @@ const Switch = ({
   ...props
 }, ref) => {
   const checkboxRef = useProvidedOrCreatedRef(ref);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseSwitch, {
+  return /*#__PURE__*/jsx(BaseSwitch, {
     ref: checkboxRef,
     checked: checked,
     validationStatus: validationStatus,

package/esm/core/Tab/TabItem.js

@@ -1,11 +1,11 @@
-import { scrollIntoView } from '../../packages/utils/esm/scrollIntoView.js';
+import { scrollIntoView } from '@teamturing/utils';
 import { useRef, useContext } from 'react';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 import View from '../View/index.js';
 import UnstyledButton from '../_UnstyledButton.js';
 import { TabContext } from './index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const TabItem = ({
@@ -37,7 +37,7 @@ const TabItem = ({
     }
     onClick?.(e);
   };
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseTabItem, {
+  return /*#__PURE__*/jsx(BaseTabItem, {
     type: 'button',
     role: 'tab',
     ref: ref,
@@ -46,7 +46,7 @@ const TabItem = ({
     leadingIcon: LeadingIcon,
     selected: selected,
     onClick: handleClick,
-    children: /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+    children: /*#__PURE__*/jsxs(View, {
       sx: {
         display: 'flex',
         flexDirection: 'row',
@@ -54,7 +54,7 @@ const TabItem = ({
         justifyContent: 'center',
         columnGap: 1
       },
-      children: [LeadingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingIcon, {}) : null, /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: [LeadingIcon ? /*#__PURE__*/jsx(LeadingIcon, {}) : null, /*#__PURE__*/jsx(View, {
         children: children
       })]
     })

package/esm/core/Tab/index.js

@@ -1,14 +1,13 @@
+import { ChevronLeftIcon, ChevronRightIcon } from '@teamturing/icons';
+import { forcePixelValue } from '@teamturing/utils';
+import throttle from 'lodash.throttle';
 import { createContext, useRef, useState, useEffect } from 'react';
-import SvgChevronLeft from '../../packages/icons/esm/ChevronLeft.js';
-import SvgChevronRight from '../../packages/icons/esm/ChevronRight.js';
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
-import throttle from '../../node_modules/lodash.throttle/index.js';
 import { useTheme } from 'styled-components';
 import useResize from '../../hook/useResize.js';
 import IconButton from '../IconButton/index.js';
 import View from '../View/index.js';
 import TabItem from './TabItem.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 const TabContext = /*#__PURE__*/createContext({});
 const Tab = ({
@@ -49,15 +48,15 @@ const Tab = ({
     handleScrollButtonVisibility();
   }, []);
   useResize(handleScrollButtonVisibility);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(TabContext.Provider, {
+  return /*#__PURE__*/jsx(TabContext.Provider, {
     value: {
       variant,
       size,
       containerRef: rootRef
     },
-    children: /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+    children: /*#__PURE__*/jsxs(View, {
       position: 'relative',
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: [/*#__PURE__*/jsx(View, {
         ref: rootRef,
         role: 'tablist',
         sx: {
@@ -74,10 +73,10 @@ const Tab = ({
         },
         onScroll: throttle(handleScrollButtonVisibility, 150),
         children: children
-      }), /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+      }), /*#__PURE__*/jsxs(View, {
         display: ['none', 'initial', 'initial'],
-        children: [isLeftButtonVisible ? /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+        children: [isLeftButtonVisible ? /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(View, {
             sx: {
               position: 'absolute',
               top: 0,
@@ -88,7 +87,7 @@ const Tab = ({
               background: `linear-gradient(${theme.gradients['overlay/floating/toright']})`,
               pointerEvents: 'none'
             }
-          }), /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+          }), /*#__PURE__*/jsx(View, {
             sx: {
               position: 'absolute',
               display: 'flex',
@@ -98,15 +97,15 @@ const Tab = ({
               bottom: 0,
               backgroundColor: theme.colors.surface
             },
-            children: /*#__PURE__*/jsxRuntimeExports.jsx(IconButton, {
+            children: /*#__PURE__*/jsx(IconButton, {
               size: 's',
               variant: 'plain-bold',
-              icon: SvgChevronLeft,
+              icon: ChevronLeftIcon,
               onClick: handleLeftButtonClick
             })
           })]
-        }) : null, isRightButtonVisible ? /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+        }) : null, isRightButtonVisible ? /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(View, {
             sx: {
               position: 'absolute',
               top: 0,
@@ -117,7 +116,7 @@ const Tab = ({
               background: `linear-gradient(${theme.gradients['overlay/floating/toleft']})`,
               pointerEvents: 'none'
             }
-          }), /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+          }), /*#__PURE__*/jsx(View, {
             sx: {
               position: 'absolute',
               display: 'flex',
@@ -127,10 +126,10 @@ const Tab = ({
               bottom: 0,
               backgroundColor: theme.colors.surface
             },
-            children: /*#__PURE__*/jsxRuntimeExports.jsx(IconButton, {
+            children: /*#__PURE__*/jsx(IconButton, {
               size: 's',
               variant: 'plain-bold',
-              icon: SvgChevronRight,
+              icon: ChevronRightIcon,
               onClick: handleRightButtonClick
             })
           })]

package/esm/core/TextInput/TextInputTrailingAction.js

@@ -1,20 +1,20 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forcePixelValue } from '@teamturing/utils';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
 import UnstyledButton from '../_UnstyledButton.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const TextInputTrailingAction = ({
   icon: Icon,
   disabled,
   ...props
-}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseTextInputTrailingAction, {
+}, ref) => /*#__PURE__*/jsx(BaseTextInputTrailingAction, {
   ref: ref,
   ...props,
   disabled: disabled,
   "aria-disabled": disabled,
-  children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
+  children: /*#__PURE__*/jsx(Icon, {})
 });
 const BaseTextInputTrailingAction = styled(UnstyledButton)`
   display: inline-flex;

package/esm/core/TextInput/index.js

@@ -1,14 +1,12 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
-import { isFunction } from '../../packages/utils/esm/isFunction.js';
-import { isNullable } from '../../packages/utils/esm/isNullable.js';
+import { forcePixelValue, isNullable, isFunction } from '@teamturing/utils';
 import { forwardRef, cloneElement } from 'react';
-import { r as reactIsExports } from '../../node_modules/react-is/index.js';
+import { isValidElementType } from 'react-is';
 import styled, { css, useTheme } from 'styled-components';
 import useProvidedOrCreatedRef from '../../hook/useProvidedOrCreatedRef.js';
 import { sx } from '../../utils/styled-system/index.js';
 import View from '../View/index.js';
 import TextInputTrailingAction from './TextInputTrailingAction.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const TextInput = ({
   type = 'text',
@@ -25,7 +23,7 @@ const TextInput = ({
   const focusInput = () => {
     inputRef.current?.focus();
   };
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(TextInputWrapper, {
+  return /*#__PURE__*/jsxs(TextInputWrapper, {
     disabled: disabled,
     onClick: focusInput,
     hasLeadingVisual: !isNullable(LeadingVisual),
@@ -33,7 +31,7 @@ const TextInput = ({
     hasTrailingAction: !isNullable(trailingAction),
     validationStatus: validationStatus,
     sx: sx,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+    children: [/*#__PURE__*/jsx(View, {
       sx: {
         'flexShrink': 0,
         'fontSize': 'xxs',
@@ -47,8 +45,8 @@ const TextInput = ({
         }
       },
       className: 'text_input__leading_visual',
-      children: typeof LeadingVisual !== 'string' && reactIsExports.isValidElementType(LeadingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingVisual, {}) : LeadingVisual
-    }), /*#__PURE__*/jsxRuntimeExports.jsx(BaseInput, {
+      children: typeof LeadingVisual !== 'string' && isValidElementType(LeadingVisual) ? /*#__PURE__*/jsx(LeadingVisual, {}) : LeadingVisual
+    }), /*#__PURE__*/jsx(BaseInput, {
       className: 'text_input__base_input',
       ref: e => {
         isFunction(ref) ? ref(e) : null;
@@ -57,7 +55,7 @@ const TextInput = ({
       type: type,
       disabled: disabled,
       ...props
-    }), /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+    }), /*#__PURE__*/jsxs(View, {
       sx: {
         'display': 'flex',
         'alignItems': 'center',
@@ -74,7 +72,7 @@ const TextInput = ({
         }
       },
       className: 'text_input__trailing_visual',
-      children: [typeof TrailingVisual !== 'string' && reactIsExports.isValidElementType(TrailingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingVisual, {}) : TrailingVisual, trailingAction ? /*#__PURE__*/cloneElement(trailingAction, {
+      children: [typeof TrailingVisual !== 'string' && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {}) : TrailingVisual, trailingAction ? /*#__PURE__*/cloneElement(trailingAction, {
         disabled: trailingAction.props.disabled || disabled
       }) : null]
     })]

package/esm/core/Textarea/index.js

@@ -1,12 +1,10 @@
-import { commaizeNumber } from '../../packages/utils/esm/commaizeNumber.js';
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
-import { isFunction } from '../../packages/utils/esm/isFunction.js';
-import toArray from '../../node_modules/lodash.toarray/index.js';
+import { forcePixelValue, isFunction, commaizeNumber } from '@teamturing/utils';
+import toArray from 'lodash.toarray';
 import { forwardRef, useState, useEffect } from 'react';
 import ReactTextareaAutosize from 'react-textarea-autosize';
 import styled, { css } from 'styled-components';
 import useProvidedOrCreatedRef from '../../hook/useProvidedOrCreatedRef.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Textarea = /*#__PURE__*/forwardRef(({
   validationStatus,
@@ -31,11 +29,11 @@ const Textarea = /*#__PURE__*/forwardRef(({
       setCount(getTextareaLength(inputRef.current.value));
     }
   }, [ref]);
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(TextareaWrapper, {
+  return /*#__PURE__*/jsxs(TextareaWrapper, {
     disabled: disabled,
     onClick: focusInput,
     validationStatus: validationStatus,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(ReactTextareaAutosize, {
+    children: [/*#__PURE__*/jsx(ReactTextareaAutosize, {
       minRows: 1,
       ...props,
       ref: e => {
@@ -44,7 +42,7 @@ const Textarea = /*#__PURE__*/forwardRef(({
       },
       disabled: disabled,
       onChange: handleChange
-    }), /*#__PURE__*/jsxRuntimeExports.jsx(TextareaCount, {
+    }), /*#__PURE__*/jsx(TextareaCount, {
       children: renderCount(count, {
         validationStatus,
         disabled,

package/esm/core/ThemeProvider/index.js

@@ -1,13 +1,13 @@
 import { ThemeProvider as ThemeProvider$1 } from 'styled-components';
 import theme from '../../theme/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const ThemeProvider = ({
   theme: propTheme,
   ...props
 }) => {
   const theme$1 = propTheme ?? theme;
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$1, {
+  return /*#__PURE__*/jsx(ThemeProvider$1, {
     theme: theme$1,
     ...props
   });

package/esm/core/Toast/index.js

@@ -1,9 +1,7 @@
-import 'react';
-import SvgCheckInCircle from '../../packages/icons/esm/CheckInCircle.js';
-import SvgExclamationPointInCircle from '../../packages/icons/esm/ExclamationPointInCircle.js';
+import { CheckInCircleIcon, ExclamationPointInCircleIcon } from '@teamturing/icons';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.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 Toast = ({
@@ -12,13 +10,13 @@ const Toast = ({
   children
 }) => {
   const IconByVariant = {
-    success: SvgCheckInCircle,
-    warning: SvgExclamationPointInCircle
+    success: CheckInCircleIcon,
+    warning: ExclamationPointInCircleIcon
   }[variant];
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseToast, {
+  return /*#__PURE__*/jsxs(BaseToast, {
     variant: variant,
     resizing: resizing,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(IconByVariant, {}), children]
+    children: [/*#__PURE__*/jsx(IconByVariant, {}), children]
   });
 };
 const BaseToast = styled.div(({

package/esm/core/Tooltip/BaseTooltip.js

@@ -1,18 +1,18 @@
-import { useMergeRefs, FloatingPortal, FloatingArrow } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { useMergeRefs, FloatingPortal, FloatingArrow } from '@floating-ui/react';
+import { forcePixelValue } from '@teamturing/utils';
 import { forwardRef, isValidElement, cloneElement } from 'react';
 import styled, { keyframes, useTheme } from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
 import { useTooltip } from './useTooltip.js';
 import { TooltipContext, useTooltipContext } from './useTooltipContext.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 function BaseTooltip({
   children,
   ...options
 }) {
   const tooltip = useTooltip(options);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(TooltipContext.Provider, {
+  return /*#__PURE__*/jsx(TooltipContext.Provider, {
     value: tooltip,
     children: children
   });
@@ -32,7 +32,7 @@ const BaseTooltipTrigger = /*#__PURE__*/forwardRef(function TooltipTrigger({
       'data-state': context.open ? 'open' : 'closed'
     }));
   }
-  return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+  return /*#__PURE__*/jsx("button", {
     ref: ref,
     "data-state": context.open ? 'open' : 'closed',
     ...context.getReferenceProps(props),
@@ -47,15 +47,15 @@ const BaseTooltipContent = /*#__PURE__*/forwardRef(function TooltipContent({
   const context = useTooltipContext();
   const ref = useMergeRefs([context.refs.setFloating, propRef]);
   if (!context.open) return null;
-  return /*#__PURE__*/jsxRuntimeExports.jsx(FloatingPortal, {
-    children: /*#__PURE__*/jsxRuntimeExports.jsxs(StyledBaseTooltipContent, {
+  return /*#__PURE__*/jsx(FloatingPortal, {
+    children: /*#__PURE__*/jsxs(StyledBaseTooltipContent, {
       ref: ref,
       style: {
         ...context.floatingStyles,
         ...style
       },
       ...context.getFloatingProps(props),
-      children: [props.children, /*#__PURE__*/jsxRuntimeExports.jsx(FloatingArrow, {
+      children: [props.children, /*#__PURE__*/jsx(FloatingArrow, {
         ref: context.arrowRef,
         context: context,
         width: 10,

package/esm/core/Tooltip/index.js

@@ -1,5 +1,5 @@
 import { BaseTooltip, BaseTooltipTrigger, BaseTooltipContent } from './BaseTooltip.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Tooltip = ({
   children,
@@ -18,13 +18,13 @@ const Tooltip = ({
     'left': 'left',
     'top-left': 'top-end'
   }[direction];
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseTooltip, {
+  return /*#__PURE__*/jsxs(BaseTooltip, {
     placement: directionToPlacement,
     mouseOnly: mouseOnly,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltipTrigger, {
+    children: [/*#__PURE__*/jsx(BaseTooltipTrigger, {
       className: 'tooltip__tooltip_trigger',
       children: children
-    }), !disabled ? /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltipContent, {
+    }), !disabled ? /*#__PURE__*/jsx(BaseTooltipContent, {
       className: 'tooltip__tooltip_content',
       children: text
     }) : null]

package/esm/core/Tooltip/useTooltip.js

@@ -1,8 +1,6 @@
-import { useFloating, useHover, useFocus, useDismiss, useRole, useInteractions } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
+import { useFloating, autoUpdate, offset, flip, shift, arrow, useHover, useFocus, useDismiss, useRole, useInteractions } from '@floating-ui/react';
 import { useState, useRef, useMemo } from 'react';
 import { useTheme } from 'styled-components';
-import { autoUpdate } from '../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
-import { offset, flip, shift, arrow } from '../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js';
 
 function useTooltip({
   initialOpen = false,

package/esm/enigma/EnigmaUI/index.js

@@ -1,5 +1,4 @@
-import breakpoints from '../../packages/token-studio/esm/token/breakpoints/index.js';
-import '../../packages/token-studio/esm/token/typography/index.js';
+import { breakpoints } from '@teamturing/token-studio';
 import useMediaQuery from '../../hook/useMediaQuery.js';
 import SingleColumnLayout from '../Layout/SingleColumnLayout/index.js';
 import ChipGroupView from '../View/ChipGroupView/index.js';
@@ -8,7 +7,7 @@ import HorizontalDividerView from '../View/HorizontalDividerView/index.js';
 import IconView from '../View/IconView/index.js';
 import ImageView from '../View/ImageView/index.js';
 import TextView from '../View/TextView/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const EnigmaUI = ({
   section: {
@@ -28,7 +27,7 @@ const EnigmaUI = ({
   const viewComponentsObject = Object.fromEntries(views.map(view => {
     return [view.id, getViewComponent(view)];
   }));
-  return /*#__PURE__*/jsxRuntimeExports.jsx(LayoutComponent, {
+  return /*#__PURE__*/jsx(LayoutComponent, {
     layout: layout,
     viewsObject: viewsObject,
     viewComponentsObject: viewComponentsObject

package/esm/enigma/Layout/SingleColumnLayout/index.js

@@ -1,26 +1,26 @@
 import ItemList from '../../../core/ItemList/index.js';
 import Space from '../../../core/Space/index.js';
-import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const SingleColumnLayout = ({
   layout,
   viewsObject,
   viewComponentsObject
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(ItemList, {
+}) => /*#__PURE__*/jsx(ItemList, {
   items: layout.main,
   renderItem: ({
     viewContainerId
   }) => {
     const view = viewsObject[viewContainerId];
     const ViewComponent = viewComponentsObject[viewContainerId];
-    return ViewComponent ? /*#__PURE__*/jsxRuntimeExports.jsx(ViewComponent, {
+    return ViewComponent ? /*#__PURE__*/jsx(ViewComponent, {
       view: view
     }) : null;
   },
   renderItemWrapper: (children, {
     viewContainerId,
     spaceProps
-  }, i) => /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
+  }, i) => /*#__PURE__*/jsx(Space, {
     ...spaceProps,
     children: children
   }, [viewContainerId, `${i}`].join('-'))

package/esm/enigma/View/ChipGroupView/index.js

@@ -2,7 +2,7 @@ import Chip from '../../../core/Chip/index.js';
 import ItemList from '../../../core/ItemList/index.js';
 import Space from '../../../core/Space/index.js';
 import Stack from '../../../core/Stack/index.js';
-import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const ChipGroupView = ({
   view: {
@@ -14,17 +14,17 @@ const ChipGroupView = ({
     },
     spaceProps
   }
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
+}) => /*#__PURE__*/jsx(Space, {
   ...spaceProps,
-  children: /*#__PURE__*/jsxRuntimeExports.jsx(Stack, {
+  children: /*#__PURE__*/jsx(Stack, {
     gapX: chipGroupProps.gapX,
     gapY: chipGroupProps.gapY,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(ItemList, {
+    children: /*#__PURE__*/jsx(ItemList, {
       items: chips,
       renderItem: ({
         text,
         variant
-      }) => /*#__PURE__*/jsxRuntimeExports.jsx(Chip, {
+      }) => /*#__PURE__*/jsx(Chip, {
         size: chipGroupProps.size,
         variant: variant,
         children: text
@@ -32,7 +32,7 @@ const ChipGroupView = ({
       renderItemWrapper: (children, {
         text,
         variant
-      }, i) => /*#__PURE__*/jsxRuntimeExports.jsx(Stack.Item, {
+      }, i) => /*#__PURE__*/jsx(Stack.Item, {
         children: children
       }, `${text}-${variant}-${i}`)
     })

package/esm/enigma/View/GridView/index.js

@@ -1,7 +1,7 @@
 import Grid from '../../../core/Grid/index.js';
 import Space from '../../../core/Space/index.js';
 import { getViewComponent } from '../../EnigmaUI/index.js';
-import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const GridView = ({
   view: {
@@ -9,9 +9,9 @@ const GridView = ({
     gridProps,
     spaceProps
   }
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
+}) => /*#__PURE__*/jsx(Space, {
   ...spaceProps,
-  children: /*#__PURE__*/jsxRuntimeExports.jsx(Grid, {
+  children: /*#__PURE__*/jsx(Grid, {
     ...gridProps,
     children: units.map(({
       views: viewContainers,
@@ -21,11 +21,11 @@ const GridView = ({
       const unitKey = viewContainers.map(({
         id
       }) => id).join(unitKeySeperator);
-      return /*#__PURE__*/jsxRuntimeExports.jsx(Grid.Unit, {
+      return /*#__PURE__*/jsx(Grid.Unit, {
         ...unitProps,
         children: viewContainers.map(viewContainer => {
           const ViewComponent = getViewComponent(viewContainer);
-          return /*#__PURE__*/jsxRuntimeExports.jsx(ViewComponent, {
+          return /*#__PURE__*/jsx(ViewComponent, {
             view: viewContainer.view
           }, viewContainer.id);
         })

package/esm/enigma/View/HorizontalDividerView/index.js

@@ -1,12 +1,12 @@
 import HorizontalDivider from '../../../core/HorizontalDivider/index.js';
-import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const HorizontalDividerView = ({
   view: {
     horizontalDividerProps,
     spaceProps
   }
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(HorizontalDivider, {
+}) => /*#__PURE__*/jsx(HorizontalDivider, {
   ...horizontalDividerProps,
   sx: {
     ...spaceProps

package/esm/enigma/View/IconView/index.js

@@ -1,6 +1,6 @@
-import * as index from '../../../packages/icons/esm/index.js';
+import * as icons from '@teamturing/icons';
 import StyledIcon from '../../../core/StyledIcon/index.js';
-import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const IconView = ({
   view: {
@@ -11,8 +11,8 @@ const IconView = ({
     },
     spaceProps
   }
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(StyledIcon, {
-  icon: index[icon],
+}) => /*#__PURE__*/jsx(StyledIcon, {
+  icon: icons[icon],
   ...iconProps,
   sx: {
     ...spaceProps

package/esm/enigma/View/ImageView/index.js

@@ -1,12 +1,12 @@
 import Image from '../../../core/Image/index.js';
-import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const ImageView = ({
   view: {
     spaceProps,
     ...props
   }
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(Image, {
+}) => /*#__PURE__*/jsx(Image, {
   loading: 'lazy',
   display: 'block',
   ...props,

package/esm/enigma/View/TextView/index.js

@@ -1,5 +1,5 @@
 import Text from '../../../core/Text/index.js';
-import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const TextView = ({
   view: {
@@ -7,7 +7,7 @@ const TextView = ({
     textProps,
     spaceProps
   }
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+}) => /*#__PURE__*/jsx(Text, {
   ...textProps,
   sx: {
     ...spaceProps