@onesy/ui-react 1.0.171 → 1.0.173

package/Radio/Radio.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _compilerRuntime = require("react/compiler-runtime");
@@ -14,6 +13,7 @@ var _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["size", "Component", "className", "style", "children"],
   _excluded2 = ["tonal", "color", "version", "size", "render", "inputRef", "colorUnchecked", "valueDefault", "checkedDefault", "value", "checked", "onChange", "disabled", "Component", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -146,11 +146,12 @@ const IconItem = props => {
   }
   let t3;
   if ($[15] !== Component || $[16] !== className || $[17] !== size || $[18] !== t1 || $[19] !== t2) {
-    t3 = /*#__PURE__*/_react.default.createElement(Component, {
+    t3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
       className: className,
       style: t1,
-      size: size
-    }, t2);
+      size: size,
+      children: t2
+    });
     $[15] = Component;
     $[16] = className;
     $[17] = size;
@@ -162,7 +163,7 @@ const IconItem = props => {
   }
   return t3;
 };
-const Radio = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Radio = 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.onesyRadio) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -233,15 +234,14 @@ const Radio = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }
   let colorValue = color;
   if (!value) colorValue = colorUnchecked;
-  return /*#__PURE__*/_react.default.createElement(IconButton, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
     tabIndex: !disabled ? 0 : -1,
     tonal: tonal,
     color: colorValue,
     version: version,
     size: size,
     onKeyDown: onKeyDown,
-    firstLevelChildren: /*#__PURE__*/_react.default.createElement("input", {
+    firstLevelChildren: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       ref: item => {
         if (inputRef) inputRef.current = item;
         refs.input.current = item;
@@ -259,18 +259,22 @@ const Radio = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     disabled: disabled,
     Component: Component,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radio', theme) && ['onesy-Radio-root', `onesy-Radio-version-${version}`, `onesy-Radio-size-${size}`, value && `onesy-Radio-checked`, disabled && `onesy-Radio-disabled`], className, classes.root, disabled && classes.disabled])
-  }, other), (0, _utils.is)('function', render) ? render(value, _objectSpread(_objectSpread(_objectSpread({}, props), other), {}, {
-    tonal,
-    color,
-    version
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(IconItem, {
-    Component: "div",
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radio', theme) && ['onesy-Radio-icon', 'onesy-Radio-icon-box'], classes.icon, classes.iconBox, classes[`iconBox_size_${size}`], classes[version], disabled && classes.disabled]),
-    style: styles.iconBox
-  }), /*#__PURE__*/_react.default.createElement(IconItem, {
-    Component: "div",
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radio', theme) && ['onesy-Radio-icon', 'onesy-Radio-icon-dot', value && 'onesy-Radio-icon-dot-checked'], classes.icon, classes.iconDot, value && classes.checked])
-  })));
-});
+  }, other), {}, {
+    children: (0, _utils.is)('function', render) ? render(value, _objectSpread(_objectSpread(_objectSpread({}, props), other), {}, {
+      tonal,
+      color,
+      version
+    })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconItem, {
+        Component: "div",
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radio', theme) && ['onesy-Radio-icon', 'onesy-Radio-icon-box'], classes.icon, classes.iconBox, classes[`iconBox_size_${size}`], classes[version], disabled && classes.disabled]),
+        style: styles.iconBox
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(IconItem, {
+        Component: "div",
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radio', theme) && ['onesy-Radio-icon', 'onesy-Radio-icon-dot', value && 'onesy-Radio-icon-dot-checked'], classes.icon, classes.iconDot, value && classes.checked])
+      })]
+    })
+  }));
+};
 Radio.displayName = 'onesy-Radio';
 var _default = exports.default = Radio;

