@onesy/ui-react 1.0.172 → 1.0.173

package/esm/LineChartItem/LineChartItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["tonal", "color", "name", "values", "refs", "rects", "updateDefs", "updateLegend", "minMax", "animate", "animateTimeout", "smooth", "smoothRatio", "PathProps", "BackgroundProps", "BorderProps", "LegendItemProps", "className"];
@@ -12,6 +11,7 @@ import LineElement from '../Line';
 import TypeElement from '../Type';
 import useMediaQuery from '../useMediaQuery';
 import { controlPoint, staticClassName, valueBreakpoints } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {},
   legend_item: {
@@ -24,7 +24,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-LineChartItem'
 });
-const LineChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const LineChartItem = props_ => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyLineChartItem?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
@@ -88,20 +88,22 @@ const LineChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
   refs.animateTimeout.current = animateTimeout;
   refs.init.current = init;
   const LegendItem = legendItemProps => {
-    return /*#__PURE__*/React.createElement(Line, _extends({
+    return /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread(_objectSpread({
       gap: 1,
       direction: "row",
       align: "center"
-    }, legendItemProps, LegendItemProps, {
-      className: classNames([staticClassName('LineChartItem', theme) && ['onesy-LineChartItem-legend-item'], legendItemProps?.className, LegendItemProps?.className, classes.legend_item])
-    }), /*#__PURE__*/React.createElement("span", {
-      className: classNames([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.createElement(Type, {
-      version: "b3"
-    }, name));
+    }, legendItemProps), LegendItemProps), {}, {
+      className: classNames([staticClassName('LineChartItem', theme) && ['onesy-LineChartItem-legend-item'], legendItemProps?.className, LegendItemProps?.className, classes.legend_item]),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: classNames([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__*/_jsx(Type, {
+        version: "b3",
+        children: name
+      })]
+    }));
   };
   const make = () => {
     // Make values into x, y, coordinates
@@ -145,17 +147,19 @@ const LineChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
           return result_1 += `C ${x1} ${y1} ${x2} ${y2} ${x_1} ${y_1}`;
         }, '');
       }
-      const element = /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement(Path, _extends({
-        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?.style), refs.animate.current && refs.init.current !== 'animated' && {
-          opacity: 0
-        }), refs.pathStyle.current)
-      })));
+      const element = /*#__PURE__*/_jsx("g", {
+        children: /*#__PURE__*/_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?.style), refs.animate.current && refs.init.current !== 'animated' && {
+            opacity: 0
+          }), refs.pathStyle.current)
+        }))
+      });
 
       // Legend item
       if (is('function', updateLegend)) {
@@ -167,7 +171,7 @@ const LineChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
                 name,
                 values
               },
-              element: /*#__PURE__*/React.createElement(LegendItem, null)
+              element: /*#__PURE__*/_jsx(LegendItem, {})
             });
           }
           return newValues;
@@ -211,7 +215,7 @@ const LineChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
   return value && /*#__PURE__*/React.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/esm/LinearMeter/LinearMeter.js

@@ -1,7 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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"],
+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"];
@@ -12,6 +11,7 @@ import { clamp, is, parse } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import SurfaceElement from '../Surface';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {
     width: '100%'
@@ -38,11 +38,12 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-LinearMeter'
 });
-const LinearMeter = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const LinearMeter = props_ => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyLinearMeter?.props?.default), props_);
   const Surface = theme?.elements?.Surface || SurfaceElement;
   const {
+      ref,
       tonal = true,
       color = 'primary',
       size = 'regular',
@@ -366,7 +367,7 @@ const LinearMeter = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     return values_3.join(' ');
   }, [orientation, linePosition, width, height, boundaryWidth, outsidePadding, paddingVertical, paddingHorizontal]);
