@teamturing/react-kit 2.51.3 → 2.51.5

package/esm/core/Grid/index.js

@@ -1,11 +1,9 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
-import { isArray } from '../../packages/utils/esm/isArray.js';
-import { isNullable } from '../../packages/utils/esm/isNullable.js';
+import { forcePixelValue, isNullable, isArray } from '@teamturing/utils';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 import View from '../View/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 Grid = /*#__PURE__*/forwardRef(({
@@ -17,7 +15,7 @@ const Grid = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   const wrap = Array.isArray(propWrap) ? propWrap.map(value => value === true ? 'true' : 'false') : propWrap === true ? 'true' : 'false';
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseGrid, {
+  return /*#__PURE__*/jsx(BaseGrid, {
     ref: ref,
     gapX: gapX,
     gapY: gapY,
@@ -108,7 +106,7 @@ const Unit = ({
     const percentage = Math.round(size * 100 * 10000) / 10000;
     return size === 'max' ? '100%' : size === 'min' ? 'none' : `${percentage}%`;
   };
-  return /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+  return /*#__PURE__*/jsx(View, {
     ...mapValueToResponsiveValueProps(size, value => ({
       display: value === 0 ? 'none' : 'initial',
       flowGrow: getFlexGrowBySize(value),

package/esm/core/HorizontalDivider/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 { jsx } from 'react/jsx-runtime';
 import { border } from '../../node_modules/@styled-system/border/dist/index.esm.js';
 
 const HorizontalDivider = ({
@@ -10,7 +10,7 @@ const HorizontalDivider = ({
   color = 'border/neutral',
   variant = 'solid',
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseHorizontalDivider, {
+}) => /*#__PURE__*/jsx(BaseHorizontalDivider, {
   className: className,
   borderBottomWidth: width,
   borderBottomStyle: variant,

package/esm/core/IconButton/index.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 import Spinner from '../Spinner/index.js';
 import UnstyledButton from '../_UnstyledButton.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 IconButton = /*#__PURE__*/forwardRef(({
@@ -15,7 +15,7 @@ const IconButton = /*#__PURE__*/forwardRef(({
   tabIndex,
   ...props
 }, ref) => {
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconButton, {
+  return /*#__PURE__*/jsx(BaseIconButton, {
     ref: ref,
     icon: Icon,
     size: size,
@@ -25,7 +25,7 @@ const IconButton = /*#__PURE__*/forwardRef(({
     $loading: loading,
     tabIndex: tabIndex,
     ...props,
-    children: !loading ? /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}) : /*#__PURE__*/jsxRuntimeExports.jsx(Spinner, {
+    children: !loading ? /*#__PURE__*/jsx(Icon, {}) : /*#__PURE__*/jsx(Spinner, {
       color: 'currentColor'
     })
   });

package/esm/core/IconToggleButton/index.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 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';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const IconToggleButton = ({
@@ -15,7 +15,7 @@ const IconToggleButton = ({
   disabled = false,
   sx,
   ...props
-}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconToggleButton, {
+}, ref) => /*#__PURE__*/jsx(BaseIconToggleButton, {
   ref: ref,
   icon: Icon,
   size: size,
@@ -27,7 +27,7 @@ const IconToggleButton = ({
   $disabled: disabled,
   sx: sx,
   ...props,
-  children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
+  children: /*#__PURE__*/jsx(Icon, {})
 });
 const BaseIconToggleButton = styled(UnstyledButton)(({
   $disabled,

package/esm/core/ItemList/index.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
 const ItemList = ({
   items,
@@ -7,7 +7,7 @@ const ItemList = ({
   emptyState = null
 }) => {
   if (items.length === 0) return emptyState;
-  return /*#__PURE__*/jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  return /*#__PURE__*/jsx(Fragment, {
     children: items.map((item, i) => renderItemWrapper(renderItem(item, i), item, i))
   });
 };

package/esm/core/MotionView/index.js

@@ -1,5 +1,5 @@
+import { motion } from 'framer-motion';
 import View from '../View/index.js';
-import { motion } from '../../node_modules/framer-motion/dist/es/render/dom/motion.js';
 
 const MotionView = motion(View);
 

package/esm/core/Overlay/index.js

@@ -1,11 +1,11 @@
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { iterateFocusableElements } from '@primer/behaviors/utils';
+import { forcePixelValue } from '@teamturing/utils';
 import { forwardRef, useRef, useImperativeHandle, useCallback, useEffect } from 'react';
 import styled from 'styled-components';
 import { maxHeight } from '../../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';
-import { iterateFocusableElements } from '../../node_modules/@primer/behaviors/dist/esm/utils/iterate-focusable-elements.js';
 
 const Overlay = ({
   children,
@@ -64,7 +64,7 @@ const Overlay = ({
       };
     }
   }, [isOpen, handleOutsideClick]);
-  return isOpen ? /*#__PURE__*/jsxRuntimeExports.jsx(BaseOverlay, {
+  return isOpen ? /*#__PURE__*/jsx(BaseOverlay, {
     ref: overlayRef,
     size: size,
     maxHeight: maxHeight,

package/esm/core/OverlayPopper/index.js

@@ -1,14 +1,12 @@
-import { useFloating } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
-import { isFunction } from '../../packages/utils/esm/isFunction.js';
+import { useFloating, autoUpdate, offset, flip, shift } from '@floating-ui/react';
+import { isFunction } from '@teamturing/utils';
 import { Children, cloneElement } from 'react';
 import { useTheme } from 'styled-components';
 import useDelayedFunction from '../../hook/useDelayedFunction.js';
 import useFocusTrap from '../../hook/useFocusTrap.js';
 import useFocusZone from '../../hook/useFocusZone.js';
 import useToggleState from '../../hook/useToggleState.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
-import { autoUpdate } from '../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
-import { offset, flip, shift } from '../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js';
+import { jsxs, Fragment } from 'react/jsx-runtime';
 
 const OverlayPopper = ({
   children: propChildren,
@@ -99,7 +97,7 @@ const OverlayPopper = ({
     disabled: !isOpen || !isPositioned,
     ...focusTrapSettings
   });
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+  return /*#__PURE__*/jsxs(Fragment, {
     children: [children, renderOverlay({
       ref: refs.setFloating,
       isOpen,

package/esm/core/Pagination/index.js

@@ -1,13 +1,11 @@
+import { ChevronLeftIcon, ChevronRightIcon } from '@teamturing/icons';
+import { forcePixelValue, noop } from '@teamturing/utils';
 import { useCallback, Fragment } 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 { noop } from '../../packages/utils/esm/noop.js';
 import styled, { css } from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
 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 { jsxs, jsx } from 'react/jsx-runtime';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const Pagination = ({
@@ -20,7 +18,7 @@ const Pagination = ({
   onPageClick = noop,
   onPreviousClick = noop,
   onNextClick = noop,
-  renderPage = (page, i) => /*#__PURE__*/jsxRuntimeExports.jsx(PaginationPage, {
+  renderPage = (page, i) => /*#__PURE__*/jsx(PaginationPage, {
     type: 'button',
     onClick: () => onPageClick(page, i),
     selected: i === currentPageIndex,
@@ -28,22 +26,22 @@ const Pagination = ({
   }),
   renderPageWrapper = (children, {
     label
-  }, i) => /*#__PURE__*/jsxRuntimeExports.jsx(Fragment, {
+  }, i) => /*#__PURE__*/jsx(Fragment, {
     children: children
   }, [label, i].join('-')),
   renderPreviousPageDirection = ({
     previousPageDirectionProps
-  }) => /*#__PURE__*/jsxRuntimeExports.jsxs(PaginationPageDirection, {
+  }) => /*#__PURE__*/jsxs(PaginationPageDirection, {
     ...previousPageDirectionProps,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(SvgChevronLeft, {}), "\uC774\uC804"]
+    children: [/*#__PURE__*/jsx(ChevronLeftIcon, {}), "\uC774\uC804"]
   }),
   renderNextPageDirection = ({
     nextPageDirectionProps
-  }) => /*#__PURE__*/jsxRuntimeExports.jsxs(PaginationPageDirection, {
+  }) => /*#__PURE__*/jsxs(PaginationPageDirection, {
     ...nextPageDirectionProps,
-    children: ["\uB2E4\uC74C", /*#__PURE__*/jsxRuntimeExports.jsx(SvgChevronRight, {})]
+    children: ["\uB2E4\uC74C", /*#__PURE__*/jsx(ChevronRightIcon, {})]
   }),
-  renderTruncationIndicator = () => /*#__PURE__*/jsxRuntimeExports.jsx(PaginationTruncationIndicator, {
+  renderTruncationIndicator = () => /*#__PURE__*/jsx(PaginationTruncationIndicator, {
     children: "\u2026"
   })
 }) => {
@@ -58,7 +56,7 @@ const Pagination = ({
   const isCurrentPageCloseToEndEdge = totalPageCount - (edgePageCount + aroundPageCount + CURRENT_PAGE_COUNT) < currentPageIndex + 1;
   const isTruncationNeeded = totalVisiblePageCount < totalPageCount;
   const renderPaginationPage = useCallback((page, i) => renderPageWrapper(renderPage(page, i), page, i), [currentPageIndex]);
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(BasePagination, {
+  return /*#__PURE__*/jsxs(BasePagination, {
     type: type,
     sx: sx,
     children: [renderPreviousPageDirection({
@@ -73,7 +71,7 @@ const Pagination = ({
     }) => renderPaginationPage(page, originalIndex)) : isTruncationNeeded && isCurrentPageCloseToBeginEdge ? [pages.slice(0, edgePageCount + aroundPageCount * 2 + CURRENT_PAGE_COUNT).map(({
       page,
       originalIndex
-    }) => renderPaginationPage(page, originalIndex)), /*#__PURE__*/jsxRuntimeExports.jsx(Fragment, {
+    }) => renderPaginationPage(page, originalIndex)), /*#__PURE__*/jsx(Fragment, {
       children: renderTruncationIndicator()
     }, 'end_truncation_indicator'), pages.slice(edgePageCount * -1).map(({
       page,
@@ -81,7 +79,7 @@ const Pagination = ({
     }) => renderPaginationPage(page, originalIndex))] : isTruncationNeeded && isCurrentPageCloseToEndEdge ? [pages.slice(0, edgePageCount).map(({
       page,
       originalIndex
-    }) => renderPaginationPage(page, originalIndex)), /*#__PURE__*/jsxRuntimeExports.jsx(Fragment, {
+    }) => renderPaginationPage(page, originalIndex)), /*#__PURE__*/jsx(Fragment, {
       children: renderTruncationIndicator()
     }, 'begin_truncation_indicator'), pages.slice(totalPageCount - (edgePageCount + aroundPageCount * 2 + CURRENT_PAGE_COUNT)).map(({
       page,
@@ -89,12 +87,12 @@ const Pagination = ({
     }) => renderPaginationPage(page, originalIndex))] : [pages.slice(0, edgePageCount).map(({
       page,
       originalIndex
-    }) => renderPaginationPage(page, originalIndex)), /*#__PURE__*/jsxRuntimeExports.jsx(Fragment, {
+    }) => renderPaginationPage(page, originalIndex)), /*#__PURE__*/jsx(Fragment, {
       children: renderTruncationIndicator()
     }, 'begin_truncation_indicator'), pages.slice(currentPageIndex - aroundPageCount, currentPageIndex + aroundPageCount + CURRENT_PAGE_COUNT).map(({
       page,
       originalIndex
-    }) => renderPaginationPage(page, originalIndex)), /*#__PURE__*/jsxRuntimeExports.jsx(Fragment, {
+    }) => renderPaginationPage(page, originalIndex)), /*#__PURE__*/jsx(Fragment, {
       children: renderTruncationIndicator()
     }, 'end_truncation_indicator'), pages.slice(edgePageCount * -1).map(({
       page,

package/esm/core/Pill/index.js

@@ -1,13 +1,12 @@
+import { CloseIcon } from '@teamturing/icons';
+import { forcePixelValue, isNullable } from '@teamturing/utils';
 import { forwardRef, useCallback } from 'react';
-import SvgClose from '../../packages/icons/esm/Close.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 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 Pill = ({
@@ -18,7 +17,7 @@ const Pill = ({
   leadingVisual: LeadingVisual,
   trailingVisual: TrailingVisual,
   onRemove: propOnRemove,
-  removeIcon: RemoveIcon = SvgClose,
+  removeIcon: RemoveIcon = CloseIcon,
   ...props
 }, ref) => {
   const handleRemove = useCallback(event => {
@@ -34,7 +33,7 @@ const Pill = ({
       handleRemove(event);
     }
   }, [handleRemove, disabled]);
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(BasePill, {
+  return /*#__PURE__*/jsxs(BasePill, {
     ref: ref,
     size: size,
     variant: variant,
@@ -43,13 +42,13 @@ const Pill = ({
     disabled: disabled,
     ...props,
     type: 'button',
-    children: [typeof LeadingVisual !== 'string' && reactIsExports.isValidElementType(LeadingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingVisual, {
+    children: [typeof LeadingVisual !== 'string' && isValidElementType(LeadingVisual) ? /*#__PURE__*/jsx(LeadingVisual, {
       className: 'pill__leading_visual'
-    }) : LeadingVisual, /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+    }) : LeadingVisual, /*#__PURE__*/jsx("span", {
       children: children
-    }), typeof TrailingVisual !== 'string' && reactIsExports.isValidElementType(TrailingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingVisual, {
+    }), typeof TrailingVisual !== 'string' && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {
       className: 'pill__trailing_visual'
-    }) : TrailingVisual, propOnRemove ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    }) : TrailingVisual, propOnRemove ? /*#__PURE__*/jsx("div", {
       className: 'pill__remove_button',
       onClick: e => {
         e.preventDefault();
@@ -68,7 +67,7 @@ const Pill = ({
       role: 'button',
       "aria-disabled": disabled,
       tabIndex: disabled ? -1 : 0,
-      children: /*#__PURE__*/jsxRuntimeExports.jsx(RemoveIcon, {
+      children: /*#__PURE__*/jsx(RemoveIcon, {
         className: 'pill__remove_button__icon'
       })
     }) : null]

package/esm/core/Radio/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, { css } 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 Radio = ({
   checked,
@@ -11,7 +11,7 @@ const Radio = ({
   ...props
 }, ref) => {
   const radioRef = useProvidedOrCreatedRef(ref);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseRadio, {
+  return /*#__PURE__*/jsx(BaseRadio, {
     ref: radioRef,
     checked: checked,
     validationStatus: validationStatus,

package/esm/core/SearchSelectInput/index.js

@@ -1,13 +1,7 @@
+import { SearchIcon, ChevronDownIcon } from '@teamturing/icons';
+import { forcePixelValue, isArray, isNullable, scrollIntoView, noop, isFunction } from '@teamturing/utils';
 import { forwardRef, useRef } from 'react';
-import SvgChevronDown from '../../packages/icons/esm/ChevronDown.js';
-import SvgSearch from '../../packages/icons/esm/Search.js';
-import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
-import { isArray } from '../../packages/utils/esm/isArray.js';
-import { isFunction } from '../../packages/utils/esm/isFunction.js';
-import { isNullable } from '../../packages/utils/esm/isNullable.js';
-import { noop } from '../../packages/utils/esm/noop.js';
-import { scrollIntoView } from '../../packages/utils/esm/scrollIntoView.js';
-import { r as reactIsExports } from '../../node_modules/react-is/index.js';
+import { isValidElementType } from 'react-is';
 import styled, { css, useTheme } from 'styled-components';
 import useDevice from '../../hook/useDevice.js';
 import useProvidedOrCreatedRef from '../../hook/useProvidedOrCreatedRef.js';
@@ -18,7 +12,7 @@ import Space from '../Space/index.js';
 import StyledIcon from '../StyledIcon/index.js';
 import TextInput from '../TextInput/index.js';
 import View from '../View/index.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 const SearchSelectInput = ({
   validationStatus,
@@ -32,7 +26,7 @@ const SearchSelectInput = ({
   overlayProps: propOverlayProps,
   searchInputProps,
   value,
-  renderValue = value => /*#__PURE__*/jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  renderValue = value => /*#__PURE__*/jsx(Fragment, {
     children: value
   }),
   onChange,
@@ -78,7 +72,7 @@ const SearchSelectInput = ({
   const listContainerRef = useRef(null);
   const searchInputRef = useRef(null);
   const activeDescendantRef = useRef();
-  return /*#__PURE__*/jsxRuntimeExports.jsx(OverlayPopper, {
+  return /*#__PURE__*/jsx(OverlayPopper, {
     focusTrapSettings: {
       initialFocusRef: isDesktop ? searchInputRef : dummyRef,
       restoreFocusOnCleanUp: true,
@@ -115,7 +109,7 @@ const SearchSelectInput = ({
     onClose: handleClose,
     renderOverlay: (overlayProps, overlayHandler, {
       elements
-    }) => /*#__PURE__*/jsxRuntimeExports.jsxs(Overlay, {
+    }) => /*#__PURE__*/jsxs(Overlay, {
       ...propOverlayProps,
       ...overlayProps,
       maxHeight: 300,
@@ -133,20 +127,20 @@ const SearchSelectInput = ({
           overlayHandler.closeOverlay();
         }
       },
-      children: [!isDesktop ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: [!isDesktop ? /*#__PURE__*/jsx(View, {
         "aria-hidden": true,
         ref: dummyRef,
         tabIndex: 0
-      }) : null, /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
+      }) : null, /*#__PURE__*/jsx(Space, {
         p: 2,
         sx: {
           flexGrow: 0,
           flexShrink: 0,
           flexBasis: 'auto'
         },
-        children: /*#__PURE__*/jsxRuntimeExports.jsx(TextInput, {
+        children: /*#__PURE__*/jsx(TextInput, {
           ref: searchInputRef,
-          leadingVisual: SvgSearch,
+          leadingVisual: SearchIcon,
           onKeyDown: e => {
             if (e.code === 'Enter' && activeDescendantRef.current) {
               const activeDescendantEvent = new KeyboardEvent(e.type, e.nativeEvent);
@@ -156,7 +150,7 @@ const SearchSelectInput = ({
           },
           ...searchInputProps
         })
-      }), /*#__PURE__*/jsxRuntimeExports.jsx(HorizontalDivider, {}), /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      }), /*#__PURE__*/jsx(HorizontalDivider, {}), /*#__PURE__*/jsx(View, {
         ref: listContainerRef,
         sx: {
           flexGrow: 1,
@@ -169,7 +163,7 @@ const SearchSelectInput = ({
         }, overlayHandler)
       })]
     }),
-    children: popperProps => /*#__PURE__*/jsxRuntimeExports.jsxs(TextInputWrapper, {
+    children: popperProps => /*#__PURE__*/jsxs(TextInputWrapper, {
       ...(disabled ? {} : {
         ...popperProps,
         onClick: e => {
@@ -181,7 +175,7 @@ const SearchSelectInput = ({
       disabled: disabled,
       hasLeadingVisual: hasLeadingVisual,
       validationStatus: validationStatus,
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: [/*#__PURE__*/jsx(View, {
         sx: {
           'flexShrink': 0,
           'fontSize': 'xxs',
@@ -194,8 +188,8 @@ const SearchSelectInput = ({
             color: 'icon/neutral/bold'
           }
         },
-        children: typeof LeadingVisual !== 'string' && reactIsExports.isValidElementType(LeadingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingVisual, {}) : LeadingVisual
-      }), /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+        children: typeof LeadingVisual !== 'string' && isValidElementType(LeadingVisual) ? /*#__PURE__*/jsx(LeadingVisual, {}) : LeadingVisual
+      }), /*#__PURE__*/jsxs(View, {
         sx: {
           display: 'flex',
           alignItems: 'center',
@@ -208,7 +202,7 @@ const SearchSelectInput = ({
           width: '100%',
           cursor: disabled ? 'not-allowed' : 'default'
         },
-        children: [isVisibleValueExist ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+        children: [isVisibleValueExist ? /*#__PURE__*/jsx(View, {
           sx: {
             flex: '0 1 auto',
             maxWidth: '100%',
@@ -217,7 +211,7 @@ const SearchSelectInput = ({
             overflow: 'hidden'
           },
           children: value && renderValue(value)
-        }) : null, /*#__PURE__*/jsxRuntimeExports.jsx(BaseInput, {
+        }) : null, /*#__PURE__*/jsx(BaseInput, {
           id: id,
           ref: labelInputRef,
           readOnly: true,
@@ -229,7 +223,7 @@ const SearchSelectInput = ({
           },
           placeholder: isVisibleValueExist ? '' : placeholder
         })]
-      }), /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      }), /*#__PURE__*/jsx(View, {
         sx: {
           position: 'absolute',
           top: '50%',
@@ -237,12 +231,12 @@ const SearchSelectInput = ({
           right: 4,
           pointerEvents: 'none'
         },
-        children: typeof TrailingVisual !== 'string' && reactIsExports.isValidElementType(TrailingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingVisual, {}) : TrailingVisual ? TrailingVisual : /*#__PURE__*/jsxRuntimeExports.jsx(StyledIcon, {
-          icon: SvgChevronDown,
+        children: typeof TrailingVisual !== 'string' && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {}) : TrailingVisual ? TrailingVisual : /*#__PURE__*/jsx(StyledIcon, {
+          icon: ChevronDownIcon,
           color: disabled ? 'icon/disabled' : 'icon/neutral/bolder',
           size: 16
         })
-      }), /*#__PURE__*/jsxRuntimeExports.jsx(BaseInput, {
+      }), /*#__PURE__*/jsx(BaseInput, {
         ref: e => {
           isFunction(ref) ? ref(e) : null;
           valueInputRef.current = e;

package/esm/core/Select/SelectOption.js

@@ -1,13 +1,13 @@
-import { isNullable } from '../../packages/utils/esm/isNullable.js';
+import { isNullable } from '@teamturing/utils';
 import styled from 'styled-components';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 
 const SelectOption = ({
   children: propChildren,
   ...props
 }) => {
   const children = isNullable(propChildren) ? props.label : propChildren;
-  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseSelectOption, {
+  return /*#__PURE__*/jsx(BaseSelectOption, {
     ...props,
     children: children
   });

package/esm/core/Select/index.js

@@ -1,15 +1,13 @@
+import { ChevronDownIcon } from '@teamturing/icons';
+import { forcePixelValue, isNullable, isFunction } from '@teamturing/utils';
 import { forwardRef, useState, useEffect } from 'react';
-import SvgChevronDown from '../../packages/icons/esm/ChevronDown.js';
-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 { r as reactIsExports } from '../../node_modules/react-is/index.js';
+import { isValidElementType } from 'react-is';
 import styled, { css } from 'styled-components';
 import useProvidedOrCreatedRef from '../../hook/useProvidedOrCreatedRef.js';
 import StyledIcon from '../StyledIcon/index.js';
 import View from '../View/index.js';
 import SelectOption from './SelectOption.js';
-import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Select = ({
   children,
@@ -31,13 +29,13 @@ const Select = ({
       setIsValueEmpty(selectRef.current.value === PLACEHOLDER_VALUE);
     }
   }, [selectRef.current]);
-  return /*#__PURE__*/jsxRuntimeExports.jsxs(SelectWrapper, {
+  return /*#__PURE__*/jsxs(SelectWrapper, {
     disabled: disabled,
     onClick: focusSelect,
     hasLeadingVisual: !isNullable(LeadingVisual),
     validationStatus: validationStatus,
     isValueEmpty: isValueEmpty,
-    children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
+    children: [/*#__PURE__*/jsx(View, {
       sx: {
         'flexShrink': 0,
         'fontSize': 'xxs',
@@ -50,8 +48,8 @@ const Select = ({
           color: 'icon/neutral/bold'
         }
       },
-      children: typeof LeadingVisual !== 'string' && reactIsExports.isValidElementType(LeadingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingVisual, {}) : LeadingVisual
-    }), /*#__PURE__*/jsxRuntimeExports.jsxs(BaseSelect, {
+      children: typeof LeadingVisual !== 'string' && isValidElementType(LeadingVisual) ? /*#__PURE__*/jsx(LeadingVisual, {}) : LeadingVisual
+    }), /*#__PURE__*/jsxs(BaseSelect, {
       ref: e => {
         isFunction(ref) ? ref(e) : null;
         selectRef.current = e;
@@ -69,12 +67,12 @@ const Select = ({
           }
         }
       },
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(SelectOption, {
+      children: [/*#__PURE__*/jsx(SelectOption, {
         label: placeholder,
         value: PLACEHOLDER_VALUE,
         disabled: disabledPlaceholderOption
       }), children]
-    }), /*#__PURE__*/jsxRuntimeExports.jsx(StyledIcon, {
+    }), /*#__PURE__*/jsx(StyledIcon, {
       sx: {
         position: 'absolute',
         top: '50%',
@@ -82,7 +80,7 @@ const Select = ({
         right: 4,
         pointerEvents: 'none'
       },
-      icon: SvgChevronDown,
+      icon: ChevronDownIcon,
       color: disabled ? 'icon/disabled' : 'icon/neutral/bolder',
       size: 16
     })]

package/esm/core/Spinner/index.js

@@ -1,5 +1,4 @@
-import 'react';
-import SvgProgressGradient from '../../packages/icons/esm/ProgressGradient.js';
+import { ProgressGradientIcon } from '@teamturing/icons';
 import styled, { keyframes } from 'styled-components';
 
 const spin = keyframes`
@@ -10,7 +9,7 @@ const spin = keyframes`
     transform: rotate(360deg);
   }
 `;
-const Spinner = styled(SvgProgressGradient)`
+const Spinner = styled(ProgressGradientIcon)`
   color: ${({
   theme
 }) => theme.colors['icon/neutral']};

package/esm/core/Stack/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 View from '../View/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 Stack = /*#__PURE__*/forwardRef(({
@@ -14,7 +14,7 @@ const Stack = /*#__PURE__*/forwardRef(({
   alignItems = 'center',
   sx,
   ...props
-}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseStack, {
+}, ref) => /*#__PURE__*/jsx(BaseStack, {
   ref: ref,
   alignItems: alignItems,
   gapX: gapX,
@@ -57,7 +57,7 @@ const BaseStack = styled(View)({
 const Item = ({
   children,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+}) => /*#__PURE__*/jsx(View, {
   ...props,
   children: children
 });