@onesy/ui-react 1.0.172 → 1.0.173

package/Form/Form.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");
@@ -16,6 +15,7 @@ var _Line = _interopRequireDefault(require("../Line"));
 var _Accordion = _interopRequireDefault(require("../Accordion"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["accordion", "divider", "name", "description", "size", "start", "end", "footer", "onSubmit", "Component", "ComponentForm", "HeaderProps", "TextProps", "AsideProps", "StartProps", "EndProps", "AccordionProps", "AccordionMainProps", "wrapper", "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; }
@@ -60,9 +60,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Form'
 });
-const Form = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Form = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
-  const $ = (0, _compilerRuntime.c)(17);
+  const $ = (0, _compilerRuntime.c)(16);
   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.onesyForm) === 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;
@@ -110,12 +110,14 @@ const Form = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }
   const onSubmit = ComponentForm === "form" ? onSubmit_ || _temp : undefined;
   const elements = {
-    name: name && ((0, _utils.is)("string", name) ? /*#__PURE__*/_react.default.createElement(Type, {
-      version: size === "large" ? "t1" : size === "regular" ? "t2" : "t3"
-    }, name) : name),
-    description: description && ((0, _utils.is)("string", description) ? /*#__PURE__*/_react.default.createElement(Type, {
-      version: size === "large" ? "b1" : size === "regular" ? "b2" : "b3"
-    }, description) : description)
+    name: name && ((0, _utils.is)("string", name) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+      version: size === "large" ? "t1" : size === "regular" ? "t2" : "t3",
+      children: name
+    }) : name),
+    description: description && ((0, _utils.is)("string", description) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+      version: size === "large" ? "b1" : size === "regular" ? "b2" : "b3",
+      children: description
+    }) : description)
   };
   if (accordion) {
     const t2 = size === "large" ? 1 : size === "regular" ? 0.5 : 0.5;
@@ -130,7 +132,7 @@ const Form = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     } else {
       t3 = $[1];
     }
-    return /*#__PURE__*/_react.default.createElement(Accordion, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Accordion, _objectSpread(_objectSpread(_objectSpread({
       tonal: true,
       color: "primary",
       primary: elements.name,
@@ -144,25 +146,28 @@ const Form = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       start: start,
       end: end,
       HeaderProps: t3
-    }, AccordionProps, {
+    }, AccordionProps), {}, {
       className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Form", theme) && ["onesy-Form-root"], AccordionProps === null || AccordionProps === void 0 ? void 0 : AccordionProps.className, className, classes.root, classes.root_accordion, divider && classes.divider])
-    }, other), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      ref: ref,
-      gap: size === "large" ? 3 : size === "regular" ? 2.5 : 2,
-      direction: "column",
-      justify: "unset",
-      align: "flex-start",
-      Component: ComponentForm,
-      onSubmit: onSubmit,
-      fullWidth: true
-    }, AccordionMainProps, {
-      className: (0, _styleReact.classNames)([AccordionMainProps === null || AccordionMainProps === void 0 ? void 0 : AccordionMainProps.className, classes[`size_${size}_form_accordion`]])
-    }), children, footer && /*#__PURE__*/_react.default.createElement(Line, {
-      direction: "row",
-      justify: "flex-end",
-      fullWidth: true,
-      className: classes.footer
-    }, footer)));
+    }, other), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+        gap: size === "large" ? 3 : size === "regular" ? 2.5 : 2,
+        direction: "column",
+        justify: "unset",
+        align: "flex-start",
+        Component: ComponentForm,
+        onSubmit: onSubmit,
+        fullWidth: true
+      }, AccordionMainProps), {}, {
+        className: (0, _styleReact.classNames)([AccordionMainProps === null || AccordionMainProps === void 0 ? void 0 : AccordionMainProps.className, classes[`size_${size}_form_accordion`]]),
+        children: [children, footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+          direction: "row",
+          justify: "flex-end",
+          fullWidth: true,
+          className: classes.footer,
+          children: footer
+        })]
+      }))
+    }));
   }
   const t2 = size === "large" ? 3 : size === "regular" ? 2.5 : 2;
   const t3 = "column";
