armtek-uikit-react 1.0.155 → 1.0.159

package/ui/Icon/Icon.js

@@ -1,8 +1,12 @@
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const Icon = /*#__PURE__*/forwardRef((props, ref) => {
+"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 Icon = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   let {
     children,
     className,
@@ -14,11 +18,11 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
     fs,
     ...spanProps
   } = props;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       ref: ref,
       ...spanProps,
-      className: clsx(className, 'arm-icon', {
+      className: (0, _clsx.default)(className, 'arm-icon', {
         ['arm-icon_size_' + size]: size,
         ['arm-icon_theme_' + theme]: theme,
         ['arm-icon_color_' + color]: color,
@@ -33,4 +37,5 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
     })
   });
 });
-export default Icon;
+var _default = exports.default = Icon;
+module.exports = exports.default;

package/ui/Icon/Mi.js

@@ -1,24 +1,29 @@
-import Icon from "./Icon";
-import Tooltip from "../Tooltip";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export const Mi = props => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Mi = void 0;
+var _Icon = _interopRequireDefault(require("./Icon"));
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+var _jsxRuntime = require("react/jsx-runtime");
+const Mi = props => {
   const {
     tooltipProps,
     title,
     ...iconProps
   } = props;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: title ? /*#__PURE__*/_jsx(Tooltip, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
       ...tooltipProps,
       text: title,
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         variant: 'outlined',
         ...iconProps
       })
-    }) : /*#__PURE__*/_jsx(Icon, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       variant: 'outlined',
       ...iconProps
     })
   });
-};
+};
+exports.Mi = Mi;

package/ui/Icon/Mis.js

@@ -1,11 +1,15 @@
-import { Mi } from "./Mi";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export const Mis = props => {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(Mi, {
+"use strict";
+
+exports.__esModule = true;
+exports.Mis = void 0;
+var _Mi = require("./Mi");
+var _jsxRuntime = require("react/jsx-runtime");
+const Mis = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Mi.Mi, {
       ...props,
       variant: 'contained'
     })
   });
-};
+};
+exports.Mis = Mis;

package/ui/Icon/index.js

@@ -1,3 +1,11 @@
-export { default } from "./Icon";
-export { Mi } from "./Mi";
-export { Mis } from "./Mis";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.Mis = exports.Mi = void 0;
+var _Icon = _interopRequireDefault(require("./Icon"));
+exports.default = _Icon.default;
+var _Mi = require("./Mi");
+exports.Mi = _Mi.Mi;
+var _Mis = require("./Mis");
+exports.Mis = _Mis.Mis;

package/ui/Link/Link.d.ts

@@ -8,7 +8,7 @@ type OwnProps<T extends ElementType = LinkType> = {
     disabled?: boolean;
     theme?: ThemeType;
     size?: SizeType;
-    disableStyles?: boolean;
+    disablestyles?: boolean;
 };
 export type LinkProps<T extends ElementType = LinkType> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
 declare const Link: <T extends ElementType = "a">(props: LinkProps<T>) => import("react/jsx-runtime").JSX.Element;

