armtek-uikit-react 1.0.154 → 1.0.155

package/ui/Alert/Alert.js

@@ -1,11 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
+import clsx from 'clsx';
+import ButtonIcon from "../ButtonIcon";
+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 AlertClasses = ['alert', 'alert__title', 'alert__close', 'alert__icon', 'alert_success', 'alert_warning', 'alert_info', 'alert_error'];
 
 // const css = getCssPrefix(AlertClasses)
@@ -24,30 +21,30 @@ const Alert = props => {
   if (icon === undefined) {
     if (color === 'error') icon = 'bolt';else if (color === 'warning') icon = 'warning';else if (color === 'success') icon = 'task_alt';
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
       ...restProps,
-      className: (0, _clsx.default)('arm-alert', {
+      className: clsx('arm-alert', {
         ['arm-alert_' + color]: !!color,
         ['arm-alert_' + variant]: !!variant,
         'arm-alert_no_icon': icon === null
       }, className),
-      children: [icon !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _clsx.default)('arm-alert__icon', 'material_icon'),
+      children: [icon !== null && /*#__PURE__*/_jsx("span", {
+        className: clsx('arm-alert__icon', 'material_icon'),
         children: icon
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: 'arm-alert__title',
         children: props.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: 'arm-alert__body',
         children: props.children
-      }), !!onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+      }), !!onClose && /*#__PURE__*/_jsx(ButtonIcon, {
         onClick: onClose,
         size: 'small',
         color: 'neutral',
         variant: 'transparent',
-        className: (0, _clsx.default)('arm-alert__close', 'material_icon'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: clsx('arm-alert__close', 'material_icon'),
+        children: /*#__PURE__*/_jsx("span", {
           className: 'material_icon',
           children: "close"
         })
@@ -55,5 +52,4 @@ const Alert = props => {
     })
   });
 };
-var _default = exports.default = Alert;
-module.exports = exports.default;
+export default Alert;

package/ui/Alert/index.js

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

package/ui/Avatar/Avatar.js

@@ -1,15 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.getLetters = exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-const getLetters = name => {
+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";
+export const getLetters = name => {
   let nameParts = name.split(' ');
   return nameParts[0].split('')[0] + (nameParts[1] ? nameParts[1].split('')[0] : '');
 };
-exports.getLetters = getLetters;
 const Avatar = props => {
   const {
     photo,
@@ -24,40 +20,40 @@ const Avatar = props => {
   } = props;
   let displayIcon = icon;
   if (!props.icon && !props.name && !photo) displayIcon = 'person';
-  let content = photo ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+  let content = photo ? /*#__PURE__*/_jsx("img", {
     src: photo,
     className: 'arm-avatar__img',
     alt: props.name,
     title: props.name
-  }) : props.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  }) : props.name ? /*#__PURE__*/_jsx("span", {
     className: 'arm-avatar__name',
     children: getLetters(props.name)
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    className: (0, _clsx.default)('arm-avatar__icon', 'material_icon_solid'),
+  }) : /*#__PURE__*/_jsx("span", {
+    className: clsx('arm-avatar__icon', 'material_icon_solid'),
     children: displayIcon
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
       ...divProps,
-      className: (0, _clsx.default)('arm-avatar', className, {
+      className: clsx('arm-avatar', className, {
         ['arm-avatar__photo']: !!photo,
         ['arm-avatar__icon']: !!displayIcon
       }, ['arm-avatar_' + size]),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: 'arm-avatar__inner',
-        children: href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        children: href ? /*#__PURE__*/_jsx("a", {
           href: href,
           ...linkProps,
           className: 'arm-avatar__text',
           children: content
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }) : /*#__PURE__*/_jsx("span", {
           className: 'arm-avatar__text',
           children: content
         })
-      }), status && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _clsx.default)('arm-avatar__status', ['arm-avatar__status_' + status])
+      }), status && /*#__PURE__*/_jsx("span", {
+        className: clsx('arm-avatar__status', ['arm-avatar__status_' + status])
       })]
     })
   });
 };
-var _default = exports.default = Avatar;
+export default Avatar;

package/ui/Avatar/index.js

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

package/ui/AvatarGroup/AvatarGroup.js

@@ -1,24 +1,21 @@
-"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 { Children, cloneElement, isValidElement } from 'react';
+import clsx from 'clsx';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const AvatarGroup = props => {
-  let arrChildren = _react.Children.toArray(props.children);
+  let arrChildren = Children.toArray(props.children);
   let visiblePart = arrChildren.slice(0, props.limit || 3);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _clsx.default)('arm-avatar-group', ['arm-avatar-group_' + props.size]),
