@onesy/ui-react 1.0.171 → 1.0.173

package/Modal/Modal.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -17,7 +16,8 @@ var _Fade = _interopRequireDefault(require("../Fade"));
 var _Surface = _interopRequireDefault(require("../Surface"));
 var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
 var _utils2 = require("../utils");
-const _excluded = ["tonal", "color", "size", "open", "openDefault", "mainRef", "backgroundRef", "partialyOpened", "minWidth", "maxWidth", "fullScreen", "fullWidth", "background", "modalWrapper", "modalWrapperSurface", "portal", "focus", "freezeScroll", "disableKeyboardClose", "disableBackgroundClose", "backgroundInvisible", "onClose", "NoSurfaceProps", "SurfaceProps", "BackgroundProps", "PortalProps", "TransitionComponentProps", "BackgroundComponent", "TransitionComponent", "Component", "className", "children"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "tonal", "color", "size", "open", "openDefault", "mainRef", "backgroundRef", "partialyOpened", "minWidth", "maxWidth", "fullScreen", "fullWidth", "background", "modalWrapper", "modalWrapperSurface", "portal", "focus", "freezeScroll", "disableKeyboardClose", "disableBackgroundClose", "backgroundInvisible", "onClose", "NoSurfaceProps", "SurfaceProps", "BackgroundProps", "PortalProps", "TransitionComponentProps", "BackgroundComponent", "TransitionComponent", "Component", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -143,7 +143,7 @@ let MODALS_OPEN = 0;
 
 // 1. Add padding right for freezeScroll for the scroll bar if it exists and width that it is
 
-const Modal = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Modal = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4;
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyModal) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -152,6 +152,7 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Focus = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Focus) || _Focus.default;
   const Fade = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Fade) || _Fade.default;
   const {
+      ref,
       tonal = true,
       color = 'primary',
       size = 'regular',
@@ -285,41 +286,53 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     'aria-live': 'assertive'
   };
   let Main = children && /*#__PURE__*/_react.default.cloneElement(children, _objectSpread({}, MainProps));
-  if (modalWrapper) Main = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, MainProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-modal-root'], classes.modalRoot])
-  }), /*#__PURE__*/_react.default.createElement(TransitionComponent, (0, _extends2.default)({
-    in: inProp
-  }, TransitionComponentProps, {
-    onExited: onExited,
-    add: true
-  }), !modalWrapperSurface ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-no-surface'], NoSurfaceProps === null || NoSurfaceProps === void 0 ? void 0 : NoSurfaceProps.className, classes.noSurface])
-  }, children) : /*#__PURE__*/_react.default.createElement(Surface, (0, _extends2.default)({
-    ref: mainRef,
-    tonal: tonal,
-    color: color,
-    tabIndex: "-1"
-  }, SurfaceProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-surface', `onesy-Modal-size-${size}`], classes.surface, classes[`minWidth_${minWidth}`], classes[`maxWidth_${maxWidth}`], classes[`size_${size}`], fullScreen && classes.fullScreen, fullWidth && classes.fullWidth, SurfaceProps === null || SurfaceProps === void 0 ? void 0 : SurfaceProps.className]),
-    onKeyDown: onKeyDown
-  }), children)));
-  return /*#__PURE__*/_react.default.createElement(PortalComponent, PortalProps, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: item => {
-      if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
-      }
-      refs.root.current = item;
-      setPortalElement(item);
-    },
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-root', open && `onesy-Modal-open`, focus && `onesy-Modal-focus`], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.createElement(FocusComponent, FocusProps, background && /*#__PURE__*/_react.default.createElement(BackgroundComponent, (0, _extends2.default)({
-    in: inProp,
-    add: true
-  }, BackgroundProps), /*#__PURE__*/_react.default.createElement("div", {
-    ref: backgroundRef,
-    onClick: () => !disableBackgroundClose && onClose(),
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-background', backgroundInvisible && 'onesy-Modal-background-invisible'], classes.background, backgroundInvisible && classes.backgroundInvisible])
-  })), Main)));
-});
+  if (modalWrapper) Main = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, MainProps), {}, {
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-modal-root'], classes.modalRoot]),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, _objectSpread(_objectSpread({
+      in: inProp
+    }, TransitionComponentProps), {}, {
+      onExited: onExited,
+      add: true,
+      children: !modalWrapperSurface ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-no-surface'], NoSurfaceProps === null || NoSurfaceProps === void 0 ? void 0 : NoSurfaceProps.className, classes.noSurface]),
+        children: children
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Surface, _objectSpread(_objectSpread({
+        ref: mainRef,
+        tonal: tonal,
+        color: color,
+        tabIndex: "-1"
+      }, SurfaceProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-surface', `onesy-Modal-size-${size}`], classes.surface, classes[`minWidth_${minWidth}`], classes[`maxWidth_${maxWidth}`], classes[`size_${size}`], fullScreen && classes.fullScreen, fullWidth && classes.fullWidth, SurfaceProps === null || SurfaceProps === void 0 ? void 0 : SurfaceProps.className]),
+        onKeyDown: onKeyDown,
+        children: children
+      }))
+    }))
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PortalComponent, _objectSpread(_objectSpread({}, PortalProps), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
+      ref: item => {
+        if (ref) {
+          if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        }
+        refs.root.current = item;
+        setPortalElement(item);
+      },
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-root', open && `onesy-Modal-open`, focus && `onesy-Modal-focus`], className, classes.root])
+    }, other), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(FocusComponent, _objectSpread(_objectSpread({}, FocusProps), {}, {
+        children: [background && /*#__PURE__*/(0, _jsxRuntime.jsx)(BackgroundComponent, _objectSpread(_objectSpread({
+          in: inProp,
+          add: true
+        }, BackgroundProps), {}, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            ref: backgroundRef,
+            onClick: () => !disableBackgroundClose && onClose(),
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Modal', theme) && ['onesy-Modal-background', backgroundInvisible && 'onesy-Modal-background-invisible'], classes.background, backgroundInvisible && classes.backgroundInvisible])
+          })
+        })), Main]
+      }))
+    }))
+  }));
+};
 Modal.displayName = 'onesy-Modal';
 var _default = exports.default = Modal;