@@ -170,33 +175,40 @@ const Form = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t5 = "flex-start";
   const t6 = true;
   const t7 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Form", theme) && ["onesy-Form-root", `onesy-Form-size-${size}`], className, classes.root, divider && classes.divider]);
-  const t8 = header && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+  const t8 = header && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
     gap: 1,
     direction: "row",
     align: "center",
     justify: justify,
     fullWidth: true
-  }, HeaderProps), start && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({}, AsideProps, StartProps, {
-    className: (0, _styleReact.classNames)([AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, StartProps === null || StartProps === void 0 ? void 0 : StartProps.className, classes.aside])
-  }), start), text && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: size === "large" ? 1 : size === "regular" ? 0.5 : 0.5,
-    direction: "column",
-    flex: true
-  }, TextProps), elements.name, elements.description), end && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 0,
-    direction: "row",
-    align: "center"
-  }, AsideProps, EndProps, {
-    className: (0, _styleReact.classNames)([AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, EndProps === null || EndProps === void 0 ? void 0 : EndProps.className, classes.aside])
-  }), end));
+  }, HeaderProps), {}, {
+    children: [start && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread(_objectSpread({}, AsideProps), StartProps), {}, {
+      className: (0, _styleReact.classNames)([AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, StartProps === null || StartProps === void 0 ? void 0 : StartProps.className, classes.aside]),
+      children: start
+    })), text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+      gap: size === "large" ? 1 : size === "regular" ? 0.5 : 0.5,
+      direction: "column",
+      flex: true
+    }, TextProps), {}, {
+      children: [elements.name, elements.description]
+    })), end && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread(_objectSpread({
+      gap: 0,
+      direction: "row",
+      align: "center"
+    }, AsideProps), EndProps), {}, {
+      className: (0, _styleReact.classNames)([AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, EndProps === null || EndProps === void 0 ? void 0 : EndProps.className, classes.aside]),
+      children: end
+    }))]
+  }));
   let t9;
   if ($[2] !== Line || $[3] !== classes.footer || $[4] !== footer) {
-    t9 = footer && /*#__PURE__*/_react.default.createElement(Line, {
+    t9 = footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
       direction: "row",
       justify: "flex-end",
       fullWidth: true,
-      className: classes.footer
-    }, footer);
+      className: classes.footer,
+      children: footer
+    });
     $[2] = Line;
     $[3] = classes.footer;
     $[4] = footer;
@@ -205,9 +217,8 @@ const Form = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     t9 = $[5];
   }
   let t10;
-  if ($[6] !== Component || $[7] !== ComponentForm || $[8] !== children || $[9] !== onSubmit || $[10] !== other || $[11] !== ref || $[12] !== t2 || $[13] !== t7 || $[14] !== t8 || $[15] !== t9) {
-    t10 = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-      ref: ref,
+  if ($[6] !== Component || $[7] !== ComponentForm || $[8] !== children || $[9] !== onSubmit || $[10] !== other || $[11] !== t2 || $[12] !== t7 || $[13] !== t8 || $[14] !== t9) {
+    t10 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, _objectSpread(_objectSpread({
       gap: t2,
       direction: t3,
       justify: t4,
@@ -216,23 +227,24 @@ const Form = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       onSubmit: onSubmit,
       fullWidth: t6,
       className: t7
-    }, other), t8, children, t9);
+    }, other), {}, {
+      children: [t8, children, t9]
+    }));
     $[6] = Component;
     $[7] = ComponentForm;
     $[8] = children;
     $[9] = onSubmit;
     $[10] = other;
-    $[11] = ref;
-    $[12] = t2;
-    $[13] = t7;
-    $[14] = t8;
-    $[15] = t9;
-    $[16] = t10;
+    $[11] = t2;
+    $[12] = t7;
+    $[13] = t8;
+    $[14] = t9;
+    $[15] = t10;
   } else {
-    t10 = $[16];
+    t10 = $[15];
   }
   return t10;
