@onesy/ui-react 1.0.172 → 1.0.173

package/LineChartItem/LineChartItem.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", "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; }
@@ -31,7 +31,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-LineChartItem'
 });
-const LineChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const LineChartItem = 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.onesyLineChartItem) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -96,20 +96,22 @@ const LineChartItem = /*#__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)('LineChartItem', theme) && ['onesy-LineChartItem-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)('LineChartItem', theme) && ['onesy-LineChartItem-legend-icon'], classes.legend_icon]),
-      style: {
-        background: !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)('LineChartItem', theme) && ['onesy-LineChartItem-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)('LineChartItem', theme) && ['onesy-LineChartItem-legend-icon'], classes.legend_icon]),
+        style: {
+          background: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main']
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+        version: "b3",
+        children: name
+      })]
+    }));
   };
   const make = () => {
     // Make values into x, y, coordinates
@@ -153,17 +155,19 @@ const LineChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
           return result_1 += `C ${x1} ${y1} ${x2} ${y2} ${x_1} ${y_1}`;
         }, '');
       }
-      const element = /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement(Path, (0, _extends2.default)({
-        ref: refs.path,
-        d: d,
-        fill: "none",
-        stroke: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main'],
-        strokeWidth: "2px"
-      }, PathProps, {
-        style: _objectSpread(_objectSpread(_objectSpread({}, PathProps === null || PathProps === void 0 ? void 0 : PathProps.style), refs.animate.current && refs.init.current !== 'animated' && {
-          opacity: 0
-        }), refs.pathStyle.current)
-      })));
+      const element = /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Path, _objectSpread(_objectSpread({
+          ref: refs.path,
+          d: d,
+          fill: "none",
+          stroke: !refs.theme.current.palette.color[color] ? color : refs.theme.current.palette.color[color]['main'],
+          strokeWidth: "2px"
+        }, PathProps), {}, {
+          style: _objectSpread(_objectSpread(_objectSpread({}, PathProps === null || PathProps === void 0 ? void 0 : PathProps.style), refs.animate.current && refs.init.current !== 'animated' && {
+            opacity: 0
+          }), refs.pathStyle.current)
+        }))
+      });
 
       // Legend item
       if ((0, _utils.is)('function', updateLegend)) {
@@ -178,7 +182,7 @@ const LineChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
                 name,
                 values
               },
-              element: /*#__PURE__*/_react.default.createElement(LegendItem, null)
+              element: /*#__PURE__*/(0, _jsxRuntime.jsx)(LegendItem, {})
             });
           }
           return newValues;