package/Radios/Radios.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"));
@@ -14,6 +13,7 @@ var _styleReact = require("@onesy/style-react");
 var _Type = _interopRequireDefault(require("../Type"));
 var _Line = _interopRequireDefault(require("../Line"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["tonal", "color", "colorUnchecked", "version", "size", "name", "label", "uncheck", "direction", "align", "justify", "valueDefault", "checkedDefault", "value", "checked", "onChange", "disabled", "WrapperProps", "LabelProps", "Component", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -29,7 +29,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Radios'
 });
-const Radios = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Radios = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
   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.onesyRadios) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -84,8 +84,7 @@ const Radios = /*#__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(Line, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
     gap: 1,
     direction: direction,
     align: props.align !== undefined ? props.align : props.direction === 'row' ? 'center' : 'flex-start',
@@ -94,27 +93,32 @@ const Radios = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     "aria-labelledby": refs.ids.label,
     Component: Component,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radios', theme) && ['onesy-Radios-root', `onesy-Radios-version-${version}`, `onesy-Radios-size-${size}`, disabled && `onesy-Radios-disabled`], className, classes.root, disabled && classes.disabled])
-  }, other), label && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: size === 'regular' ? 'l2' : size === 'large' ? 'l1' : 'l3',
-    id: refs.ids.label
-  }, LabelProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radios', theme) && ['onesy-Radios-label'], LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.className, classes.label, disabled && classes.label_disabled])
-  }), label), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: 1,
-    direction: direction,
-    align: props.align !== undefined ? props.align : props.direction === 'row' ? 'center' : 'flex-start',
-    justify: justify
-  }, WrapperProps), children.map((item, index) => (/*#__PURE__*/_react.default.cloneElement(item, {
-    key: index,
-    checked: item.props.value === value,
-    onChange: () => onUpdate(item.props.value),
-    tonal: item.props.tonal !== undefined ? item.props.tonal : tonal,
-    color: item.props.color !== undefined ? item.props.color : color,
-    colorUnchecked: item.props.colorUnchecked !== undefined ? item.props.colorUnchecked : colorUnchecked,
-    version: item.props.version !== undefined ? item.props.version : version,
-    size: item.props.size !== undefined ? item.props.size : size,
-    disabled: item.props.disabled !== undefined ? item.props.disabled : disabled
-  })))));
-});
+  }, other), {}, {
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+      version: size === 'regular' ? 'l2' : size === 'large' ? 'l1' : 'l3',
+      id: refs.ids.label
+    }, LabelProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Radios', theme) && ['onesy-Radios-label'], LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.className, classes.label, disabled && classes.label_disabled]),
+      children: label
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
+      gap: 1,
+      direction: direction,
+      align: props.align !== undefined ? props.align : props.direction === 'row' ? 'center' : 'flex-start',
+      justify: justify
+    }, WrapperProps), {}, {
+      children: children.map((item, index) => (/*#__PURE__*/_react.default.cloneElement(item, {
+        key: index,
+        checked: item.props.value === value,
+        onChange: () => onUpdate(item.props.value),
+        tonal: item.props.tonal !== undefined ? item.props.tonal : tonal,
+        color: item.props.color !== undefined ? item.props.color : color,
+        colorUnchecked: item.props.colorUnchecked !== undefined ? item.props.colorUnchecked : colorUnchecked,
+        version: item.props.version !== undefined ? item.props.version : version,
+        size: item.props.size !== undefined ? item.props.size : size,
+        disabled: item.props.disabled !== undefined ? item.props.disabled : disabled
+      })))
+    }))]
+  }));
+};
 Radios.displayName = 'onesy-Radios';
 var _default = exports.default = Radios;

package/Rating/Rating.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"));
@@ -14,7 +13,8 @@ var _styleReact = require("@onesy/style-react");
 var _IconMaterialGradeW = _interopRequireDefault(require("@onesy/icons-material-rounded-react/IconMaterialGradeW100"));
 var _IconMaterialGradeW100Filled = _interopRequireDefault(require("@onesy/icons-material-rounded-react/IconMaterialGradeW100Filled"));
 var _utils2 = require("../utils");