package/ModalFooter/ModalFooter.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _compilerRuntime = require("react/compiler-runtime");
@@ -13,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _Line = _interopRequireDefault(require("../Line"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -23,9 +23,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-ModalFooter'
 });
-const ModalFooter = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const ModalFooter = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
-  const $ = (0, _compilerRuntime.c)(6);
+  const $ = (0, _compilerRuntime.c)(5);
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyModalFooter) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
@@ -43,25 +43,25 @@ const ModalFooter = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t3 = true;
   const t4 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("ModalFooter", theme) && ["onesy-ModalFooter-root"], className, classes.root]);
   let t5;
-  if ($[0] !== Line || $[1] !== children || $[2] !== other || $[3] !== ref || $[4] !== t4) {
-    t5 = /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      ref: ref,
+  if ($[0] !== Line || $[1] !== children || $[2] !== other || $[3] !== t4) {
+    t5 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
       direction: t0,
       align: t1,
       justify: t2,
       fullWidth: t3,
       className: t4
-    }, other), children);
+    }, other), {}, {
+      children: children
+    }));
     $[0] = Line;
     $[1] = children;
     $[2] = other;
-    $[3] = ref;
-    $[4] = t4;
-    $[5] = t5;
+    $[3] = t4;
+    $[4] = t5;
   } else {
-    t5 = $[5];
+    t5 = $[4];
   }
   return t5;
-});
+};
 ModalFooter.displayName = 'onesy-ModalFooter';
 var _default = exports.default = ModalFooter;

package/ModalHeader/ModalHeader.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _compilerRuntime = require("react/compiler-runtime");
@@ -13,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _Line = _interopRequireDefault(require("../Line/Line"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -23,9 +23,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-ModalHeader'
 });
-const ModalHeader = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const ModalHeader = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
-  const $ = (0, _compilerRuntime.c)(6);
+  const $ = (0, _compilerRuntime.c)(5);
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyModalHeader) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
@@ -44,26 +44,26 @@ const ModalHeader = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t4 = true;
   const t5 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("ModalHeader", theme) && ["onesy-ModalHeader-root"], className, classes.root]);
   let t6;
-  if ($[0] !== Line || $[1] !== children || $[2] !== other || $[3] !== ref || $[4] !== t5) {
-    t6 = /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      ref: ref,
+  if ($[0] !== Line || $[1] !== children || $[2] !== other || $[3] !== t5) {
+    t6 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
       gap: t0,
       direction: t1,
       align: t2,
       justify: t3,
       fullWidth: t4,
       className: t5
-    }, other), children);
+    }, other), {}, {
+      children: children
+    }));
     $[0] = Line;
     $[1] = children;
     $[2] = other;
-    $[3] = ref;
-    $[4] = t5;
-    $[5] = t6;
+    $[3] = t5;
+    $[4] = t6;
   } else {
-    t6 = $[5];
+    t6 = $[4];
   }
   return t6;