package/ui/Link/Link.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 Link = props => {
   let {
     border,
@@ -11,11 +15,11 @@ const Link = props => {
     size,
     color,
     as,
-    disableStyles,
+    disablestyles,
     ...restProps
   } = props;
   let Component = as || 'a';
-  const classNames = clsx('arm-link', {
+  const classNames = (0, _clsx.default)('arm-link', {
     'arm-link_border': !!border,
     ['arm-link_border_' + border]: !!border,
     'arm-link_disabled': !!disabled,
@@ -24,15 +28,16 @@ const Link = props => {
     ['arm-link_color_' + color]: !!color
   }, className);
   const polymorphProps = !!as && typeof as !== 'string' ? {
-    disableStyles: true
+    disablestyles: true
   } : {};
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(Component, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
       ...restProps,
       ...polymorphProps,
-      className: !disableStyles ? classNames : className,
+      className: !disablestyles ? classNames : className,
       children: children
     })
   });
 };
-export default Link;
+var _default = exports.default = Link;
+module.exports = exports.default;

package/ui/Link/index.js

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

package/ui/List/ListItem.js

@@ -1,9 +1,14 @@
-import clsx from 'clsx';
-import Checkbox from "../Form/Checkbox/Checkbox";
-import Adornment, { AdornmentContainer } from "../Adornment/Adornment";
-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 _Checkbox = _interopRequireDefault(require("../Form/Checkbox/Checkbox"));
+var _Adornment = _interopRequireWildcard(require("../Adornment/Adornment"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ListItem(props) {
   let {
     children,
@@ -20,10 +25,10 @@ function ListItem(props) {
   } = props;
   let withStartAdornment = checked !== undefined || !!startAdornment;
   let Component = as || 'button';
-  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-listitem', className, {
+      className: (0, _clsx.default)('arm-listitem', className, {
         'arm-listitem_active': !!active || !!checked,
         'arm-listitem_divider': !!divider,
         'arm-listitem_disabled': !!restProps.disabled,
@@ -31,35 +36,35 @@ function ListItem(props) {
         'arm-listitem_startAdornment': withStartAdornment,
         'arm-listitem_dark': theme === 'dark'
       }),
-      children: [withStartAdornment && /*#__PURE__*/_jsxs(AdornmentContainer, {
-        children: [checked !== undefined && /*#__PURE__*/_jsx(Adornment, {
+      children: [withStartAdornment && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Adornment.AdornmentContainer, {
+        children: [checked !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
           position: 'start',
-          children: /*#__PURE__*/_jsx(Checkbox, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
             theme: theme,
             disabled: restProps.disabled,
             checked: checked,
             readOnly: true,
             size: 'small'
           })
-        }), !!startAdornment && /*#__PURE__*/_jsx(Adornment, {
+        }), !!startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
           theme: theme,
           position: 'start',
           children: startAdornment
         })]
-      }), /*#__PURE__*/_jsxs("span", {
-        className: clsx('arm-listitem__content', {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: (0, _clsx.default)('arm-listitem__content', {
           'arm-listitem__content_adornment_left': withStartAdornment
         }),
-        children: [/*#__PURE__*/_jsx("span", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: 'arm-listitem__text',
           children: children
-        }), title && /*#__PURE__*/_jsx("span", {
+        }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: 'arm-listitem__helper',
           children: title
         })]
-      }), !!endAdornment && /*#__PURE__*/_jsx(AdornmentContainer, {
+      }), !!endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.AdornmentContainer, {
         position: 'end',
-        children: /*#__PURE__*/_jsx(Adornment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
           theme: theme,
           position: 'end',
           children: endAdornment
@@ -68,4 +73,5 @@ function ListItem(props) {
     })
   });
 }
-export default ListItem;
+var _default = exports.default = ListItem;
+module.exports = exports.default;

package/ui/List/index.js

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

package/ui/Loader/Loader.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 Loader = props => {
   let {
     size,
@@ -9,10 +13,10 @@ const Loader = props => {
     className,
     ...divProps
   } = props;
-  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-loader', {
+      className: (0, _clsx.default)('arm-loader', {
         ['arm-loader_size_' + size]: size,
         ['arm-loader_theme_' + theme]: theme,
         ['arm-loader_color_' + color]: color
@@ -20,4 +24,5 @@ const Loader = props => {
     })
   });
 };
-export default Loader;
+var _default = exports.default = Loader;
+module.exports = exports.default;

package/ui/Loader/index.js

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

package/ui/Logo/Logo.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");
 const Logo = props => {
   let {
     description,
@@ -17,41 +20,41 @@ const Logo = props => {
     height,
     ...restProps
   } = props;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ...restProps,
-      className: clsx('arm-logo', {
+      className: (0, _clsx.default)('arm-logo', {
         'arm-logo_inverse': inverse,
         'arm-logo_shape': shape
       }, className),
-      children: /*#__PURE__*/_jsxs("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "logo__inner",
-        children: [/*#__PURE__*/_jsx("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: 'arm-logo__img',
-          children: href ? /*#__PURE__*/_jsx("a", {
+          children: href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
             href: href,
             ...linkProps,
-            children: src ? /*#__PURE__*/_jsx("img", {
+            children: src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
               src: src,
               alt: ''
-            }) : children || /*#__PURE__*/_jsx(LogoArmtek, {
+            }) : children || /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoArmtek, {
               black: black,
               inverse: inverse,
               width: width,
               height: height
             })
-          }) : /*#__PURE__*/_jsx("span", {
-            children: src ? /*#__PURE__*/_jsx("img", {
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
               src: src,
               alt: ''
-            }) : children || /*#__PURE__*/_jsx(LogoArmtek, {
+            }) : children || /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoArmtek, {
               black: black,
               inverse: inverse,
               width: width,
               height: height
             })
           })
-        }), description && /*#__PURE__*/_jsx("div", {
+        }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: 'arm-logo__description',
           children: description
         })]
@@ -70,37 +73,38 @@ const LogoArmtek = ({
   if (black) part1Color = part2Color;
   let w = width || 324;
   let h = height || 40;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs("svg", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: "124",
       height: "15",
       viewBox: "0 0 124 15",
       fill: "none",
-      children: [/*#__PURE__*/_jsx("path", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M9.56897 0L0 15H6.30094L7.2884 13.2837H13.4718L13.7304 15H20.0313L16.8574 0H9.56897ZM9.38088 9.61599L12.2257 4.53762H12.2727L12.9545 9.61599H9.38088Z",
         fill: part1Color
-      }), /*#__PURE__*/_jsx("path", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M41.1677 4.18495C41.5204 2.53918 40.9091 1.10502 39.8981 0.540752C39.1693 0.141066 38.1583 0 36.4655 0H23.9812L20.8072 15H26.732L27.7194 10.3683H31.9279C33.0094 10.3683 33.2445 11.0502 33.0799 12.1552C33.0343 12.4623 32.9923 12.7357 32.9548 12.9802C32.7797 14.1202 32.701 14.6322 32.7978 15H39.2633C38.9577 14.4592 38.8166 13.848 38.9107 13.2367L39.3574 9.96865C39.522 8.67555 38.9812 7.89969 38.1583 7.66458V7.61756C39.9687 7.10031 40.8621 5.59561 41.1677 4.18495ZM34.6552 5.19592C34.4436 6.13636 33.8793 6.60658 32.7273 6.60658H28.5188L29.1066 3.78527H33.221C34.2085 3.78527 34.8903 4.04389 34.6552 5.19592Z",
         fill: part1Color
-      }), /*#__PURE__*/_jsx("path", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
         d: "M53.2053 8.72257L57.5078 0H65.8307L62.6567 15H57.2727L59.5533 4.279H59.5062L54.0752 15H49.5846L48.7147 4.279H48.6677L46.3871 15H41.0031L44.2006 0H52.547L53.1348 8.72257H53.2053Z",
         fill: part1Color
-      }), /*#__PURE__*/_jsx("path", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
         d: "M84.5345 0H67.6301L66.8307 3.78527H72.3088L69.9342 15H75.8589L78.2571 3.78527H83.7351L84.5345 0Z",
         fill: part2Color
-      }), /*#__PURE__*/_jsx("path", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
         d: "M99.1348 9.33386L99.9107 5.68966H90.6003L91.0235 3.66771H101.039L101.839 0H85.8981L82.7006 15H98.6411L99.4169 11.3558H89.4013L89.8245 9.33386H99.1348Z",
         fill: part2Color
-      }), /*#__PURE__*/_jsx("path", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
         d: "M115.216 0H123.069L115.146 5.80721L120.459 15H112.583L109.715 9.23981L107.387 10.9561L106.517 15H100.592L103.79 0H109.715L108.586 5.28997L115.216 0Z",
         fill: part2Color
       })]
     })
   });
 };
