@onesy/ui-react 1.0.171 → 1.0.173

package/Accordion/Accordion.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,7 +19,8 @@ var _Grid = _interopRequireDefault(require("../Grid"));
 var _Line = _interopRequireDefault(require("../Line"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _utils2 = require("../utils");
-const _excluded = ["tonal", "color", "elevation", "primary", "secondary", "start", "end", "openDefault", "open", "onChange", "noBackground", "noExpandButton", "expandedMarginVertical", "expandedHeaderPaddingVertical", "headerPaddingVertical", "headerPaddingHorizontal", "mainPaddingVertical", "mainPaddingHorizontal", "noExpand", "noTransition", "disabled", "ExpandIcon", "TransitionComponent", "Component", "ExpandProps", "TransitionComponentProps", "WrapperHeaderProps", "HeaderProps", "IconButtonProps", "StartProps", "EndProps", "className", "children"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "tonal", "color", "elevation", "primary", "secondary", "start", "end", "openDefault", "open", "onChange", "noBackground", "noExpandButton", "expandedMarginVertical", "expandedHeaderPaddingVertical", "headerPaddingVertical", "headerPaddingHorizontal", "mainPaddingVertical", "mainPaddingHorizontal", "noExpand", "noTransition", "disabled", "ExpandIcon", "TransitionComponent", "Component", "ExpandProps", "TransitionComponentProps", "WrapperHeaderProps", "HeaderProps", "IconButtonProps", "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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -152,7 +152,7 @@ const AccordionDelays = {
     enter: 70
   }
 };
-const Accordion = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Accordion = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7;
   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.onesyAccordion) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -170,6 +170,7 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Line = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Line) || _Line.default;
   const Type = (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.Type) || _Type.default;
   const {
+      ref,
       tonal = true,
       color = 'primary',
       elevation = 0,
@@ -242,10 +243,11 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     TransitionComponent = _react.default.Fragment;
     TransitionComponentProps = {};
   }
