@teamturing/react-kit 1.2.1 → 1.2.2

package/esm/_virtual/jsx-runtime.js

@@ -0,0 +1,3 @@
+var jsxRuntime = {exports: {}};
+
+export { jsxRuntime as __module };

package/esm/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1,3 @@
+var reactJsxRuntime_development = {};
+
+export { reactJsxRuntime_development as __exports };

package/esm/_virtual/react-jsx-runtime.production.min.js

@@ -0,0 +1,3 @@
+var reactJsxRuntime_production_min = {};
+
+export { reactJsxRuntime_production_min as __exports };

package/esm/core/Button/index.js

@@ -1,4 +1,3 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import color from '../../packages/token-studio/esm/token/color/index.js';
 import radii from '../../packages/token-studio/esm/token/radii/index.js';
 import typography from '../../packages/token-studio/esm/token/typography/index.js';
@@ -8,6 +7,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 { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const Button = /*#__PURE__*/forwardRef(({
@@ -21,7 +21,7 @@ const Button = /*#__PURE__*/forwardRef(({
   children,
   ...props
 }, ref) => {
-  return /*#__PURE__*/React.createElement(BaseButton, _extends({
+  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseButton, {
     ref: ref,
     size: size,
     disabled: disabled || loading,
@@ -30,31 +30,35 @@ const Button = /*#__PURE__*/forwardRef(({
     variant: variant,
     leadingIcon: LeadingIcon,
     trailingIcon: TrailingIcon,
-    fillWidth: fillWidth
-  }, props), /*#__PURE__*/React.createElement(View, {
-    sx: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-      columnGap: 1,
-      visibility: !loading ? 'initial' : 'hidden'
-    }
-  }, LeadingIcon ? /*#__PURE__*/React.createElement(LeadingIcon, null) : null, children, TrailingIcon ? /*#__PURE__*/React.createElement(TrailingIcon, null) : null), loading ? /*#__PURE__*/React.createElement(View, {
-    sx: {
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0,
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/React.createElement(BaseSpinner, {
-    size: size,
-    variant: variant
-  })) : null);
+    fillWidth: fillWidth,
+    ...props,
+    children: [/*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+      sx: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        columnGap: 1,
+        visibility: !loading ? 'initial' : 'hidden'
+      },
+      children: [LeadingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingIcon, {}) : null, children, TrailingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingIcon, {}) : null]
+    }), loading ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      sx: {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/jsxRuntimeExports.jsx(BaseSpinner, {
+        size: size,
+        variant: variant
+      })
+    }) : null]
+  });
 });
 const BaseButton = Qe(UnstyledButton)(({
   $loading,

package/esm/core/Chip/index.js

@@ -4,6 +4,7 @@ import typography from '../../packages/token-studio/esm/token/typography/index.j
 import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
 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 { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const Chip = ({
@@ -13,13 +14,14 @@ const Chip = ({
   leadingIcon: LeadingIcon,
   trailingIcon: TrailingIcon,
   sx
-}) => /*#__PURE__*/React.createElement(BaseChip, {
+}) => /*#__PURE__*/jsxRuntimeExports.jsxs(BaseChip, {
   sx: sx,
   size: size,
   variant: variant,
   leadingIcon: LeadingIcon,
-  trailingIcon: TrailingIcon
-}, LeadingIcon ? /*#__PURE__*/React.createElement(LeadingIcon, null) : null, children, TrailingIcon ? /*#__PURE__*/React.createElement(TrailingIcon, null) : null);
+  trailingIcon: TrailingIcon,
+  children: [LeadingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingIcon, {}) : null, children, TrailingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingIcon, {}) : null]
+});
 const BaseChip = Qe.span({
   position: 'relative',
   width: 'fit-content',

package/esm/core/Grid/index.js

@@ -1,4 +1,3 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import space from '../../packages/token-studio/esm/token/space/index.js';
 import { forwardRef } from 'react';
 import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
@@ -7,6 +6,7 @@ import { forcePixelValue } from '../../utils/forcePixelValue.js';
 import { isArray } from '../../utils/isArray.js';
 import { isNullable } from '../../utils/isNullable.js';
 import View from '../View/index.js';
+import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const Grid = /*#__PURE__*/forwardRef(({
@@ -18,13 +18,15 @@ const Grid = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   const wrap = Array.isArray(propWrap) ? propWrap.map(value => value === true ? 'true' : 'false') : propWrap === true ? 'true' : 'false';
-  return /*#__PURE__*/React.createElement(BaseGrid, _extends({
+  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseGrid, {
     ref: ref,
     gapX: gapX,
     gapY: gapY,
     wrap: wrap,
-    as: as
-  }, props), children);
+    as: as,
+    ...props,
+    children: children
+  });
 });
 const BaseGrid = Qe(View)({
   display: 'flex',
@@ -88,16 +90,19 @@ const Unit = ({
     const percentage = Math.round(size * 100 * 10000) / 10000;
     return size === 'max' ? '100%' : size === 'min' ? 'none' : `${percentage}%`;
   };
-  return /*#__PURE__*/React.createElement(View, _extends({}, mapValueToResponsiveValueProps(size, value => ({
-    display: value === 0 ? 'none' : 'initial',
-    flowGrow: getFlexGrowBySize(value),
-    flex: getFlexBySize(value),
-    flexBasis: getFlexBasisBySize(value),
-    width: getWidthBySize(value),
-    maxWidth: getMaxWidthBySize(value)
-  })), {
-    as: as
-  }, props), children);
+  return /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+    ...mapValueToResponsiveValueProps(size, value => ({
+      display: value === 0 ? 'none' : 'initial',
+      flowGrow: getFlexGrowBySize(value),
+      flex: getFlexBySize(value),
+      flexBasis: getFlexBasisBySize(value),
+      width: getWidthBySize(value),
+      maxWidth: getMaxWidthBySize(value)
+    })),
+    as: as,
+    ...props,
+    children: children
+  });
 };
 var index = Object.assign(Grid, {
   Unit

package/esm/core/IconButton/index.js

@@ -1,4 +1,3 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import color from '../../packages/token-studio/esm/token/color/index.js';
 import radii from '../../packages/token-studio/esm/token/radii/index.js';
 import { forwardRef } from 'react';
@@ -6,6 +5,7 @@ import Qe from '../../node_modules/styled-components/dist/styled-components.esm.
 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 { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const IconButton = /*#__PURE__*/forwardRef(({
@@ -17,7 +17,7 @@ const IconButton = /*#__PURE__*/forwardRef(({
   type = 'button',
   ...props
 }, ref) => {
-  return /*#__PURE__*/React.createElement(BaseIconButton, _extends({
+  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconButton, {
     ref: ref,
     type: type,
     icon: Icon,
@@ -25,10 +25,12 @@ const IconButton = /*#__PURE__*/forwardRef(({
     variant: variant,
     disabled: disabled || loading,
     $disabled: disabled,
-    $loading: loading
-  }, props), !loading ? /*#__PURE__*/React.createElement(Icon, null) : /*#__PURE__*/React.createElement(Spinner, {
-    color: 'currentColor'
-  }));
+    $loading: loading,
+    ...props,
+    children: !loading ? /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}) : /*#__PURE__*/jsxRuntimeExports.jsx(Spinner, {
+      color: 'currentColor'
+    })
+  });
 });
 const BaseIconButton = Qe(UnstyledButton)(({
   $loading,

package/esm/core/IconToggleButton/index.js

@@ -1,10 +1,10 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import color from '../../packages/token-studio/esm/token/color/index.js';
 import radii from '../../packages/token-studio/esm/token/radii/index.js';
 import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
 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 { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const IconToggleButton = ({
@@ -16,7 +16,7 @@ const IconToggleButton = ({
   sx,
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement(BaseIconToggleButton, _extends({
+  return /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconToggleButton, {
     icon: Icon,
     size: size,
     variant: variant,
@@ -24,8 +24,10 @@ const IconToggleButton = ({
     type: 'button',
     disabled: disabled,
     $disabled: disabled,
-    sx: sx
-  }, props), /*#__PURE__*/React.createElement(Icon, null));
+    sx: sx,
+    ...props,
+    children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
+  });
 };
 const BaseIconToggleButton = Qe(UnstyledButton)(({
   $disabled

package/esm/core/ItemList/index.js

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

package/esm/core/Stack/index.js

@@ -1,10 +1,10 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import space from '../../packages/token-studio/esm/token/space/index.js';
 import { forwardRef } from 'react';
 import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
 import '../../node_modules/styled-system/dist/index.esm.js';
 import { forcePixelValue } from '../../utils/forcePixelValue.js';
 import View from '../View/index.js';
+import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const Stack = /*#__PURE__*/forwardRef(({
@@ -13,12 +13,14 @@ const Stack = /*#__PURE__*/forwardRef(({
   children,
   alignItems = 'center',
   ...props
-}, ref) => /*#__PURE__*/React.createElement(BaseStack, _extends({
+}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseStack, {
   ref: ref,
   alignItems: alignItems,
   gapX: gapX,
-  gapY: gapY
-}, props), children));
+  gapY: gapY,
+  ...props,
+  children: children
+}));
 const BaseStack = Qe(View)({
   display: 'flex',
   flexDirection: 'row',
@@ -49,7 +51,10 @@ const BaseStack = Qe(View)({
 const Item = ({
   children,
   ...props
-}) => /*#__PURE__*/React.createElement(View, props, children);
+}) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+  ...props,
+  children: children
+});
 var index = Object.assign(Stack, {
   Item
 });

package/esm/core/StyledIcon/index.js

@@ -1,11 +1,12 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import View from '../View/index.js';
+import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
 
 const StyledIcon = ({
   icon: Icon,
   sx,
   ...props
-}) => /*#__PURE__*/React.createElement(View, _extends({}, props, {
+}) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+  ...props,
   color: props.color,
   sx: {
     '& svg': {
@@ -14,7 +15,8 @@ const StyledIcon = ({
       height: '100%'
     },
     ...sx
-  }
-}), /*#__PURE__*/React.createElement(Icon, null));
+  },
+  children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
+});
 
 export { StyledIcon as default };