-const _excluded = ["tonal", "color", "colorInactive", "size", "value", "valueDefault", "valueActive", "valueActiveDefault", "onChange", "onChangeActive", "values", "precision", "onlyValue", "readOnly", "disabled", "icon", "icons", "iconInactive", "iconActive", "IconProps", "IconActiveProps", "IconInactiveProps", "Component", "className", "children"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "tonal", "color", "colorInactive", "size", "value", "valueDefault", "valueActive", "valueActiveDefault", "onChange", "onChangeActive", "values", "precision", "onlyValue", "readOnly", "disabled", "icon", "icons", "iconInactive", "iconActive", "IconProps", "IconActiveProps", "IconInactiveProps", "Component", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -66,11 +66,12 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Rating'
 });
-const Rating = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Rating = props_ => {
   var _theme$ui, _theme$ui2, _String$split$;
   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.onesyRating) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const {
+      ref,
       tonal = true,
       color = 'primary',
       colorInactive = 'default',
@@ -88,8 +89,8 @@ const Rating = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       disabled,
       icon,
       icons,
-      iconInactive = /*#__PURE__*/_react.default.createElement(_IconMaterialGradeW.default, null),
-      iconActive = /*#__PURE__*/_react.default.createElement(_IconMaterialGradeW100Filled.default, null),
+      iconInactive = /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconMaterialGradeW.default, {}),
+      iconActive = /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconMaterialGradeW100Filled.default, {}),
       IconProps,
       IconActiveProps,
       IconInactiveProps,
@@ -316,7 +317,7 @@ const Rating = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     return (icons === null || icons === void 0 || (_icons$index_3 = icons[index_0]) === null || _icons$index_3 === void 0 ? void 0 : _icons$index_3.iconActive) || (icons === null || icons === void 0 || (_icons$index_4 = icons[index_0]) === null || _icons$index_4 === void 0 ? void 0 : _icons$index_4.icon) || icon || iconActive;
   };
   const selected = index_1 => value > index_1 - 1 && value <= index_1;
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else ref.current = ref;
@@ -332,31 +333,35 @@ const Rating = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     onTouchStart: onMouseDown,
     onKeyDown: onKeyDown,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Rating', theme) && ['onesy-Rating-root', `onesy-Rating-size-${size}`, hover && `onesy-Button-hover`, mouseDown && `onesy-Button-mouse-down`, focus && [`onesy-Button-focus`, [undefined, 0].includes(value) && `onesy-Button-focus-noValue`], readOnly && `onesy-Rating-read-only`, disabled && `onesy-Rating-disabled`], className, classes.root, focus && [classes.focus, [undefined, 0].includes(value) && classes.focus_outline], readOnly && classes.readOnly, disabled && classes.disabled])