-  const main = /*#__PURE__*/_react.default.createElement(Line, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-main'], classes.main, classes[`main_padding_vertical_${mainPaddingVertical}`], classes[`main_padding_horizontal_${mainPaddingHorizontal}`]])
-  }, children);
-  return /*#__PURE__*/_react.default.createElement(Surface, (0, _extends2.default)({
+  const main = /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-main'], classes.main, classes[`main_padding_vertical_${mainPaddingVertical}`], classes[`main_padding_horizontal_${mainPaddingHorizontal}`]]),
+    children: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Surface, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else if (ref !== null && ref !== void 0 && ref.current) ref.current = item;
@@ -258,72 +260,89 @@ const Accordion = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     elevation: elevation,
     Component: Component,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-root', disabled && `onesy-Accordion-disabled`], className, classes.root, open && classes[`expanded_margin_vertical_${expandedMarginVertical}`], noBackground && classes.noBackground, disabled && classes.disabled])
-  }, other), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 3,
-    direction: "row",
-    align: "center",
-    onClick: onClick
-  }, WrapperHeaderProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-wrapper-header'], WrapperHeaderProps === null || WrapperHeaderProps === void 0 ? void 0 : WrapperHeaderProps.className, classes.wrapperHeader, classes[`header_padding_vertical_${headerPaddingVertical}`], classes[`header_padding_horizontal_${headerPaddingHorizontal}`], open && [classes[`expanded_header_padding_vertical_${expandedHeaderPaddingVertical}`]]])
-  }), start, /*#__PURE__*/_react.default.createElement(Grid, (0, _extends2.default)({
-    gap: {
-      default: 3,
-      700: 0.5
-    },
-    direction: {
-      default: 'row',
-      700: 'column'
-    }
-  }, HeaderProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-header'], HeaderProps === null || HeaderProps === void 0 ? void 0 : HeaderProps.className, classes.header])
-  }), /*#__PURE__*/_react.default.createElement(Grid, {
-    values: {
-      sm: !secondary ? 12 : 3
-    }
-  }, (0, _utils.is)('simple', primary) ? /*#__PURE__*/_react.default.createElement(Type, {
-    version: "b1",
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-primary'], classes.primary])
-  }, primary) : _react.default.Children.toArray(primary).filter(Boolean).map((item_0, index) => {
-    if ((0, _utils.is)('simple', item_0)) return item_0;
-    return /*#__PURE__*/_react.default.cloneElement(item_0, {
-      key: index
-    });
-  })), secondary && /*#__PURE__*/_react.default.createElement(Grid, {
-    values: {
-      sm: 7
-    }
-  }, (0, _utils.is)('simple', secondary) ? /*#__PURE__*/_react.default.createElement(Type, {
-    version: "b1",
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-secondary'], classes.secondary])
-  }, secondary) : _react.default.Children.toArray(secondary).filter(Boolean).map((item_1, index_0) => {
-    if ((0, _utils.is)('simple', item_1)) return item_1;
-    return /*#__PURE__*/_react.default.cloneElement(item_1, {
-      key: index_0
-    });
-  }))), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 0,
-    direction: "row",
-    align: "center"
-  }, EndProps), end, !noExpandButton && /*#__PURE__*/_react.default.createElement(IconButton, (0, _extends2.default)({
-    color: "inherit",
-    "aria-label": primary || secondary,
-    "aria-controls": refs.ids.data,
-    "aria-expanded": open,
-    id: refs.ids.button
-  }, IconButtonProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-icon-button'], IconButtonProps === null || IconButtonProps === void 0 ? void 0 : IconButtonProps.className, classes.iconButton])
-  }), /*#__PURE__*/_react.default.createElement(ExpandIcon, {
-    className: (0, _styleReact.classNames)([classes.icon, open && classes.icon_open])
-  })))), noExpand ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, open && main) : /*#__PURE__*/_react.default.createElement(Expand, (0, _extends2.default)({
-    in: open,
-    parent: parent,
-    onTransition: (element, status) => {
-      refs.expandInProgress.current = !['appended', 'entered', 'exited', 'removed'].includes(status);
-    },
-    role: "region",
-    "aria-labelledby": refs.ids.button,
-    id: refs.ids.data
-  }, ExpandProps), /*#__PURE__*/_react.default.createElement(TransitionComponent, TransitionComponentProps, main)));
-});
+  }, other), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+      gap: 3,
+      direction: "row",
+      align: "center",
+      onClick: onClick
+    }, WrapperHeaderProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-wrapper-header'], WrapperHeaderProps === null || WrapperHeaderProps === void 0 ? void 0 : WrapperHeaderProps.className, classes.wrapperHeader, classes[`header_padding_vertical_${headerPaddingVertical}`], classes[`header_padding_horizontal_${headerPaddingHorizontal}`], open && [classes[`expanded_header_padding_vertical_${expandedHeaderPaddingVertical}`]]]),
+      children: [start, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Grid, _objectSpread(_objectSpread({
+        gap: {
+          default: 3,
+          700: 0.5
+        },
+        direction: {
+          default: 'row',
+          700: 'column'
+        }
+      }, HeaderProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-header'], HeaderProps === null || HeaderProps === void 0 ? void 0 : HeaderProps.className, classes.header]),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Grid, {
+          values: {
+            sm: !secondary ? 12 : 3
+          },
+          children: (0, _utils.is)('simple', primary) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+            version: "b1",
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-primary'], classes.primary]),
+            children: primary
+          }) : _react.default.Children.toArray(primary).filter(Boolean).map((item_0, index) => {
+            if ((0, _utils.is)('simple', item_0)) return item_0;
+            return /*#__PURE__*/_react.default.cloneElement(item_0, {
+              key: index
+            });
+          })
+        }), secondary && /*#__PURE__*/(0, _jsxRuntime.jsx)(Grid, {
+          values: {
+            sm: 7
+          },
+          children: (0, _utils.is)('simple', secondary) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+            version: "b1",
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-secondary'], classes.secondary]),
+            children: secondary
+          }) : _react.default.Children.toArray(secondary).filter(Boolean).map((item_1, index_0) => {
+            if ((0, _utils.is)('simple', item_1)) return item_1;
+            return /*#__PURE__*/_react.default.cloneElement(item_1, {
+              key: index_0
+            });
+          })
+        })]
+      })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+        gap: 0,
+        direction: "row",
+        align: "center"
+      }, EndProps), {}, {
+        children: [end, !noExpandButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
+          color: "inherit",
+          "aria-label": primary || secondary,
+          "aria-controls": refs.ids.data,
+          "aria-expanded": open,
+          id: refs.ids.button
+        }, IconButtonProps), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Accordion', theme) && ['onesy-Accordion-icon-button'], IconButtonProps === null || IconButtonProps === void 0 ? void 0 : IconButtonProps.className, classes.iconButton]),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandIcon, {
+            className: (0, _styleReact.classNames)([classes.icon, open && classes.icon_open])
+          })
+        }))]
+      }))]
+    })), noExpand ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: open && main
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Expand, _objectSpread(_objectSpread({
+      in: open,
+      parent: parent,
+      onTransition: (element, status) => {
+        refs.expandInProgress.current = !['appended', 'entered', 'exited', 'removed'].includes(status);
+      },
+      role: "region",
+      "aria-labelledby": refs.ids.button,
+      id: refs.ids.data
+    }, ExpandProps), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, _objectSpread(_objectSpread({}, TransitionComponentProps), {}, {
+        children: main
+      }))
+    }))]
+  }));
+};
 Accordion.displayName = 'onesy-Accordion';
 var _default = exports.default = Accordion;