@@ -222,7 +226,7 @@ const LineChartItem = /*#__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

package/LinearMeter/LinearMeter.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 _Surface = _interopRequireDefault(require("../Surface"));
 var _utils2 = require("../utils");
-const _excluded = ["tonal", "color", "size", "parts", "lineCap", "orientation", "linePosition", "width", "height", "padding", "paddingVertical", "paddingHorizontal", "gap", "border", "background", "boundaryWidth", "lineProgress", "linesVisible", "marksVisible", "labelsVisible", "marks", "markSize", "markWidth", "labels", "additional", "textProps", "pathProps", "SvgProps", "MarkProps", "LabelProps", "BackgroundProps", "BorderProps", "LineProps", "LineMainProps", "LinesProgressProps", "LineProgressProps", "Component", "className", "style", "children"],
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "tonal", "color", "size", "parts", "lineCap", "orientation", "linePosition", "width", "height", "padding", "paddingVertical", "paddingHorizontal", "gap", "border", "background", "boundaryWidth", "lineProgress", "linesVisible", "marksVisible", "labelsVisible", "marks", "markSize", "markWidth", "labels", "additional", "textProps", "pathProps", "SvgProps", "MarkProps", "LabelProps", "BackgroundProps", "BorderProps", "LineProps", "LineMainProps", "LinesProgressProps", "LineProgressProps", "Component", "className", "style", "children"],
   _excluded2 = ["size", "padding", "position"],
   _excluded3 = ["value", "padding", "position"],
   _excluded4 = ["x", "y", "value"];
@@ -45,12 +45,13 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-LinearMeter'
 });
-const LinearMeter = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const LinearMeter = 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.onesyLinearMeter) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Surface = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Surface) || _Surface.default;
   const {
+      ref,
       tonal = true,
       color = 'primary',
       size = 'regular',
@@ -376,7 +377,7 @@ const LinearMeter = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }
     return values_3.join(' ');
   }, [orientation, linePosition, width, height, boundaryWidth, outsidePadding, paddingVertical, paddingHorizontal]);
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
@@ -385,88 +386,92 @@ const LinearMeter = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     },
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-root', `onesy-LinearMeter-size-${size}`], className, classes.root, classes[`size_${size}`]]),
     style: _objectSpread(_objectSpread({}, styles.root), style)
-  }, other), additional, /*#__PURE__*/_react.default.createElement(Surface, {
-    tonal: tonal,
-    color: color
-  }, ({
-    color: color_,
-    backgroundColor
-  }) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: `0 0 ${width || 0} ${height || 0}`
-  }, SvgProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-svg'], SvgProps === null || SvgProps === void 0 ? void 0 : SvgProps.className, classes.svg])
-  }), background && /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: pathBackground,
-    fill: backgroundColor,
-    stroke: "none"
-  }, pathProps, BackgroundProps)), border && /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    d: pathBorder,
-    fill: "none",
-    stroke: color_,
-    strokeWidth: boundaryWidth
-  }, pathProps, BorderProps)), linesVisible && /*#__PURE__*/_react.default.createElement("g", {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-arcs'], classes.arcs])
-  }, lines.map((item_0, index_1) => /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    key: index_1,
-    d: item_0.d,
-    fill: "none",
-    stroke: color_,
-    strokeWidth: boundaryWidth,
-    strokeLinecap: lineCap
-  }, pathProps, LineProps, LineMainProps)))), linesVisible && lineProgress && /*#__PURE__*/_react.default.createElement("g", (0, _extends2.default)({}, LinesProgressProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-lines-progress'], LinesProgressProps === null || LinesProgressProps === void 0 ? void 0 : LinesProgressProps.className, classes.lines_progress])
-  }), lines.map((item_1, index_2) => /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    key: index_2,
-    d: item_1.d,
-    fill: "none",
-    stroke: color_,
-    strokeWidth: boundaryWidth,
-    strokeLinecap: lineCap
-  }, pathProps, LineProps, LineProgressProps)))), children && /*#__PURE__*/_react.default.createElement("g", {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-children'], classes.children])
-  }, _react.default.Children.toArray(children).map((item_2, index_3) => {
-    return /*#__PURE__*/_react.default.cloneElement(item_2, {
-      key: index_3,
-      fill: item_2.props.fill !== undefined ? item_2.props.fill : color_,
-      stroke: item_2.props.stroke !== undefined ? item_2.props.stroke : color_,
-      // clean up
-      value: undefined,
-      style: _objectSpread(_objectSpread({}, item_2.props.value !== undefined ? {
-        transform: orientation === 'horizontal' ? `translate3d(${paddings.x + (item_2.props.value / 100 || 0) * (width - paddings.x * 2)}px, 0, 0)` : `translate3d(0, ${paddings.y + (item_2.props.value / 100 || 0) * (height - paddings.y * 2)}px, 0)`
-      } : undefined), item_2.props.style)
-    });
-  })), marksVisible && !!marks_.length && marks.map((marksValue_0, index_4) => /*#__PURE__*/_react.default.createElement("g", {
-    key: index_4,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-marks'], classes.marks])
-  }, marksValue_0.map((item_3, index_) => /*#__PURE__*/_react.default.createElement("path", (0, _extends2.default)({
-    key: index_,
-    d: item_3.d,
-    fill: "none",
-    stroke: color_,
-    strokeWidth: item_3.width !== undefined ? item_3.width : markWidth,
-    strokeLinecap: lineCap
-  }, pathProps, MarkProps))))), labelsVisible && !!labels_.length && labels.map((labelsValue_0, index_5) => /*#__PURE__*/_react.default.createElement("g", {
-    key: index_5,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-labels'], classes.labels])
-  }, labelsValue_0.map((item_4, index__0) => {
-    const {
-        x: x_5,
-        y: y_5,
-        value: value_1
-      } = item_4,
-      other__1 = (0, _objectWithoutProperties2.default)(item_4, _excluded4);
-    return /*#__PURE__*/_react.default.createElement("text", (0, _extends2.default)({
-      key: index__0,
-      x: x_5,
-      y: y_5
-    }, other__1, textProps, LabelProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-label'], other__1 === null || other__1 === void 0 ? void 0 : other__1.className, textProps === null || textProps === void 0 ? void 0 : textProps.className, LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.className, classes.label]),
-      style: _objectSpread(_objectSpread(_objectSpread({
-        fill: color_
-      }, other__1.style), textProps === null || textProps === void 0 ? void 0 : textProps.style), LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.style)
-    }), value_1);
-  }))))));
-});
+  }, other), {}, {
+    children: [additional, /*#__PURE__*/(0, _jsxRuntime.jsx)(Surface, {
+      tonal: tonal,
+      color: color,
+      children: ({
+        color: color_,
+        backgroundColor
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", _objectSpread(_objectSpread({
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: `0 0 ${width || 0} ${height || 0}`
+      }, SvgProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-svg'], SvgProps === null || SvgProps === void 0 ? void 0 : SvgProps.className, classes.svg]),
+        children: [background && /*#__PURE__*/(0, _jsxRuntime.jsx)("path", _objectSpread(_objectSpread({
+          d: pathBackground,
+          fill: backgroundColor,
+          stroke: "none"
+        }, pathProps), BackgroundProps)), border && /*#__PURE__*/(0, _jsxRuntime.jsx)("path", _objectSpread(_objectSpread({
+          d: pathBorder,
+          fill: "none",
+          stroke: color_,
+          strokeWidth: boundaryWidth
+        }, pathProps), BorderProps)), linesVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-arcs'], classes.arcs]),
+          children: lines.map((item_0, index_1) => /*#__PURE__*/(0, _jsxRuntime.jsx)("path", _objectSpread(_objectSpread(_objectSpread({
+            d: item_0.d,
+            fill: "none",
+            stroke: color_,
+            strokeWidth: boundaryWidth,
+            strokeLinecap: lineCap
+          }, pathProps), LineProps), LineMainProps), index_1))
+        }), linesVisible && lineProgress && /*#__PURE__*/(0, _jsxRuntime.jsx)("g", _objectSpread(_objectSpread({}, LinesProgressProps), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-lines-progress'], LinesProgressProps === null || LinesProgressProps === void 0 ? void 0 : LinesProgressProps.className, classes.lines_progress]),
+          children: lines.map((item_1, index_2) => /*#__PURE__*/(0, _jsxRuntime.jsx)("path", _objectSpread(_objectSpread(_objectSpread({
+            d: item_1.d,
+            fill: "none",
+            stroke: color_,
+            strokeWidth: boundaryWidth,
+            strokeLinecap: lineCap
+          }, pathProps), LineProps), LineProgressProps), index_2))
+        })), children && /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-children'], classes.children]),
+          children: _react.default.Children.toArray(children).map((item_2, index_3) => {
+            return /*#__PURE__*/_react.default.cloneElement(item_2, {
+              key: index_3,
+              fill: item_2.props.fill !== undefined ? item_2.props.fill : color_,
+              stroke: item_2.props.stroke !== undefined ? item_2.props.stroke : color_,
+              // clean up
+              value: undefined,
+              style: _objectSpread(_objectSpread({}, item_2.props.value !== undefined ? {
+                transform: orientation === 'horizontal' ? `translate3d(${paddings.x + (item_2.props.value / 100 || 0) * (width - paddings.x * 2)}px, 0, 0)` : `translate3d(0, ${paddings.y + (item_2.props.value / 100 || 0) * (height - paddings.y * 2)}px, 0)`
+              } : undefined), item_2.props.style)
+            });
+          })
+        }), marksVisible && !!marks_.length && marks.map((marksValue_0, index_4) => /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-marks'], classes.marks]),
+          children: marksValue_0.map((item_3, index_) => /*#__PURE__*/(0, _jsxRuntime.jsx)("path", _objectSpread(_objectSpread({
+            d: item_3.d,
+            fill: "none",
+            stroke: color_,
+            strokeWidth: item_3.width !== undefined ? item_3.width : markWidth,
+            strokeLinecap: lineCap
+          }, pathProps), MarkProps), index_))
+        }, index_4)), labelsVisible && !!labels_.length && labels.map((labelsValue_0, index_5) => /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-labels'], classes.labels]),
+          children: labelsValue_0.map((item_4, index__0) => {
+            const {
+                x: x_5,
+                y: y_5,
+                value: value_1
+              } = item_4,
+              other__1 = (0, _objectWithoutProperties2.default)(item_4, _excluded4);
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("text", _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              x: x_5,
+              y: y_5
+            }, other__1), textProps), LabelProps), {}, {
+              className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('LinearMeter', theme) && ['onesy-LinearMeter-label'], other__1 === null || other__1 === void 0 ? void 0 : other__1.className, textProps === null || textProps === void 0 ? void 0 : textProps.className, LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.className, classes.label]),
+              style: _objectSpread(_objectSpread(_objectSpread({
+                fill: color_
+              }, other__1.style), textProps === null || textProps === void 0 ? void 0 : textProps.style), LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.style),
+              children: value_1
+            }), index__0);
+          })
+        }, index_5))]
+      }))
+    })]
+  }));
+};
 LinearMeter.displayName = 'onesy-LinearMeter';
 var _default = exports.default = LinearMeter;