-  }, other), new Array(values).fill(undefined).map((item_0, index_2) => {
-    var _IconInactive$props, _IconInactive$props2, _IconActive$props, _IconActive$props2, _IconActive$props3, _IconActive$props4, _IconActive$props5, _IconActive$props6;
-    const IconInactive = getIcon(index_2 + 1);
-    const IconActive = getIcon(index_2 + 1, false);
-    return /*#__PURE__*/_react.default.createElement("span", {
-      ref: item_ => refs.values.current.push(item_),
-      key: index_2,
-      onClick: onClick,
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Rating', theme) && ['onesy-Rating-icon-wrapper', focus && selected(index_2 + 1) && 'onesy-Rating-focus'], classes.iconWrapper, focus && selected(index_2 + 1) && classes.focus_outline, (readOnly || disabled) && classes.iconWrapper_readOnly])
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Rating', theme) && ['onesy-Rating-icon', 'onesy-Rating-icon-inactive'], classes.icon, classes.inactive])
-    }, /*#__PURE__*/_react.default.cloneElement(IconInactive, _objectSpread(_objectSpread({
-      color: colorInactive,
-      size: ((_IconInactive$props = IconInactive.props) === null || _IconInactive$props === void 0 ? void 0 : _IconInactive$props.size) !== undefined ? (_IconInactive$props2 = IconInactive.props) === null || _IconInactive$props2 === void 0 ? void 0 : _IconInactive$props2.size : size
-    }, IconProps), IconInactiveProps))), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Rating', theme) && ['onesy-Rating-icon', 'onesy-Rating-icon-active'], classes.icon, classes.active]),
-      style: {
-        width: width(index_2 + 1)
-      }
-    }, /*#__PURE__*/_react.default.cloneElement(IconActive, _objectSpread(_objectSpread({
-      tonal: ((_IconActive$props = IconActive.props) === null || _IconActive$props === void 0 ? void 0 : _IconActive$props.tonal) !== undefined ? (_IconActive$props2 = IconActive.props) === null || _IconActive$props2 === void 0 ? void 0 : _IconActive$props2.tonal : tonal,
-      color: ((_IconActive$props3 = IconActive.props) === null || _IconActive$props3 === void 0 ? void 0 : _IconActive$props3.color) !== undefined ? (_IconActive$props4 = IconActive.props) === null || _IconActive$props4 === void 0 ? void 0 : _IconActive$props4.color : color,
-      size: ((_IconActive$props5 = IconActive.props) === null || _IconActive$props5 === void 0 ? void 0 : _IconActive$props5.size) !== undefined ? (_IconActive$props6 = IconActive.props) === null || _IconActive$props6 === void 0 ? void 0 : _IconActive$props6.size : size
-    }, IconProps), IconActiveProps))));
+  }, other), {}, {
+    children: new Array(values).fill(undefined).map((item_0, index_2) => {
+      var _IconInactive$props, _IconInactive$props2, _IconActive$props, _IconActive$props2, _IconActive$props3, _IconActive$props4, _IconActive$props5, _IconActive$props6;
+      const IconInactive = getIcon(index_2 + 1);
+      const IconActive = getIcon(index_2 + 1, false);
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        ref: item_ => refs.values.current.push(item_),
+        onClick: onClick,
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Rating', theme) && ['onesy-Rating-icon-wrapper', focus && selected(index_2 + 1) && 'onesy-Rating-focus'], classes.iconWrapper, focus && selected(index_2 + 1) && classes.focus_outline, (readOnly || disabled) && classes.iconWrapper_readOnly]),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Rating', theme) && ['onesy-Rating-icon', 'onesy-Rating-icon-inactive'], classes.icon, classes.inactive]),
+          children: /*#__PURE__*/_react.default.cloneElement(IconInactive, _objectSpread(_objectSpread({
+            color: colorInactive,
+            size: ((_IconInactive$props = IconInactive.props) === null || _IconInactive$props === void 0 ? void 0 : _IconInactive$props.size) !== undefined ? (_IconInactive$props2 = IconInactive.props) === null || _IconInactive$props2 === void 0 ? void 0 : _IconInactive$props2.size : size
+          }, IconProps), IconInactiveProps))
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Rating', theme) && ['onesy-Rating-icon', 'onesy-Rating-icon-active'], classes.icon, classes.active]),
+          style: {
+            width: width(index_2 + 1)
+          },
+          children: /*#__PURE__*/_react.default.cloneElement(IconActive, _objectSpread(_objectSpread({
+            tonal: ((_IconActive$props = IconActive.props) === null || _IconActive$props === void 0 ? void 0 : _IconActive$props.tonal) !== undefined ? (_IconActive$props2 = IconActive.props) === null || _IconActive$props2 === void 0 ? void 0 : _IconActive$props2.tonal : tonal,
+            color: ((_IconActive$props3 = IconActive.props) === null || _IconActive$props3 === void 0 ? void 0 : _IconActive$props3.color) !== undefined ? (_IconActive$props4 = IconActive.props) === null || _IconActive$props4 === void 0 ? void 0 : _IconActive$props4.color : color,
+            size: ((_IconActive$props5 = IconActive.props) === null || _IconActive$props5 === void 0 ? void 0 : _IconActive$props5.size) !== undefined ? (_IconActive$props6 = IconActive.props) === null || _IconActive$props6 === void 0 ? void 0 : _IconActive$props6.size : size
+          }, IconProps), IconActiveProps))
+        })]
+      }, index_2);
+    })
   }));
