armtek-uikit-react 1.0.155 → 1.0.159

package/ui/Pagination/Pagination.js

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

package/ui/Pagination/index.js

@@ -1 +1,8 @@
-export { default } from "./Pagination";
+"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;

package/ui/Paper/Paper.js

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

package/ui/Paper/index.js

@@ -1 +1,8 @@
-export { default } from "./Paper";
+"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;

package/ui/Popover/Popover.js

@@ -1,9 +1,13 @@
-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 => {
+"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 => {
   const {
     onClose,
     matchWidth = false,
@@ -12,13 +16,13 @@ export const Popover = props => {
     ...popperProps
   } = props;
   if (!props.open || !popperProps.anchorEl) return null;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(BackDrop, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
       onClick: onClose,
-      children: /*#__PURE__*/_jsx(PopperBase, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
         ...popperProps,
         anchorEl: popperProps.anchorEl,
-        children: /*#__PURE__*/_jsx(Paper, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
           className: classes == null ? void 0 : classes.paper,
           style: matchWidth ? {
             width: popperProps.anchorEl.clientWidth
@@ -29,4 +33,5 @@ export const Popover = props => {
     })
   });
 };
-export default Popover;
+exports.Popover = Popover;
+var _default = exports.default = Popover;

package/ui/Popover/index.js

@@ -1 +1,8 @@
-export { default } from "./Popover";
+"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;

package/ui/Popper/Popper.js

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

package/ui/Popper/PopperBase.js

@@ -1,10 +1,14 @@
+"use strict";
 "use client";
 
-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 => {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.PopperBase = void 0;
+var _react = require("react");
+var _core = require("@popperjs/core");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _jsxRuntime = require("react/jsx-runtime");
+const PopperBase = props => {
   const {
     anchorEl,
     children,
@@ -13,8 +17,8 @@ export const PopperBase = props => {
     anchorPosition,
     open
   } = props;
-  const tooltipRef = useRef(null);
-  useEffect(() => {
+  const tooltipRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
     let modifiers = [{
       name: 'offset',
       options: {
@@ -34,7 +38,7 @@ export const PopperBase = props => {
         }
       });
     }
-    const popper = createPopper(anchorEl, tooltipRef.current, {
+    const popper = (0, _core.createPopper)(anchorEl, tooltipRef.current, {
       placement: placement,
       modifiers: modifiers
     });
@@ -43,12 +47,13 @@ export const PopperBase = props => {
       // handlePopperRefRef.current!(null)
     };
   }, [open, placement]);
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: tooltipRef,
-      className: className,
+      className: (0, _clsx.default)(className, 'arm-popper'),
       children: children
     })
   });
 };
-export default PopperBase;
+exports.PopperBase = PopperBase;
+var _default = exports.default = PopperBase;

package/ui/Popper/index.js

@@ -1,2 +1,9 @@
-export { default } from "./Popper";
-export { PopperBase } from "./PopperBase";
+"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;

package/ui/Skeleton/Skeleton.js

@@ -1,5 +1,10 @@
-import clsx from 'clsx';
-import { jsx as _jsx } from "react/jsx-runtime";
+"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");
 const Skeleton = props => {
   const {
     width = '100%',
@@ -8,9 +13,9 @@ const Skeleton = props => {
     circle,
     ...divProps
   } = props;
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...divProps,
-    className: clsx(className, 'arm-skeleton', {
+    className: (0, _clsx.default)(className, 'arm-skeleton', {
       'arm-skeleton_circle': !!circle
     }),
     style: {
@@ -19,4 +24,5 @@ const Skeleton = props => {
     }
   });
 };
-export default Skeleton;
+var _default = exports.default = Skeleton;
+module.exports = exports.default;

package/ui/Skeleton/index.js

@@ -1 +1,8 @@
-export { default } from "./Skeleton";
+"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;

package/ui/Slider/RcSlider.js

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

package/ui/Slider/Slider.js

@@ -1,27 +1,30 @@
-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";
+"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");
 const Slider = props => {
   let {
     size = 'large',
     ...restProps
   } = props;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx(RcSlider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcSlider.default, {
         ...restProps,
         className: '_' + size
-      }), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/_jsxs("div", {
+      }), restProps.min !== undefined && restProps.max !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: 'arm-slider__text',
-        children: [/*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(HelperText, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
             children: restProps.min
           })
-        }), /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(HelperText, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
             children: restProps.max
           })
         })]
@@ -29,4 +32,5 @@ const Slider = props => {
     })
   });
 };
-export default Slider;
+var _default = exports.default = Slider;
+module.exports = exports.default;

package/ui/Slider/index.js

@@ -1 +1,8 @@
-export { default } from "./Slider";
+"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;

package/ui/Stack/Stack.js

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

package/ui/Stack/index.js

@@ -1 +1,8 @@
-export { default } from "./Stack";
+"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;

package/ui/Status/Status.js

@@ -1,7 +1,10 @@
-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";
+"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");
 function Status(props) {
   let {
     color,
@@ -14,20 +17,21 @@ function Status(props) {
     ...restProps
   } = props;
   const Component = as || 'span';
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(Component, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
       ...restProps,
-      className: clsx('arm-status', ['arm-status_' + color], className, {
+      className: (0, _clsx.default)('arm-status', ['arm-status_' + color], className, {
         ['arm-status_size_' + size]: !!size
       }),
-      children: [/*#__PURE__*/_jsx("span", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: 'arm-status__content',
         children: text || children
-      }), icon && /*#__PURE__*/_jsx("span", {
-        className: clsx('arm-status__icon', 'material_icon'),
+      }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _clsx.default)('arm-status__icon', 'material_icon'),
         children: icon
       })]
     })
   });
 }
-export default Status;
+var _default = exports.default = Status;
+module.exports = exports.default;

package/ui/Status/index.js

@@ -1 +1,8 @@
-export { default } from "./Status";
+"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;