-});
+};
 Form.displayName = 'onesy-Form';
 var _default = exports.default = Form;
 function _temp(event) {

package/FormRow/FormRow.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 _styleReact = require("@onesy/style-react");
 var _Line = _interopRequireDefault(require("../Line"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["name", "description", "start", "end", "row", "footer", "responsive", "Component", "HeaderProps", "MainProps", "TextProps", "AsideProps", "StartProps", "EndProps", "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; }
@@ -38,9 +38,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-FormRow'
 });
-const FormRow = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const FormRow = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
-  const $ = (0, _compilerRuntime.c)(18);
+  const $ = (0, _compilerRuntime.c)(17);
   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.onesyFormRow) === 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;
@@ -85,28 +85,36 @@ const FormRow = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t5 = "unset";
   const t6 = true;
   const t7 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("FormRow", theme) && ["onesy-FormRow-root"], className, classes.root]);
-  const t8 = header && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+  const t8 = header && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
     direction: "row",
     align: "center",
     justify: justify,
     fullWidth: true
-  }, HeaderProps), start && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({}, AsideProps, StartProps, {
-    className: (0, _styleReact.classNames)([AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, StartProps === null || StartProps === void 0 ? void 0 : StartProps.className, classes.aside])
-  }), start), text && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 0.5,
-    direction: "column",
-    flex: true
-  }, TextProps), name && ((0, _utils.is)("string", name) ? /*#__PURE__*/_react.default.createElement(Type, {
-    version: "l2"
-  }, name) : name), description && ((0, _utils.is)("string", description) ? /*#__PURE__*/_react.default.createElement(Type, {
-    version: "b3"
-  }, description) : description)), end && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 0,
-    direction: "row",
-    align: "center"
-  }, AsideProps, EndProps, {
-    className: (0, _styleReact.classNames)([AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, EndProps === null || EndProps === void 0 ? void 0 : EndProps.className, classes.aside])
-  }), end));
+  }, HeaderProps), {}, {
+    children: [start && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread(_objectSpread({}, AsideProps), StartProps), {}, {
+      className: (0, _styleReact.classNames)([AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, StartProps === null || StartProps === void 0 ? void 0 : StartProps.className, classes.aside]),
+      children: start
+    })), text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+      gap: 0.5,
+      direction: "column",
+      flex: true
+    }, TextProps), {}, {
+      children: [name && ((0, _utils.is)("string", name) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+        version: "l2",
+        children: name
+      }) : name), description && ((0, _utils.is)("string", description) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+        version: "b3",
+        children: description
+      }) : description)]
+    })), end && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread(_objectSpread({
+      gap: 0,
+      direction: "row",
+      align: "center"
+    }, AsideProps), EndProps), {}, {
+      className: (0, _styleReact.classNames)([AsideProps === null || AsideProps === void 0 ? void 0 : AsideProps.className, EndProps === null || EndProps === void 0 ? void 0 : EndProps.className, classes.aside]),
+      children: end
+    }))]
+  }));
   const t9 = 2;
   const t10 = row ? responsive ? {
     default: "row",
@@ -116,12 +124,14 @@ const FormRow = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const t12 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("FormRow", theme) && ["onesy-FormRow-main"], MainProps === null || MainProps === void 0 ? void 0 : MainProps.className, row && classes.row]);
   let t13;
   if ($[0] !== Line || $[1] !== MainProps || $[2] !== children || $[3] !== t10 || $[4] !== t12) {
-    t13 = /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+    t13 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
       gap: t9,
       direction: t10,
       fullWidth: t11,
       className: t12
-    }, MainProps), children);
+    }, MainProps), {}, {
+      children: children
+    }));
     $[0] = Line;
     $[1] = MainProps;
     $[2] = children;
@@ -133,12 +143,13 @@ const FormRow = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }
   let t14;
   if ($[6] !== Line || $[7] !== classes.footer || $[8] !== footer) {
-    t14 = footer && /*#__PURE__*/_react.default.createElement(Line, {
+    t14 = footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
       direction: "row",
       justify: "flex-end",
       fullWidth: true,
-      className: classes.footer
-    }, footer);
+      className: classes.footer,
+      children: footer
+    });
     $[6] = Line;
     $[7] = classes.footer;
     $[8] = footer;