-  return /*#__PURE__*/React.createElement(Component, _extends({
+  return /*#__PURE__*/_jsxs(Component, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if (is('function', ref)) ref(item);else ref.current = item;
@@ -375,88 +376,92 @@ const LinearMeter = /*#__PURE__*/React.forwardRef((props_, ref) => {
     },
     className: classNames([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.createElement(Surface, {
-    tonal: tonal,
-    color: color
-  }, ({
-    color: color_,
-    backgroundColor
-  }) => /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: `0 0 ${width || 0} ${height || 0}`
-  }, SvgProps, {
-    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-svg'], SvgProps?.className, classes.svg])
-  }), background && /*#__PURE__*/React.createElement("path", _extends({
-    d: pathBackground,
-    fill: backgroundColor,
-    stroke: "none"
-  }, pathProps, BackgroundProps)), border && /*#__PURE__*/React.createElement("path", _extends({
-    d: pathBorder,
-    fill: "none",
-    stroke: color_,
-    strokeWidth: boundaryWidth
-  }, pathProps, BorderProps)), linesVisible && /*#__PURE__*/React.createElement("g", {
-    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-arcs'], classes.arcs])
-  }, lines.map((item_0, index_1) => /*#__PURE__*/React.createElement("path", _extends({
-    key: index_1,
-    d: item_0.d,
-    fill: "none",
-    stroke: color_,
-    strokeWidth: boundaryWidth,
-    strokeLinecap: lineCap
-  }, pathProps, LineProps, LineMainProps)))), linesVisible && lineProgress && /*#__PURE__*/React.createElement("g", _extends({}, LinesProgressProps, {
-    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-lines-progress'], LinesProgressProps?.className, classes.lines_progress])
-  }), lines.map((item_1, index_2) => /*#__PURE__*/React.createElement("path", _extends({
-    key: index_2,
-    d: item_1.d,
-    fill: "none",
-    stroke: color_,
-    strokeWidth: boundaryWidth,
-    strokeLinecap: lineCap
-  }, pathProps, LineProps, LineProgressProps)))), children && /*#__PURE__*/React.createElement("g", {
-    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-children'], classes.children])
-  }, React.Children.toArray(children).map((item_2, index_3) => {
-    return /*#__PURE__*/React.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.createElement("g", {
-    key: index_4,
-    className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-marks'], classes.marks])
-  }, marksValue_0.map((item_3, index_) => /*#__PURE__*/React.createElement("path", _extends({
-    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.createElement("g", {
-    key: index_5,
-    className: classNames([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 = _objectWithoutProperties(item_4, _excluded4);
-    return /*#__PURE__*/React.createElement("text", _extends({
-      key: index__0,
-      x: x_5,
-      y: y_5
-    }, other__1, textProps, LabelProps, {
-      className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-label'], other__1?.className, textProps?.className, LabelProps?.className, classes.label]),
-      style: _objectSpread(_objectSpread(_objectSpread({
-        fill: color_
-      }, other__1.style), textProps?.style), LabelProps?.style)
-    }), value_1);
-  }))))));
-});
+  }, other), {}, {
+    children: [additional, /*#__PURE__*/_jsx(Surface, {
+      tonal: tonal,
+      color: color,
+      children: ({
+        color: color_,
+        backgroundColor
+      }) => /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: `0 0 ${width || 0} ${height || 0}`
+      }, SvgProps), {}, {
+        className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-svg'], SvgProps?.className, classes.svg]),
+        children: [background && /*#__PURE__*/_jsx("path", _objectSpread(_objectSpread({
+          d: pathBackground,
+          fill: backgroundColor,
+          stroke: "none"
+        }, pathProps), BackgroundProps)), border && /*#__PURE__*/_jsx("path", _objectSpread(_objectSpread({
+          d: pathBorder,
+          fill: "none",
+          stroke: color_,
+          strokeWidth: boundaryWidth
+        }, pathProps), BorderProps)), linesVisible && /*#__PURE__*/_jsx("g", {
+          className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-arcs'], classes.arcs]),
+          children: lines.map((item_0, index_1) => /*#__PURE__*/_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__*/_jsx("g", _objectSpread(_objectSpread({}, LinesProgressProps), {}, {
+          className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-lines-progress'], LinesProgressProps?.className, classes.lines_progress]),
+          children: lines.map((item_1, index_2) => /*#__PURE__*/_jsx("path", _objectSpread(_objectSpread(_objectSpread({
+            d: item_1.d,
+            fill: "none",
+            stroke: color_,
+            strokeWidth: boundaryWidth,
+            strokeLinecap: lineCap
+          }, pathProps), LineProps), LineProgressProps), index_2))
+        })), children && /*#__PURE__*/_jsx("g", {
+          className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-children'], classes.children]),
+          children: React.Children.toArray(children).map((item_2, index_3) => {
+            return /*#__PURE__*/React.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__*/_jsx("g", {
+          className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-marks'], classes.marks]),
+          children: marksValue_0.map((item_3, index_) => /*#__PURE__*/_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__*/_jsx("g", {
+          className: classNames([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 = _objectWithoutProperties(item_4, _excluded4);
+            return /*#__PURE__*/_jsx("text", _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              x: x_5,
+              y: y_5
+            }, other__1), textProps), LabelProps), {}, {
+              className: classNames([staticClassName('LinearMeter', theme) && ['onesy-LinearMeter-label'], other__1?.className, textProps?.className, LabelProps?.className, classes.label]),
+              style: _objectSpread(_objectSpread(_objectSpread({
+                fill: color_
+              }, other__1.style), textProps?.style), LabelProps?.style),
+              children: value_1
+            }), index__0);
+          })
+        }, index_5))]
+      }))
+    })]
+  }));
+};
 LinearMeter.displayName = 'onesy-LinearMeter';
 export default LinearMeter;

package/esm/LinearProgress/LinearProgress.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["tonal", "color", "value", "version", "buffer", "reverse", "Component", "className", "style"];
@@ -9,6 +8,7 @@ import React from 'react';
 import { clamp, is } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const other_ = {
   position: 'absolute',
   inset: '0',
@@ -252,7 +252,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-LinearProgress'
 });
-const LinearProgress = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const LinearProgress = props_ => {
   const $ = _c(3);
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyLinearProgress?.props?.default), props_);
@@ -327,29 +327,34 @@ const LinearProgress = /*#__PURE__*/React.forwardRef((props_, ref) => {
   } else {
     t5 = $[2];
   }
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    ref: ref,
+  return /*#__PURE__*/_jsxs(Component, _objectSpread(_objectSpread({
     role: "meter",
     className: t4,
     style: _objectSpread(_objectSpread({}, styles.root), style)
-  }, other), withBuffer && /*#__PURE__*/React.createElement("div", {
-    className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-buffer-dots"], classes.bufferDots, reverse && classes.bufferDots_reverse]),
-    style: styles.bufferDots
-  }), /*#__PURE__*/React.createElement("div", {
-    className: t5,
-    style: styles.buffer
-  }), version === "indeterminate" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-line-indeterminate"], classes[!reverse ? "lineIndeterminate" : "lineIndeterminate_reverse"]])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-inner"], classes.inner])
-  })), /*#__PURE__*/React.createElement("div", {
-    className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-line-indeterminate-1"], classes[!reverse ? "lineIndeterminate1" : "lineIndeterminate1_reverse"]])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-inner-1"], classes.inner1])
-  }))) : /*#__PURE__*/React.createElement("div", {
-    className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-line"], classes.line]),
-    style: styles.line
+  }, other), {}, {
+    children: [withBuffer && /*#__PURE__*/_jsx("div", {
+      className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-buffer-dots"], classes.bufferDots, reverse && classes.bufferDots_reverse]),
+      style: styles.bufferDots
+    }), /*#__PURE__*/_jsx("div", {
+      className: t5,
+      style: styles.buffer
+    }), version === "indeterminate" ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-line-indeterminate"], classes[!reverse ? "lineIndeterminate" : "lineIndeterminate_reverse"]]),
+        children: /*#__PURE__*/_jsx("div", {
+          className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-inner"], classes.inner])
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-line-indeterminate-1"], classes[!reverse ? "lineIndeterminate1" : "lineIndeterminate1_reverse"]]),
+        children: /*#__PURE__*/_jsx("div", {
+          className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-inner-1"], classes.inner1])
+        })
+      })]
+    }) : /*#__PURE__*/_jsx("div", {
+      className: classNames([staticClassName("LinearProgress", theme) && ["onesy-LinearProgress-line"], classes.line]),
+      style: styles.line
+    })]
   }));
-});
+};
 LinearProgress.displayName = 'onesy-LinearProgress';
 export default LinearProgress;

package/esm/Link/Link.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["tonal", "color", "version", "underline", "Component", "className", "style", "children"];
@@ -9,6 +8,7 @@ import React from 'react';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import TypeElement from '../Type';
 import { staticClassName } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {
     position: 'relative',
@@ -109,7 +109,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-Link'
 });
-const Link = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const Link = props_ => {
   const $ = _c(4);
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyLink?.props?.default), props_);
@@ -193,8 +193,7 @@ const Link = /*#__PURE__*/React.forwardRef((props_, ref) => {
   if (hover) {
     styles.root.color = theme.methods.palette.color.value(color, 10, true, palette);
   }
-  return /*#__PURE__*/React.createElement(Type, _extends({
-    ref: ref,
+  return /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
     onFocus: onFocus,
     onBlur: onBlur,
     onMouseEnter: onMouseEnter,
@@ -206,7 +205,9 @@ const Link = /*#__PURE__*/React.forwardRef((props_, ref) => {
     Component: Component,
     className: classNames([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';
 export default Link;