package/AdvancedTextField/AdvancedTextField.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"));
@@ -13,7 +12,8 @@ var _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
 var _TextField = _interopRequireDefault(require("../TextField"));
 var _utils2 = require("../utils");
-const _excluded = ["valueDefault", "value", "validate", "prefix", "mask", "maskProactive", "thousand", "thousandSeparator", "onChange", "TextFieldProps", "className"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "valueDefault", "value", "validate", "prefix", "mask", "maskProactive", "thousand", "thousandSeparator", "onChange", "TextFieldProps", "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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -21,12 +21,13 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-AdvancedTextField'
 });
-const AdvancedTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const AdvancedTextField = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
   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.onesyAdvancedTextField) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const TextField = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.TextField) || _TextField.default;
   const {
+      ref,
       valueDefault,
       value: value_,
       validate,
@@ -150,7 +151,7 @@ const AdvancedTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) =
     if (!props.hasOwnProperty('value')) setValue(valueNew);
     if ((0, _utils.is)('function', onChange_)) onChange_(valueNew);
   };
-  return /*#__PURE__*/_react.default.createElement(TextField, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, _objectSpread(_objectSpread({
     ref: item_1 => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item_1);else ref.current = item_1;
@@ -161,7 +162,7 @@ const AdvancedTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) =
     onChange: onChange,
     controlled: true,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AdvancedTextField', theme) && ['onesy-AdvancedTextField-root'], className, classes.root])
-  }, other, TextFieldProps));
-});
+  }, other), TextFieldProps));
+};
 AdvancedTextField.displayName = 'onesy-AdvancedTextField';
 var _default = exports.default = AdvancedTextField;

package/Append/Append.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
 var _Portal = _interopRequireDefault(require("../Portal"));
+var _jsxRuntime = require("react/jsx-runtime");
 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 valuesDefault = {
@@ -479,26 +480,30 @@ const Append = props_ => {
     rootDocumentElement.body.style.position = rootDocumentElement.body.style.position || 'relative';
     rootDocumentElement.body.style.margin = rootDocumentElement.body.style.margin || '0';
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children && /*#__PURE__*/_react.default.cloneElement(children, {
-    ref: item_0 => {
-      if (children.ref) {
-        if ((0, _utils.is)('function', children.ref)) children.ref(item_0);else children.ref.current = item_0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [children && /*#__PURE__*/_react.default.cloneElement(children, {
+      ref: item_0 => {
+        if (children.ref) {
+          if ((0, _utils.is)('function', children.ref)) children.ref(item_0);else children.ref.current = item_0;
+        }
+        refs.root.current = item_0;
       }
-      refs.root.current = item_0;
-    }
-  }), open && (children || anchorElement || anchor) && /*#__PURE__*/_react.default.createElement(PortalComponent, PortalComponentProps, (0, _utils.is)('function', element) ? element({
-    ref: refs.element,
-    values,
-    style
-  }) : /*#__PURE__*/_react.default.cloneElement(element, {
-    ref: item_1 => {
-      if (element !== null && element !== void 0 && element.ref) {
-        if ((0, _utils.is)('function', element.ref)) element.ref(item_1);else element.ref.current = item_1;
-      }
-      refs.element.current = item_1;
-    },
-    style
-  })));
+    }), open && (children || anchorElement || anchor) && /*#__PURE__*/(0, _jsxRuntime.jsx)(PortalComponent, _objectSpread(_objectSpread({}, PortalComponentProps), {}, {
+      children: (0, _utils.is)('function', element) ? element({
+        ref: refs.element,
+        values,
+        style
+      }) : /*#__PURE__*/_react.default.cloneElement(element, {
+        ref: item_1 => {
+          if (element !== null && element !== void 0 && element.ref) {
+            if ((0, _utils.is)('function', element.ref)) element.ref(item_1);else element.ref.current = item_1;
+          }
+          refs.element.current = item_1;
+        },
+        style
+      })
+    }))]
+  });
 };
 Append.displayName = 'onesy-Append';
 var _default = exports.default = Append;

