armtek-uikit-react 1.0.154 → 1.0.155

package/ui/Pagination/Pagination.js

@@ -1,19 +1,17 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.Pagination = void 0;
-var _Stack = _interopRequireDefault(require("../Stack"));
-var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
-var _react = require("react");
-var _Icon = require("../Icon");
-var _Button = _interopRequireDefault(require("../Button"));
-var _Popover = _interopRequireDefault(require("../Popover"));
-var _List = _interopRequireDefault(require("../List"));
-var _jsxRuntime = require("react/jsx-runtime");
+import Stack from "../Stack";
+import ButtonIcon from "../ButtonIcon";
+import { useRef, useState } from 'react';
+import { Mi } from "../Icon";
+import Button from "../Button";
+import Popover from "../Popover";
+import ListItem from "../List";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const MAX_DISPLAY = 5;
-const Pagination = props => {
+export const Pagination = props => {
   const {
     pageSize,
     pageSizes,
@@ -38,68 +36,68 @@ const Pagination = props => {
     if (selectedPage !== page) onChange(selectedPage);
   };
   if (total <= 1) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(Stack, {
       spacing: 'small',
-      children: [pageSizes && onPageSizeSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationPerPage, {
+      children: [pageSizes && onPageSizeSelect && /*#__PURE__*/_jsx(PaginationPerPage, {
         ...props,
         pageSizes: pageSizes,
         onPageSizeSelect: onPageSizeSelect
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
+      }), /*#__PURE__*/_jsxs(Stack, {
         center: true,
         ...stackProps,
-        children: [page > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+        children: [page > 1 && /*#__PURE__*/_jsx(ButtonIcon, {
           onClick: handleClick(page - 1),
           size: 'small',
           variant: 'transparent',
           color: 'neutral',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
+          children: /*#__PURE__*/_jsx(Mi, {
             icon: 'chevron_left'
           })
-        }), displayFirst && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+        }), displayFirst && /*#__PURE__*/_jsx(ButtonIcon, {
           onClick: handleClick(1),
           size: 'small',
           variant: 'transparent',
           color: 'neutral',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/_jsx("div", {
             className: 'arm-pagination__item',
             children: "1"
           })
-        }), displayFirstDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+        }), displayFirstDots && /*#__PURE__*/_jsx(ButtonIcon, {
           size: 'small',
           disabled: true,
           children: "..."
         }), pageArr.map(item => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+          return /*#__PURE__*/_jsx(ButtonIcon, {
             onClick: handleClick(item),
             size: 'small',
             className: page === item ? 'bg-gray-100' : '',
             variant: 'transparent',
             color: 'neutral',
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/_jsx("div", {
               className: 'arm-pagination__item',
               children: item
             })
           }, item);
-        }), displayLastDots && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+        }), displayLastDots && /*#__PURE__*/_jsx(ButtonIcon, {
           size: 'small',
           disabled: true,
           children: "..."
-        }), displayLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+        }), displayLast && /*#__PURE__*/_jsx(ButtonIcon, {
           onClick: handleClick(total),
           size: 'small',
           variant: 'transparent',
           color: 'neutral',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/_jsx("div", {
             className: 'arm-pagination__item',
             children: total
           })
-        }), page !== total && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+        }), page !== total && /*#__PURE__*/_jsx(ButtonIcon, {
           onClick: handleClick(page + 1),
           size: 'small',
           variant: 'transparent',
           color: 'neutral',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
+          children: /*#__PURE__*/_jsx(Mi, {
             icon: 'chevron_right'
           })
         })]
@@ -107,7 +105,6 @@ const Pagination = props => {
     })
   });
 };