-});
+};
 ModalHeader.displayName = 'onesy-ModalHeader';
 var _default = exports.default = ModalHeader;

package/ModalIcon/ModalIcon.js

@@ -7,24 +7,66 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
-const _excluded = ["className", "children"];
+const _excluded = ["ref", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const ModalIcon = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const ModalIcon = props_ => {
   var _theme$ui, _theme$ui2;
+  const $ = (0, _compilerRuntime.c)(13);
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyModalIcon) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  const {
-      className,
-      children
-    } = props,
-    other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.cloneElement(children, _objectSpread({
-    ref,
-    size: 'regular'
-  }, other));
-});
+  const t0 = theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default;
+  const t1 = theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyModalIcon) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default;
+  let children;
+  let other;
+  let ref;
+  if ($[0] !== props_ || $[1] !== t0 || $[2] !== t1) {
+    const props = _objectSpread(_objectSpread(_objectSpread({}, t0), t1), props_);
+    const {
+        ref: t2,
+        className,
+        children: t3
+      } = props,
+      t4 = (0, _objectWithoutProperties2.default)(props, _excluded);
+    ref = t2;
+    children = t3;
+    other = t4;
+    $[0] = props_;
+    $[1] = t0;
+    $[2] = t1;
+    $[3] = children;
+    $[4] = other;
+    $[5] = ref;
+  } else {
+    children = $[3];
+    other = $[4];
+    ref = $[5];
+  }
+  let t2;
+  if ($[6] !== children || $[7] !== other || $[8] !== ref) {
+    let t3;
+    if ($[10] !== other || $[11] !== ref) {
+      t3 = _objectSpread({
+        ref,
+        size: "regular"
+      }, other);
+      $[10] = other;
+      $[11] = ref;
+      $[12] = t3;
+    } else {
+      t3 = $[12];
+    }
+    t2 = /*#__PURE__*/_react.default.cloneElement(children, t3);
+    $[6] = children;
+    $[7] = other;
+    $[8] = ref;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+};
 ModalIcon.displayName = 'onesy-ModalIcon';
 var _default = exports.default = ModalIcon;

package/ModalMain/ModalMain.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _compilerRuntime = require("react/compiler-runtime");
@@ -13,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _Line = _interopRequireDefault(require("../Line"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -27,9 +27,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-ModalMain'
 });
-const ModalMain = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const ModalMain = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
-  const $ = (0, _compilerRuntime.c)(7);
+  const $ = (0, _compilerRuntime.c)(6);
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyModalMain) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
@@ -48,25 +48,25 @@ const ModalMain = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t0 = align;
   const t1 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("ModalMain", theme) && ["onesy-ModalMain-root"], className, classes.root]);
   let t2;
-  if ($[0] !== Line || $[1] !== align || $[2] !== children || $[3] !== other || $[4] !== ref || $[5] !== t1) {
-    t2 = /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      ref: ref,
+  if ($[0] !== Line || $[1] !== align || $[2] !== children || $[3] !== other || $[4] !== t1) {
+    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
       align: t0,
       className: t1,
       flex: true,
       fullWidth: true
-    }, other), children);
+    }, other), {}, {
+      children: children
+    }));
     $[0] = Line;
     $[1] = align;
     $[2] = children;
     $[3] = other;
-    $[4] = ref;
-    $[5] = t1;
-    $[6] = t2;
+    $[4] = t1;
+    $[5] = t2;
   } else {
-    t2 = $[6];
+    t2 = $[5];
   }
   return t2;
-});
+};
 ModalMain.displayName = 'onesy-ModalMain';
 var _default = exports.default = ModalMain;

package/ModalText/ModalText.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _compilerRuntime = require("react/compiler-runtime");
@@ -13,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _Type = _interopRequireDefault(require("../Type"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,9 +21,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-ModalText'
 });
-const ModalText = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const ModalText = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
-  const $ = (0, _compilerRuntime.c)(6);
+  const $ = (0, _compilerRuntime.c)(5);
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyModalText) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Type = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Type) || _Type.default;
@@ -40,24 +40,24 @@ const ModalText = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t2 = "onesy-modal-text";
   const t3 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("ModalText", theme) && ["onesy-ModalText-root"], className, classes.root]);
   let t4;
-  if ($[0] !== Type || $[1] !== children || $[2] !== other || $[3] !== ref || $[4] !== t3) {
-    t4 = /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-      ref: ref,
+  if ($[0] !== Type || $[1] !== children || $[2] !== other || $[3] !== t3) {
+    t4 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
       version: t0,
       align: t1,
       id: t2,
       className: t3
-    }, other), children);
+    }, other), {}, {
+      children: children
+    }));
     $[0] = Type;
     $[1] = children;
     $[2] = other;