package/AreaChart/AreaChart.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 _Chart = _interopRequireDefault(require("../Chart"));
 var _AreaChartItem = _interopRequireDefault(require("../AreaChartItem"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["values", "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; }
@@ -23,9 +23,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-AreaChart'
 });
-const AreaChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const AreaChart = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
-  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.onesyAreaChart) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Chart = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Chart) || _Chart.default;
@@ -39,27 +39,25 @@ const AreaChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     classes
   } = useStyle();
   const t0 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("AreaChart", theme) && ["onesy-AreaChart-root"], className, classes.root]);
-  const t1 = (0, _utils.is)("array", values) && values.map((item, index) => /*#__PURE__*/_react.default.createElement(AreaChartItem, (0, _extends2.default)({
-    key: index
-  }, item)));
+  const t1 = (0, _utils.is)("array", values) && values.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(AreaChartItem, _objectSpread({}, item), index));
   let t2;
-  if ($[0] !== Chart || $[1] !== other || $[2] !== ref || $[3] !== t0 || $[4] !== t1 || $[5] !== values) {
-    t2 = /*#__PURE__*/_react.default.createElement(Chart, (0, _extends2.default)({
-      ref: ref,
+  if ($[0] !== Chart || $[1] !== other || $[2] !== t0 || $[3] !== t1 || $[4] !== values) {
+    t2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Chart, _objectSpread(_objectSpread({
       values: values,
       className: t0
-    }, other), t1);
+    }, other), {}, {
+      children: t1
+    }));
     $[0] = Chart;
     $[1] = other;
-    $[2] = ref;
-    $[3] = t0;
-    $[4] = t1;
-    $[5] = values;
-    $[6] = t2;
+    $[2] = t0;
+    $[3] = t1;
+    $[4] = values;
+    $[5] = t2;
   } else {
-    t2 = $[6];
+    t2 = $[5];
   }
   return t2;
-});
+};
 AreaChart.displayName = 'onesy-AreaChart';
 var _default = exports.default = AreaChart;

package/AreaChartItem/AreaChartItem.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"));
@@ -16,6 +15,7 @@ var _Line = _interopRequireDefault(require("../Line"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["tonal", "color", "name", "values", "refs", "rects", "updateDefs", "updateLegend", "minMax", "animate", "animateTimeout", "smooth", "smoothRatio", "linearGradient", "PathProps", "BackgroundProps", "BorderProps", "LegendItemProps", "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; }
@@ -45,7 +45,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-AreaChartItem'
 });
-const AreaChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const AreaChartItem = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
   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.onesyAreaChartItem) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -112,37 +112,40 @@ const AreaChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   refs.animateTimeout.current = animateTimeout;
   refs.init.current = init;
   const LegendItem = legendItemProps => {
-    return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread(_objectSpread({
       gap: 1,
       direction: "row",
       align: "center"
-    }, legendItemProps, LegendItemProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AreaChartItem', theme) && ['onesy-AreaChartItem-legend-item'], legendItemProps === null || legendItemProps === void 0 ? void 0 : legendItemProps.className, LegendItemProps === null || LegendItemProps === void 0 ? void 0 : LegendItemProps.className, classes.legend_item])
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AreaChartItem', theme) && ['onesy-AreaChartItem-legend-icon'], classes.legend_icon]),
-      style: {
-        color: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color].main
-      }
-    }), /*#__PURE__*/_react.default.createElement(Type, {
-      version: "b3"
-    }, name));
+    }, legendItemProps), LegendItemProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AreaChartItem', theme) && ['onesy-AreaChartItem-legend-item'], legendItemProps === null || legendItemProps === void 0 ? void 0 : legendItemProps.className, LegendItemProps === null || LegendItemProps === void 0 ? void 0 : LegendItemProps.className, classes.legend_item]),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AreaChartItem', theme) && ['onesy-AreaChartItem-legend-icon'], classes.legend_icon]),
+        style: {
+          color: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color].main
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+        version: "b3",
+        children: name
+      })]
+    }));
   };
   const LinearGradient = () => {
-    return /*#__PURE__*/_react.default.createElement("linearGradient", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
       id: `areaChartItem_id_${name}`,
       x1: "0%",
       x2: "0%",
       y1: "0%",
-      y2: "100%"
-    }, /*#__PURE__*/_react.default.createElement("stop", {
-      offset: "0%",
-      stopColor: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main'],
-      stopOpacity: "0.54"
-    }), /*#__PURE__*/_react.default.createElement("stop", {
-      offset: "74%",
-      stopColor: refs.theme.current.palette.background.default.primary,
-      stopOpacity: "0"
-    }));
+      y2: "100%",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        offset: "0%",
+        stopColor: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main'],
+        stopOpacity: "0.54"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        offset: "74%",
+        stopColor: refs.theme.current.palette.background.default.primary,
+        stopOpacity: "0"
+      })]
+    });
   };
   const make = () => {
     // Make values into x, y, coordinates
@@ -210,45 +213,47 @@ const AreaChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         }, '');
         d.background += `L ${lastX} ${height} Z`;
       }