-});
+};
 Rating.displayName = 'onesy-Rating';
 var _default = exports.default = Rating;

package/Reset/Reset.js

@@ -9,6 +9,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children"];
 const useReset = (0, _styleReact.reset)();
 const Reset = props => {
@@ -32,7 +33,9 @@ const Reset = props => {
   useReset(other);
   let t0;
   if ($[3] !== children) {
-    t0 = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+    t0 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: children
+    });
     $[3] = children;
     $[4] = t0;
   } else {

package/Reveal/Reveal.js

@@ -13,7 +13,8 @@ var _styleReact = require("@onesy/style-react");
 var _Fade = _interopRequireDefault(require("../Fade"));
 var _useVisible = _interopRequireDefault(require("../useVisible/useVisible"));
 var _utils2 = require("../utils");
-const _excluded = ["inDefault", "offset", "offsetReveal", "offsetUnreveal", "unreveal", "classes", "styles", "onChange", "noTransition", "Component", "UseVisibleProps", "className", "children"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "inDefault", "offset", "offsetReveal", "offsetUnreveal", "unreveal", "classes", "styles", "onChange", "noTransition", "Component", "UseVisibleProps", "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 => ({
@@ -21,12 +22,13 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Reveal'
 });
-const Reveal = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Reveal = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _props;
   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.onesyReveal) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Fade = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Fade) || _Fade.default;
   const {
+      ref,
       inDefault,
       offset,
       offsetReveal,
@@ -79,17 +81,19 @@ const Reveal = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Component = !noTransition ? Component_ : _react.default.Fragment;
   if (!noTransition) other.in = inProp;
   const ComponentProps = !noTransition && _objectSpread({}, other);
-  return /*#__PURE__*/_react.default.createElement(Component, ComponentProps, /*#__PURE__*/_react.default.cloneElement(children, {
-    ref: item => {
-      if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
-      }
-      setRoot(item);
-      refs.root.current = item;
-    },
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Reveal', theme) && ['onesy-Reveal-root', unreveal && `onesy-Reveal-unreveal`, inProp ? `onesy-Reveal-revealed` : `onesy-Reveal-unrevealed`], className, children.props.className, classes.root, inProp && (classesProps === null || classesProps === void 0 ? void 0 : classesProps.in)]),
-    style: _objectSpread(_objectSpread({}, inProp ? styles === null || styles === void 0 ? void 0 : styles.in : styles === null || styles === void 0 ? void 0 : styles.out), (_props = children.props) === null || _props === void 0 ? void 0 : _props.style)
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({}, ComponentProps), {}, {
+    children: /*#__PURE__*/_react.default.cloneElement(children, {
+      ref: item => {
+        if (ref) {
+          if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        }
+        setRoot(item);
+        refs.root.current = item;
+      },
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Reveal', theme) && ['onesy-Reveal-root', unreveal && `onesy-Reveal-unreveal`, inProp ? `onesy-Reveal-revealed` : `onesy-Reveal-unrevealed`], className, children.props.className, classes.root, inProp && (classesProps === null || classesProps === void 0 ? void 0 : classesProps.in)]),
+      style: _objectSpread(_objectSpread({}, inProp ? styles === null || styles === void 0 ? void 0 : styles.in : styles === null || styles === void 0 ? void 0 : styles.out), (_props = children.props) === null || _props === void 0 ? void 0 : _props.style)
+    })
   }));
-});
+};
 Reveal.displayName = 'onesy-Reveal';
 var _default = exports.default = Reveal;