-exports.Pagination = Pagination;
 const PaginationPerPage = props => {
   const {
     pageSize,
@@ -115,31 +112,31 @@ const PaginationPerPage = props => {
     pageSizeLabel,
     onPageSizeSelect
   } = props;
-  const [visible, setVisible] = (0, _react.useState)(false);
-  const btnRef = (0, _react.useRef)(null);
+  const [visible, setVisible] = useState(false);
+  const btnRef = useRef(null);
   const handleClose = () => setVisible(false);
   const handleClick = item => {
     onPageSizeSelect(item);
     handleClose();
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
+  return /*#__PURE__*/_jsxs(Stack, {
     spacing: 'small',
     center: true,
     className: 'flex items-center',
-    children: [pageSizeLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [pageSizeLabel && /*#__PURE__*/_jsx("div", {
       className: 'text-small',
       children: pageSizeLabel
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    }), /*#__PURE__*/_jsx(Button, {
       variant: 'transparent',
       onClick: () => setVisible(true),
       ref: btnRef,
-      endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Mi, {
+      endAdornment: /*#__PURE__*/_jsx(Mi, {
         icon: 'expand_more'
       }),
       size: 'small',
       color: 'neutral',
       children: pageSize
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+    }), /*#__PURE__*/_jsx(Popover, {
       placement: 'bottom',
       open: visible,
       anchorEl: btnRef.current,
@@ -147,7 +144,7 @@ const PaginationPerPage = props => {
       classes: {
         paper: 'p-0'
       },
-      children: pageSizes.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
+      children: pageSizes.map(item => /*#__PURE__*/_jsx(ListItem, {
         onClick: () => handleClick(item),
         active: item === pageSize,
         children: item
@@ -155,4 +152,4 @@ const PaginationPerPage = props => {
     })]
   });
 };
-var _default = exports.default = Pagination;
+export default Pagination;

package/ui/Pagination/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Pagination = _interopRequireDefault(require("./Pagination"));
-exports.default = _Pagination.default;
-module.exports = exports.default;
+export { default } from "./Pagination";

package/ui/Paper/Paper.js

@@ -1,10 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const Paper = props => {
   let {
     children,
@@ -13,9 +9,9 @@ const Paper = props => {
     variant = 'elevation',
     ...divPops
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)('arm-paper', className, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: clsx('arm-paper', className, {
         'arm-paper_elevation': variant === 'elevation',
         'arm-paper_outlined': variant === 'outlined',
         'arm-paper_dark': theme === 'dark'
@@ -25,5 +21,4 @@ const Paper = props => {
     })
   });
 };
-var _default = exports.default = Paper;
-module.exports = exports.default;
+export default Paper;

package/ui/Paper/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Paper = _interopRequireDefault(require("./Paper"));
-exports.default = _Paper.default;
-module.exports = exports.default;
+export { default } from "./Paper";

package/ui/Popover/Popover.js

@@ -1,13 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.Popover = void 0;
-var _BackDrop = _interopRequireDefault(require("../BackDrop"));
-var _PopperBase = require("../Popper/PopperBase");
-var _Paper = _interopRequireDefault(require("../Paper"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Popover = props => {
+import BackDrop from "../BackDrop";
+import { PopperBase } from "../Popper/PopperBase";
+import Paper from "../Paper";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const Popover = props => {
   const {
     onClose,
     matchWidth = false,
@@ -16,13 +12,13 @@ const Popover = props => {
     ...popperProps
   } = props;
   if (!props.open || !popperProps.anchorEl) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(BackDrop, {
       onClick: onClose,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
+      children: /*#__PURE__*/_jsx(PopperBase, {
         ...popperProps,
         anchorEl: popperProps.anchorEl,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
+        children: /*#__PURE__*/_jsx(Paper, {
           className: classes == null ? void 0 : classes.paper,
           style: matchWidth ? {
             width: popperProps.anchorEl.clientWidth
@@ -33,5 +29,4 @@ const Popover = props => {
     })
   });
 };
-exports.Popover = Popover;
-var _default = exports.default = Popover;
+export default Popover;

package/ui/Popover/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Popover = _interopRequireDefault(require("./Popover"));
-exports.default = _Popover.default;
-module.exports = exports.default;
+export { default } from "./Popover";

package/ui/Popper/Popper.js

@@ -1,20 +1,16 @@
-"use strict";
+import { createPortal } from 'react-dom';
+import { PopperBase } from "./PopperBase";
 
-exports.__esModule = true;
-exports.default = exports.Popper = void 0;
-var _reactDom = require("react-dom");
-var _PopperBase = require("./PopperBase");
-var _jsxRuntime = require("react/jsx-runtime");
 //TODO TESTS
-
-const Popper = props => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const Popper = props => {
   if (!props.open) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(PopperBase, {
       ...props,
       children: props.children
     }), document.body)
   });
 };
-exports.Popper = Popper;
-var _default = exports.default = Popper;
+export default Popper;

package/ui/Popper/PopperBase.js

@@ -1,12 +1,10 @@
-"use strict";
 "use client";
 
-exports.__esModule = true;
-exports.default = exports.PopperBase = void 0;
-var _react = require("react");
-var _core = require("@popperjs/core");
-var _jsxRuntime = require("react/jsx-runtime");
-const PopperBase = props => {
+import { useEffect, useRef } from 'react';
+import { createPopper } from '@popperjs/core';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const PopperBase = props => {
   const {
     anchorEl,
     children,
@@ -15,8 +13,8 @@ const PopperBase = props => {
     anchorPosition,
     open
   } = props;
-  const tooltipRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
+  const tooltipRef = useRef(null);
+  useEffect(() => {
     let modifiers = [{
       name: 'offset',
       options: {
@@ -36,7 +34,7 @@ const PopperBase = props => {
         }
       });
     }
-    const popper = (0, _core.createPopper)(anchorEl, tooltipRef.current, {
+    const popper = createPopper(anchorEl, tooltipRef.current, {
       placement: placement,
       modifiers: modifiers
     });
@@ -45,13 +43,12 @@ const PopperBase = props => {
       // handlePopperRefRef.current!(null)
     };
   }, [open, placement]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
       ref: tooltipRef,
       className: className,
       children: children
     })
   });
 };
-exports.PopperBase = PopperBase;
-var _default = exports.default = PopperBase;
+export default PopperBase;

package/ui/Popper/index.js

@@ -1,9 +1,2 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.PopperBase = void 0;
-var _Popper = _interopRequireDefault(require("./Popper"));
-exports.default = _Popper.default;
-var _PopperBase = require("./PopperBase");
-exports.PopperBase = _PopperBase.PopperBase;
+export { default } from "./Popper";
+export { PopperBase } from "./PopperBase";

package/ui/Skeleton/Skeleton.js

@@ -1,10 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
 const Skeleton = props => {
   const {
     width = '100%',
@@ -13,9 +8,9 @@ const Skeleton = props => {
     circle,
     ...divProps
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     ...divProps,
-    className: (0, _clsx.default)(className, 'arm-skeleton', {
+    className: clsx(className, 'arm-skeleton', {
       'arm-skeleton_circle': !!circle
     }),
     style: {
@@ -24,5 +19,4 @@ const Skeleton = props => {
     }
   });
 };
-var _default = exports.default = Skeleton;
-module.exports = exports.default;
+export default Skeleton;

package/ui/Skeleton/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-exports.default = _Skeleton.default;
-module.exports = exports.default;
+export { default } from "./Skeleton";

package/ui/Slider/RcSlider.js

@@ -1 +0,0 @@
-"use strict";

package/ui/Slider/Slider.js

@@ -1,30 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _rcSlider = _interopRequireDefault(require("rc-slider"));
-require("!style-loader!css-loader!./style.css");
-var _HelperText = _interopRequireDefault(require("../HelperText/HelperText"));
-var _jsxRuntime = require("react/jsx-runtime");
+import RcSlider from 'rc-slider';
+import '!style-loader!css-loader!./style.css';
+import HelperText from "../HelperText/HelperText";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const Slider = props => {
   let {
     size = 'large',
     ...restProps
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcSlider.default, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx(RcSlider, {
         ...restProps,
         className: '_' + size
-      }), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/_jsxs("div", {
         className: 'arm-slider__text',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
+        children: [/*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsx(HelperText, {
             children: restProps.min
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
+        }), /*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsx(HelperText, {
             children: restProps.max
           })
         })]
@@ -32,5 +29,4 @@ const Slider = props => {
     })
   });
 };
-var _default = exports.default = Slider;
-module.exports = exports.default;
+export default Slider;

package/ui/Slider/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Slider = _interopRequireDefault(require("./Slider"));
-exports.default = _Slider.default;
-module.exports = exports.default;
+export { default } from "./Slider";

package/ui/Stack/Stack.js

@@ -1,13 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
+import { cloneElement } from 'react';
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const wrapItem = (item, spacing, index) => {
-  if (!Array.isArray(item)) return [/*#__PURE__*/(0, _react.cloneElement)( /*#__PURE__*/(0, _jsxRuntime.jsx)(StackItem, {
+  if (!Array.isArray(item)) return [/*#__PURE__*/cloneElement( /*#__PURE__*/_jsx(StackItem, {
     spacing: spacing,
     children: item
   }, index))];
@@ -29,14 +25,14 @@ const Stack = props => {
     // childrenProp = children.map((child, index) => {
     // 	return cloneElement(<StackItem key={index} spacing={spacing}>{child}</StackItem>)
     // })
-  } else childrenProp = /*#__PURE__*/(0, _jsxRuntime.jsx)(StackItem, {
+  } else childrenProp = /*#__PURE__*/_jsx(StackItem, {
     spacing: spacing,
     children: children
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
       ...divProps,
-      className: (0, _clsx.default)('arm-stack', 'flex', className, {
+      className: clsx('arm-stack', 'flex', className, {
         'flex-wrap': !!wrap,
         'items-center': center,
         ['arm-stack_spacing_' + spacing]: !!spacing
@@ -50,12 +46,11 @@ const StackItem = props => {
     children,
     spacing
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx.default)({
+  return /*#__PURE__*/_jsx("div", {
+    className: clsx({
       ['arm-stack-item_spacing_' + spacing]: !!spacing
     }),
     children: children
   });
 };
-var _default = exports.default = Stack;
-module.exports = exports.default;
+export default Stack;

package/ui/Stack/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Stack = _interopRequireDefault(require("./Stack"));
-exports.default = _Stack.default;
-module.exports = exports.default;
+export { default } from "./Stack";

package/ui/Status/Status.js

@@ -1,10 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function Status(props) {
   let {
     color,
@@ -17,21 +14,20 @@ function Status(props) {
     ...restProps
   } = props;
   const Component = as || 'span';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(Component, {
       ...restProps,
-      className: (0, _clsx.default)('arm-status', ['arm-status_' + color], className, {
+      className: clsx('arm-status', ['arm-status_' + color], className, {
         ['arm-status_size_' + size]: !!size
       }),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         className: 'arm-status__content',
         children: text || children
-      }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _clsx.default)('arm-status__icon', 'material_icon'),
+      }), icon && /*#__PURE__*/_jsx("span", {
+        className: clsx('arm-status__icon', 'material_icon'),
         children: icon
       })]
     })
   });
 }
-var _default = exports.default = Status;
-module.exports = exports.default;
+export default Status;

package/ui/Status/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Status = _interopRequireDefault(require("./Status"));
-exports.default = _Status.default;
-module.exports = exports.default;
+export { default } from "./Status";