-      const element = /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement(Path, (0, _extends2.default)({
-        ref: refs.pathBackground,
-        d: d.background,
-        fill: linearGradient ? `url('#areaChartItem_id_${name}` : refs.theme.current.methods.palette.color.colorToRgb(!refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color].main, 0.14),
-        stroke: "none"
-      }, PathProps, BackgroundProps, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, PathProps === null || PathProps === void 0 ? void 0 : PathProps.style), BackgroundProps === null || BackgroundProps === void 0 ? void 0 : BackgroundProps.style), {}, {
-          transition: theme.methods.transitions.make('opacity', {
-            duration: 2400,
-            timing_function: 'decelerated'
-          })
-        }, refs.animate.current && refs.init.current !== 'animated' && {
-          opacity: 0
-        }), refs.animate.current && refs.init.current === 'animated' && {
-          opacity: 1
-        })
-      })), /*#__PURE__*/_react.default.createElement(Path, (0, _extends2.default)({
-        ref: refs.path,
-        d: d.border,
-        fill: "none",
-        stroke: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color].main,
-        strokeWidth: "2px"
-      }, PathProps, BorderProps, {
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, PathProps === null || PathProps === void 0 ? void 0 : PathProps.style), BorderProps === null || BorderProps === void 0 ? void 0 : BorderProps.style), {}, {
-          transition: theme.methods.transitions.make('stroke-dashoffset', {
-            duration: 2400,
-            timing_function: 'decelerated'
+      const element = /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Path, _objectSpread(_objectSpread(_objectSpread({
+          ref: refs.pathBackground,
+          d: d.background,
+          fill: linearGradient ? `url('#areaChartItem_id_${name}` : refs.theme.current.methods.palette.color.colorToRgb(!refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color].main, 0.14),
+          stroke: "none"
+        }, PathProps), BackgroundProps), {}, {
+          style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, PathProps === null || PathProps === void 0 ? void 0 : PathProps.style), BackgroundProps === null || BackgroundProps === void 0 ? void 0 : BackgroundProps.style), {}, {
+            transition: theme.methods.transitions.make('opacity', {
+              duration: 2400,
+              timing_function: 'decelerated'
+            })
+          }, refs.animate.current && refs.init.current !== 'animated' && {
+            opacity: 0
+          }), refs.animate.current && refs.init.current === 'animated' && {
+            opacity: 1
           })
-        }, refs.animate.current && refs.init.current !== 'animated' && {
-          opacity: 0
-        }), refs.pathStyle.current)
-      })));
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Path, _objectSpread(_objectSpread(_objectSpread({
+          ref: refs.path,
+          d: d.border,
+          fill: "none",
+          stroke: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color].main,
+          strokeWidth: "2px"
+        }, PathProps), BorderProps), {}, {
+          style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, PathProps === null || PathProps === void 0 ? void 0 : PathProps.style), BorderProps === null || BorderProps === void 0 ? void 0 : BorderProps.style), {}, {
+            transition: theme.methods.transitions.make('stroke-dashoffset', {
+              duration: 2400,
+              timing_function: 'decelerated'
+            })
+          }, refs.animate.current && refs.init.current !== 'animated' && {
+            opacity: 0
+          }), refs.pathStyle.current)
+        }))]
+      });
 
       // Defs
       if (refs_.defs) {
         const linearGradientElement = refs_.defs.querySelector(`#areaChartItem_id_${name}`);
         if (!linearGradientElement) {
           updateDefs(previous => {
-            return [...(previous || []), /*#__PURE__*/_react.default.createElement(LinearGradient, null)];
+            return [...(previous || []), /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearGradient, {})];
           });
         } else {
           linearGradientElement.children[0].setAttribute('stop-color', !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main']);
@@ -269,7 +274,7 @@ const AreaChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
                 name,
                 values
               },
-              element: /*#__PURE__*/_react.default.createElement(LegendItem, null)
+              element: /*#__PURE__*/(0, _jsxRuntime.jsx)(LegendItem, {})
             });
           }
           return newValues;
@@ -309,7 +314,7 @@ const AreaChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   return value && /*#__PURE__*/_react.default.cloneElement(value, _objectSpread({
     className
   }, other));
-});
+};
 
 // Parts of the logic done thanks to
 // https://francoisromain.medium.com/smooth-a-svg-path-with-cubic-bezier-curves-e37b49d46c74