package/LinearProgress/LinearProgress.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 _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["tonal", "color", "value", "version", "buffer", "reverse", "Component", "className", "style"];
 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; }
@@ -259,7 +259,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-LinearProgress'
 });
-const LinearProgress = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const LinearProgress = props_ => {
   var _theme$ui, _theme$ui2;
   const $ = (0, _compilerRuntime.c)(3);
   const theme = (0, _styleReact.useOnesyTheme)();
@@ -335,29 +335,34 @@ const LinearProgress = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   } else {
     t5 = $[2];
   }
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, _objectSpread(_objectSpread({
     role: "meter",
     className: t4,
     style: _objectSpread(_objectSpread({}, styles.root), style)
-  }, other), withBuffer && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-buffer-dots"], classes.bufferDots, reverse && classes.bufferDots_reverse]),
-    style: styles.bufferDots
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: t5,
-    style: styles.buffer
-  }), version === "indeterminate" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-line-indeterminate"], classes[!reverse ? "lineIndeterminate" : "lineIndeterminate_reverse"]])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-inner"], classes.inner])
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-line-indeterminate-1"], classes[!reverse ? "lineIndeterminate1" : "lineIndeterminate1_reverse"]])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-inner-1"], classes.inner1])
-  }))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-line"], classes.line]),
-    style: styles.line
+  }, other), {}, {
+    children: [withBuffer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-buffer-dots"], classes.bufferDots, reverse && classes.bufferDots_reverse]),
+      style: styles.bufferDots
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: t5,
+      style: styles.buffer
+    }), version === "indeterminate" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-line-indeterminate"], classes[!reverse ? "lineIndeterminate" : "lineIndeterminate_reverse"]]),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-inner"], classes.inner])
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-line-indeterminate-1"], classes[!reverse ? "lineIndeterminate1" : "lineIndeterminate1_reverse"]]),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-inner-1"], classes.inner1])
+        })
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LinearProgress", theme) && ["onesy-LinearProgress-line"], classes.line]),
+      style: styles.line
+    })]
   }));