@@ -147,28 +158,28 @@ const FormRow = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     t14 = $[9];
   }
   let t15;
-  if ($[10] !== Component || $[11] !== other || $[12] !== ref || $[13] !== t13 || $[14] !== t14 || $[15] !== t7 || $[16] !== t8) {
-    t15 = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-      ref: ref,
+  if ($[10] !== Component || $[11] !== other || $[12] !== t13 || $[13] !== t14 || $[14] !== t7 || $[15] !== t8) {
+    t15 = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, _objectSpread(_objectSpread({
       gap: t2,
       direction: t3,
       justify: t4,
       align: t5,
       fullWidth: t6,
       className: t7
-    }, other), t8, t13, t14);
+    }, other), {}, {
+      children: [t8, t13, t14]
+    }));
     $[10] = Component;
     $[11] = other;
-    $[12] = ref;
-    $[13] = t13;
-    $[14] = t14;
-    $[15] = t7;
-    $[16] = t8;
-    $[17] = t15;
+    $[12] = t13;
+    $[13] = t14;
+    $[14] = t7;
+    $[15] = t8;
+    $[16] = t15;
   } else {
-    t15 = $[17];
+    t15 = $[16];
   }
   return t15;
-});
+};
 FormRow.displayName = 'onesy-FormRow';
 var _default = exports.default = FormRow;

package/Forms/Forms.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 = ["divider", "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; }
@@ -21,9 +21,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Forms'
 });
-const Forms = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Forms = 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.onesyForms) === 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;
@@ -50,26 +50,26 @@ const Forms = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     divider: index < children.length - 1
   }));
   let t8;
-  if ($[0] !== Component || $[1] !== other || $[2] !== ref || $[3] !== t6 || $[4] !== t7) {
-    t8 = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-      ref: ref,
+  if ($[0] !== Component || $[1] !== other || $[2] !== t6 || $[3] !== t7) {
+    t8 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
       gap: t1,
       direction: t2,
       justify: t3,
       align: t4,
       fullWidth: t5,
       className: t6
-    }, other), t7);
+    }, other), {}, {
+      children: t7
+    }));
     $[0] = Component;
     $[1] = other;
-    $[2] = ref;
-    $[3] = t6;
-    $[4] = t7;
-    $[5] = t8;
+    $[2] = t6;
+    $[3] = t7;
+    $[4] = t8;
   } else {
-    t8 = $[5];
+    t8 = $[4];
   }
   return t8;
-});
+};
 Forms.displayName = 'onesy-Forms';
 var _default = exports.default = Forms;

package/Frame/Frame.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"));
@@ -20,6 +19,7 @@ var _Line = _interopRequireDefault(require("../Line"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _IFrame = _interopRequireDefault(require("../IFrame"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["url", "src", "value", "startOptions", "endOptions", "IconMobile", "IconTablet", "IconLaptop", "IconDesktop", "iframeProps", "IFrameProps", "OptionProps", "OptionsProps", "OptionsWrapperProps", "WrapperProps", "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; }
@@ -58,7 +58,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Frame'
 });
-const Frame = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Frame = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
@@ -141,63 +141,71 @@ const Frame = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }
   }
   const main = _react.default.useMemo(() => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, value && !children && /*#__PURE__*/_react.default.createElement(IFrameElement, {
-      className: (0, _styleReact.classNames)([classes.IFrame]),
-      WrapperProps: {
-        align: 'center',
-        justify: 'center'
-      }
-    }, value || children), (url || src) && !(value || children) && /*#__PURE__*/_react.default.createElement("iframe", (0, _extends2.default)({
-      title: "frame",
-      src: url || src
-    }, iframeProps, {
-      className: (0, _styleReact.classNames)([iframeProps === null || iframeProps === void 0 ? void 0 : iframeProps.className, classes.iframe])
-    })));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [children, value && !children && /*#__PURE__*/(0, _jsxRuntime.jsx)(IFrameElement, {
+        className: (0, _styleReact.classNames)([classes.IFrame]),
+        WrapperProps: {
+          align: 'center',
+          justify: 'center'
+        },
+        children: value || children
+      }), (url || src) && !(value || children) && /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", _objectSpread(_objectSpread({
+        title: "frame",
+        src: url || src
+      }, iframeProps), {}, {
+        className: (0, _styleReact.classNames)([iframeProps === null || iframeProps === void 0 ? void 0 : iframeProps.className, classes.iframe])
+      }))]
+    });
   }, [url, src, value, children]);