-    $[3] = ref;
-    $[4] = t3;
-    $[5] = t4;
+    $[3] = t3;
+    $[4] = t4;
   } else {
-    t4 = $[5];
+    t4 = $[4];
   }
   return t4;
-});
+};
 ModalText.displayName = 'onesy-ModalText';
 var _default = exports.default = ModalText;

package/ModalTitle/ModalTitle.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _compilerRuntime = require("react/compiler-runtime");
@@ -13,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _Type = _interopRequireDefault(require("../Type"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,9 +21,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-ModalTitle'
 });
-const ModalTitle = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const ModalTitle = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
-  const $ = (0, _compilerRuntime.c)(6);
+  const $ = (0, _compilerRuntime.c)(5);
   const theme = (0, _styleReact.useOnesyTheme)();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyModalTitle) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Type = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Type) || _Type.default;
@@ -40,24 +40,24 @@ const ModalTitle = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t2 = "onesy-modal-title";
   const t3 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("ModalTitle", theme) && ["onesy-ModalTitle-root"], className, classes.root]);
   let t4;
-  if ($[0] !== Type || $[1] !== children || $[2] !== other || $[3] !== ref || $[4] !== t3) {
-    t4 = /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-      ref: ref,
+  if ($[0] !== Type || $[1] !== children || $[2] !== other || $[3] !== t3) {
+    t4 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
       version: t0,
       align: t1,
       id: t2,
       className: t3
-    }, other), children);
+    }, other), {}, {
+      children: children
+    }));
     $[0] = Type;
     $[1] = children;
     $[2] = other;
-    $[3] = ref;
-    $[4] = t3;
-    $[5] = t4;
+    $[3] = t3;
+    $[4] = t4;
   } else {
-    t4 = $[5];
+    t4 = $[4];
   }
   return t4;
-});
+};
 ModalTitle.displayName = 'onesy-ModalTitle';
 var _default = exports.default = ModalTitle;

package/MoreOptions/MoreOptions.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _compilerRuntime = require("react/compiler-runtime");
@@ -15,6 +14,7 @@ var _IconMaterialMoreVertW = _interopRequireDefault(require("@onesy/icons-materi
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Menu = _interopRequireDefault(require("../Menu/Menu"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["menuItems", "Icon", "IconButtonProps", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -26,7 +26,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-MoreOptions'
 });
-const MoreOptions = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const MoreOptions = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
   const $ = (0, _compilerRuntime.c)(8);
   const theme = (0, _styleReact.useOnesyTheme)();
@@ -51,7 +51,7 @@ const MoreOptions = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t5 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("MoreOptions", theme) && ["onesy-MoreOptions-icon-button"], IconButtonProps === null || IconButtonProps === void 0 ? void 0 : IconButtonProps.className, classes.iconButton]);
   let t6;
   if ($[0] !== Icon_) {
-    t6 = /*#__PURE__*/_react.default.createElement(Icon_, null);
+    t6 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon_, {});
     $[0] = Icon_;
     $[1] = t6;
   } else {
@@ -59,13 +59,14 @@ const MoreOptions = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }
   let t7;
   if ($[2] !== IconButton || $[3] !== IconButtonProps || $[4] !== t4 || $[5] !== t5 || $[6] !== t6) {
-    t7 = /*#__PURE__*/_react.default.createElement(IconButton, (0, _extends2.default)({
+    t7 = /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
       color: t2,
       size: t3,
       disabled: t4
-    }, IconButtonProps, {
-      className: t5
-    }), t6);
+    }, IconButtonProps), {}, {
+      className: t5,
+      children: t6
+    }));
     $[2] = IconButton;
     $[3] = IconButtonProps;
     $[4] = t4;
@@ -75,16 +76,17 @@ const MoreOptions = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   } else {
     t7 = $[7];
   }
-  return /*#__PURE__*/_react.default.createElement(Menu, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu, _objectSpread(_objectSpread({
     alignment: "center",
     menuItems: menuItems
-  }, other, {
+  }, other), {}, {
     ListProps: _objectSpread({
       color: "themed",
       size: "small"
     }, other === null || other === void 0 ? void 0 : other.ListProps),
-    className: t1
-  }), t7);
-});
+    className: t1,
+    children: t7
+  }));
+};
 MoreOptions.displayName = 'onesy-MoreOptions';
 var _default = exports.default = MoreOptions;