-});
+};
 LinearProgress.displayName = 'onesy-LinearProgress';
 var _default = exports.default = LinearProgress;

package/Link/Link.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 = ["tonal", "color", "version", "underline", "Component", "className", "style", "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; }
@@ -116,7 +116,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Link'
 });
-const Link = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Link = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
   const $ = (0, _compilerRuntime.c)(4);
   const theme = (0, _styleReact.useOnesyTheme)();
@@ -201,8 +201,7 @@ const Link = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   if (hover) {
     styles.root.color = theme.methods.palette.color.value(color, 10, true, palette);
   }
-  return /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
     onFocus: onFocus,
     onBlur: onBlur,
     onMouseEnter: onMouseEnter,
@@ -214,7 +213,9 @@ const Link = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     Component: Component,
     className: (0, _styleReact.classNames)([(0, _utils.staticClassName)("Link", theme) && ["onesy-Link-root", hover && "onesy-Link-hover", focus && "onesy-Link-focus"], className, classes.root, classes[`color_${color}`], tonal && classes[`tonal_color_${color}`], underline === true && classes.underline, underline === "hover" && classes.underline_hover, focus && classes.focus]),
     style: _objectSpread(_objectSpread({}, style), styles.root)
-  }, other), children);
-});
+  }, other), {}, {
+    children: children
+  }));
+};
 Link.displayName = 'onesy-Link';
 var _default = exports.default = Link;