-  return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
     gap: 0,
     align: "center",
     flex: true,
     fullWidth: true,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Frame', theme) && ['onesy-Frame-root'], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 0.5,
-    direction: "row",
-    align: "center",
-    justify: {
-      default: 'flex-end',
-      700: 'flex-start'
-    },
-    fullWidth: true
-  }, OptionsWrapperProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Frame', theme) && ['onesy-Frame-options-wrapper'], OptionsWrapperProps === null || OptionsWrapperProps === void 0 ? void 0 : OptionsWrapperProps.className])
-  }), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 0.4,
-    direction: "row",
-    align: "center",
-    justify: "flex-end"
-  }, OptionsProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Frame', theme) && ['onesy-Frame-options'], OptionsProps === null || OptionsProps === void 0 ? void 0 : OptionsProps.className, classes.options])
-  }), startOptions, responsiveOptions.map((item, index) => /*#__PURE__*/_react.default.createElement(Tooltip, {
-    key: index,
-    name: item.name
-  }, /*#__PURE__*/_react.default.createElement(IconButton, (0, _extends2.default)({
-    size: "small",
-    selected: item.name === responsive,
-    onClick: () => onResponsive(item.name),
-    disabled: item.disabled
-  }, OptionProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Frame', theme) && ['onesy-Frame-option'], OptionProps === null || OptionProps === void 0 ? void 0 : OptionProps.className])
-  }), /*#__PURE__*/_react.default.createElement(item.icon, null)))), endOptions)), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 0,
-    align: "center",
-    flex: true,
-    fullWidth: true
-  }, WrapperProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Frame', theme) && ['onesy-Frame-wrapper'], WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className, classes.wrapper]),
-    style: _objectSpread(_objectSpread({}, WrapperStyle), WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.style)
-  }), main));
-});
+  }, other), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
+      gap: 0.5,
+      direction: "row",
+      align: "center",
+      justify: {
+        default: 'flex-end',
+        700: 'flex-start'
+      },
+      fullWidth: true
+    }, OptionsWrapperProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Frame', theme) && ['onesy-Frame-options-wrapper'], OptionsWrapperProps === null || OptionsWrapperProps === void 0 ? void 0 : OptionsWrapperProps.className]),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+        gap: 0.4,
+        direction: "row",
+        align: "center",
+        justify: "flex-end"
+      }, OptionsProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Frame', theme) && ['onesy-Frame-options'], OptionsProps === null || OptionsProps === void 0 ? void 0 : OptionsProps.className, classes.options]),
+        children: [startOptions, responsiveOptions.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
+          name: item.name,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
+            size: "small",
+            selected: item.name === responsive,
+            onClick: () => onResponsive(item.name),
+            disabled: item.disabled
+          }, OptionProps), {}, {
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Frame', theme) && ['onesy-Frame-option'], OptionProps === null || OptionProps === void 0 ? void 0 : OptionProps.className]),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(item.icon, {})
+          }))
+        }, index)), endOptions]
+      }))
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
+      gap: 0,
+      align: "center",
+      flex: true,
+      fullWidth: true
+    }, WrapperProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Frame', theme) && ['onesy-Frame-wrapper'], WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className, classes.wrapper]),
+      style: _objectSpread(_objectSpread({}, WrapperStyle), WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.style),
+      children: main
+    }))]
+  }));
+};
 Frame.displayName = 'onesy-Frame';
 var _default = exports.default = Frame;