-export default Logo;
+var _default = exports.default = Logo;
+module.exports = exports.default;

package/ui/Logo/index.js

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

package/ui/Modal/BaseModal.js

@@ -1,10 +1,13 @@
-import clsx from 'clsx';
-import FormControls from "../Form/FormControls";
-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";
-export const BaseModal = props => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.BaseModal = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _FormControls = _interopRequireDefault(require("../Form/FormControls"));
+var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+const BaseModal = props => {
   const {
     className,
     title,
@@ -18,34 +21,34 @@ export const BaseModal = props => {
     ...divProps
   } = props;
   const showControls = !!onSubmit;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ...divProps,
-      className: clsx(className, 'arm-modal', classes == null ? void 0 : classes['Arm-Modal']),
-      children: [title && /*#__PURE__*/_jsx("div", {
-        className: clsx('arm-modal__header', classes == null ? void 0 : classes['Arm-Modal__header']),
-        children: /*#__PURE__*/_jsxs("div", {
-          className: clsx('arm-modal__title', classes == null ? void 0 : classes['Arm-Modal__title']),
-          children: [title, onClose && /*#__PURE__*/_jsx(ButtonIcon, {
+      className: (0, _clsx.default)(className, 'arm-modal', classes == null ? void 0 : classes['Arm-Modal']),
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.default)('arm-modal__header', classes == null ? void 0 : classes['Arm-Modal__header']),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _clsx.default)('arm-modal__title', classes == null ? void 0 : classes['Arm-Modal__title']),
+          children: [title, onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
             variant: 'transparent',
             onClick: onClose,
-            className: clsx('arm-modal__close', classes == null ? void 0 : classes['Arm-Modal__close']),
+            className: (0, _clsx.default)('arm-modal__close', classes == null ? void 0 : classes['Arm-Modal__close']),
             color: 'neutral',
             size: 'medium',
-            children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: 'material_icon',
               children: "close"
             })
           })]
         })
-      }), /*#__PURE__*/_jsx("div", {
-        className: clsx('arm-modal__body', classes == null ? void 0 : classes['Arm-Modal__body']),
-        children: /*#__PURE__*/_jsx("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.default)('arm-modal__body', classes == null ? void 0 : classes['Arm-Modal__body']),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           children: children
         })
-      }), showControls && /*#__PURE__*/_jsx("div", {
-        className: clsx('arm-modal__footer', classes == null ? void 0 : classes['Arm-Modal__footer']),
-        children: /*#__PURE__*/_jsx(FormControls, {
+      }), showControls && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.default)('arm-modal__footer', classes == null ? void 0 : classes['Arm-Modal__footer']),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControls.default, {
           className: classes == null ? void 0 : classes['Arm-FormControls'],
           onSubmit: onSubmit,
           onCancel: onCancel,
@@ -55,4 +58,5 @@ export const BaseModal = props => {
       })]
     })
   });
-};
+};
+exports.BaseModal = BaseModal;

package/ui/Modal/Modal.js

@@ -1,7 +1,11 @@
-import { BaseModal } from "./BaseModal";
-import BackDrop from "../BackDrop";
-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 _BaseModal = require("./BaseModal");
+var _BackDrop = _interopRequireDefault(require("../BackDrop"));
+var _jsxRuntime = require("react/jsx-runtime");
 const Modal = props => {
   const {
     open,
@@ -9,15 +13,16 @@ const Modal = props => {
     ...modalProps
   } = props;
   if (!open) return null;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(BackDrop, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
       width: width,
       onClick: modalProps.onClose,
       className: 'arm-modal__backdrop',
-      children: /*#__PURE__*/_jsx(BaseModal, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseModal.BaseModal, {
         ...modalProps
       })
     })
   });
 };
-export default Modal;
+var _default = exports.default = Modal;
+module.exports = exports.default;

package/ui/Modal/index.js

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