-      children: [visiblePart.length < arrChildren.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _clsx.default)('arm-avatar-group__item', 'arm-avatar-group__remains', ['arm-avatar-group__remains_' + props.size]),
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: clsx('arm-avatar-group', ['arm-avatar-group_' + props.size]),
+      children: [visiblePart.length < arrChildren.length && /*#__PURE__*/_jsxs("div", {
+        className: clsx('arm-avatar-group__item', 'arm-avatar-group__remains', ['arm-avatar-group__remains_' + props.size]),
         children: ["+", arrChildren.length - visiblePart.length]
       }), visiblePart.map((item, index) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        return /*#__PURE__*/_jsx("div", {
           className: 'arm-avatar-group__item',
-          children: /*#__PURE__*/(0, _react.isValidElement)(item) && /*#__PURE__*/(0, _react.cloneElement)(item, {
+          children: /*#__PURE__*/isValidElement(item) && /*#__PURE__*/cloneElement(item, {
             ...item.props,
             size: props.size,
             key: index
@@ -28,5 +25,4 @@ const AvatarGroup = props => {
     })
   });
 };
-var _default = exports.default = AvatarGroup;
-module.exports = exports.default;
+export default AvatarGroup;

package/ui/AvatarGroup/index.js

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

package/ui/BackDrop/BackDrop.js

@@ -1,25 +1,21 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _reactDom = require("react-dom");
-var _BackDropBase = require("./BackDropBase");
-var _jsxRuntime = require("react/jsx-runtime");
+import { isValidElement } from 'react';
+import { createPortal } from 'react-dom';
+import { BackDropBase } from "./BackDropBase";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const BackDrop = props => {
   const {
     children,
     ...backDropProps
   } = props;
-  const childrenProp = /*#__PURE__*/(0, _react.isValidElement)(children) ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  const childrenProp = /*#__PURE__*/isValidElement(children) ? children : /*#__PURE__*/_jsx("span", {
     children: children
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDropBase.BackDropBase, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(BackDropBase, {
       ...backDropProps,
       children: childrenProp
     }), document.body)
   });
 };
-var _default = exports.default = BackDrop;
-module.exports = exports.default;
+export default BackDrop;

package/ui/BackDrop/BackDropBase.js

@@ -1,11 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.BackDropBase = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-const BackDropBase = props => {
+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";
+export const BackDropBase = props => {
   const {
     children,
     width = 500,
@@ -16,13 +13,13 @@ const BackDropBase = props => {
     e.stopPropagation();
     if (onClick) onClick(e);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _clsx.default)('arm-backdrop', className),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: clsx('arm-backdrop', className),
+      children: [/*#__PURE__*/_jsx("div", {
         className: 'arm-backdrop__overlay',
         onClick: handleClick
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: 'arm-backdrop__inner',
         style: {
           maxWidth: width + 'px'
@@ -31,5 +28,4 @@ const BackDropBase = props => {
       })]
     })
   });
-};
-exports.BackDropBase = BackDropBase;
+};

package/ui/BackDrop/index.js

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

package/ui/Badge/Badge.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 Badge(props) {
   let {
     color,
@@ -12,14 +9,14 @@ function Badge(props) {
     position,
     className
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: (0, _clsx.default)('arm-badge', className),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _clsx.default)('arm-badge__content'),
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("span", {
+      className: clsx('arm-badge', className),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: clsx('arm-badge__content'),
         children: props.children
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _clsx.default)('arm-badge__item', ['arm-badge__item_' + color], ['arm-badge__item_' + shape], ['arm-badge__item_' + position], {
+      }), /*#__PURE__*/_jsx("span", {
+        className: clsx('arm-badge__item', ['arm-badge__item_' + color], ['arm-badge__item_' + shape], ['arm-badge__item_' + position], {
           'arm-badge__item_content': props.badgeText !== undefined && !shape,
           'arm-badge__item_content_circle': !!props.badgeText !== undefined && shape === 'circle',
           'arm-badge__item_content_square': !!props.badgeText !== undefined && shape === 'square'
@@ -29,5 +26,4 @@ function Badge(props) {
     })
   });
 }
-var _default = exports.default = Badge;
-module.exports = exports.default;
+export default Badge;

package/ui/Badge/index.js

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

package/ui/Button/Button.js

@@ -1,11 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _helpers = require("../../lib/helpers");
-var _jsxRuntime = require("react/jsx-runtime");
+import clsx from 'clsx';
+import { fixedForwardRef } from "../../lib/helpers";
+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 Button = (props, ref) => {
   let {
     size = 'extraLarge',
@@ -25,7 +22,7 @@ const Button = (props, ref) => {
     ...restProps
   } = props;
   let Component = as || 'button';
-  const classNames = (0, _clsx.default)('arm-button', 'arm-button_' + size, 'arm-button_' + variant, 'arm-button_' + color, className, {
+  const classNames = clsx('arm-button', 'arm-button_' + size, 'arm-button_' + variant, 'arm-button_' + color, className, {
     ['arm-button_grouped_' + group]: group,
     'arm-button_radius_none': radius === false,
     'arm-button_radius_full': radius === true,
@@ -36,27 +33,26 @@ const Button = (props, ref) => {
   const polymorphProps = !!as && typeof as !== 'string' ? {
     disableStyles: true
   } : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(Component, {
       ref: ref,
       type: 'button',
       ...restProps,
       ...polymorphProps,
       className: !disableStyles ? classNames : className,
-      children: [startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)('arm-button__adornment', 'arm-button__adornment_start'),
+      children: [startAdornment && /*#__PURE__*/_jsx("div", {
+        className: clsx('arm-button__adornment', 'arm-button__adornment_start'),
         children: startAdornment
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)({
+      }), /*#__PURE__*/_jsx("div", {
+        className: clsx({
           'arm-button__iconWrapper': !!asIcon
         }),
         children: children
-      }), endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)('arm-button__adornment', 'arm-button__adornment_end'),
+      }), endAdornment && /*#__PURE__*/_jsx("div", {
+        className: clsx('arm-button__adornment', 'arm-button__adornment_end'),
         children: endAdornment
       })]
     })
   });
 };
-var _default = exports.default = (0, _helpers.fixedForwardRef)(Button);
-module.exports = exports.default;
+export default fixedForwardRef(Button);

package/ui/Button/index.js

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

package/ui/ButtonGroup/ButtonGroup.js

@@ -1,11 +1,7 @@
-"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 { Children, cloneElement, isValidElement } from 'react';
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const ButtonGroup = props => {
   let {
     orientation = 'inline',
@@ -13,12 +9,12 @@ const ButtonGroup = props => {
     children,
     ...buttonProps
   } = props;
-  let arrChildren = _react.Children.toArray(children);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)('arm-button-group', ['arm-button-group_' + orientation], className),
+  let arrChildren = Children.toArray(children);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: clsx('arm-button-group', ['arm-button-group_' + orientation], className),
       children: arrChildren.map((item, index) => {
-        return /*#__PURE__*/(0, _react.isValidElement)(item) && /*#__PURE__*/(0, _react.cloneElement)(item, {
+        return /*#__PURE__*/isValidElement(item) && /*#__PURE__*/cloneElement(item, {
           ...item.props,
           ...buttonProps,
           group: orientation,
@@ -28,5 +24,4 @@ const ButtonGroup = props => {
     })
   });
 };
-var _default = exports.default = ButtonGroup;
-module.exports = exports.default;
+export default ButtonGroup;

package/ui/ButtonGroup/index.js

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

package/ui/ButtonIcon/ButtonIcon.js

@@ -1,26 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Button = _interopRequireDefault(require("../Button/Button"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _helpers = require("../../lib/helpers");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _jsxRuntime = require("react/jsx-runtime");
+import Button from "../Button/Button";
+import clsx from 'clsx';
+import { fixedForwardRef } from "../../lib/helpers";
+import Icon from "../Icon";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function ButtonIcon(props, ref) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Button, {
       color: 'neutral',
       variant: 'transparent',
       ...props,
       ref: ref,
       asIcon: true,
-      className: (0, _clsx.default)('arm-button-icon', ['arm-button-icon_' + props.size], props.className, {
+      className: clsx('arm-button-icon', ['arm-button-icon_' + props.size], props.className, {
         'arm-button-icon_square': props.radius === false,
         'border-radius': props.radius === true
       }),
-      children: props.mi || props.mis ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      children: props.mi || props.mis ? /*#__PURE__*/_jsx(Icon, {
         icon: props.mi || props.mis,
         variant: props.mis ? 'contained' : 'outlined',
         ...props.iconProps
@@ -28,5 +24,4 @@ function ButtonIcon(props, ref) {
     })
   });
 }
-var _default = exports.default = (0, _helpers.fixedForwardRef)(ButtonIcon);
-module.exports = exports.default;
+export default fixedForwardRef(ButtonIcon);

package/ui/ButtonIcon/index.js

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

package/ui/Card/Card.js

@@ -1,17 +1,12 @@
-"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 Card = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
       ...props,
-      className: (0, _clsx.default)('arm-card', props.className)
+      className: clsx('arm-card', props.className)
     })
   });
 };
-var _default = exports.default = Card;
-module.exports = exports.default;
+export default Card;

package/ui/Card/index.js

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