@onesy/ui-react 1.0.171 → 1.0.173

package/Interaction/Interaction.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
 var _ = require("..");
+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 other = {
@@ -139,11 +140,12 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Interaction'
 });
-const Interaction = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Interaction = props_ => {
   var _theme$ui, _theme$ui2;
   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.onesyInteraction) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const {
+    ref,
     wave = true,
     background = true,
     border: hasBorder,
@@ -324,20 +326,20 @@ const Interaction = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         top = y - width / 2;
         left = x - width / 2;
       }
-      setWaves(items => [...items, /*#__PURE__*/_react.default.createElement(_.Transition, {
-        key: (0, _utils.getID)(),
+      setWaves(items => [...items, /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Transition, {
         duration: "complex",
         enterOnAdd: true,
-        className: true
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: wave_version === 'simple' ? classes.waveSimple : classes.wave,
-        style: {
-          top: `${top}px`,
-          left: `${left}px`,
-          width: `${width}px`,
-          height: `${width}px`
-        }
-      }))]);
+        className: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: wave_version === 'simple' ? classes.waveSimple : classes.wave,
+          style: {
+            top: `${top}px`,
+            left: `${left}px`,
+            width: `${width}px`,
+            height: `${width}px`
+          }
+        })
+      }, (0, _utils.getID)())]);
     }
   };
   const addWavePulse = () => {
@@ -353,20 +355,20 @@ const Interaction = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       const width_0 = Math.round(Math.sqrt(x_0 ** 2 + y_0 ** 2) * 2);
       const top_0 = y_0 - width_0 / 2;
       const left_0 = x_0 - width_0 / 2;
-      setWaves(items_0 => [...items_0, /*#__PURE__*/_react.default.createElement(_.Transition, {
-        key: (0, _utils.getID)(),
+      setWaves(items_0 => [...items_0, /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Transition, {
         duration: "complex",
         enterOnAdd: true,
-        className: true
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: (0, _styleReact.classNames)([classes.wave, classes.pulse]),
-        style: {
-          top: `${top_0}px`,
-          left: `${left_0}px`,
-          width: `${width_0}px`,
-          height: `${width_0}px`
-        }
-      }))]);
+        className: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _styleReact.classNames)([classes.wave, classes.pulse]),
+          style: {
+            top: `${top_0}px`,
+            left: `${left_0}px`,
+            width: `${width_0}px`,
+            height: `${width_0}px`
+          }
+        })
+      }, (0, _utils.getID)())]);
     }
   };
   const removeWaves = () => {
@@ -379,39 +381,42 @@ const Interaction = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const remove = value_1 => {
     if (has(value_1)) setInteractions(items_2 => [...items_2].filter(item => item !== value_1));
   };
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
     ref: item_0 => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
       }
       refs.root.current = item_0;
     },
-    className: (0, _styleReact.classNames)([(0, _.staticClassName)('Interaction', theme) && ['onesy-Interaction-root', disabled && `onesy-Interaction-disabled`], className, classes.root])
-  }, background && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _styleReact.classNames)([(0, _.staticClassName)('Interaction', theme) && ['onesy-Interaction-background'], classes.background, (preselected || has('mouse-in')) && classes.hovered, selected && classes.selected, dragged && classes.dragged])
-  }), /*#__PURE__*/_react.default.createElement(_.Transitions, {
-    TransitionProps: {
-      noAbruption: true,
-      duration: {
-        enter: 'complex',
-        exit: refs.mouse.current.press < 500 ? 350 : 500
+    className: (0, _styleReact.classNames)([(0, _.staticClassName)('Interaction', theme) && ['onesy-Interaction-root', disabled && `onesy-Interaction-disabled`], className, classes.root]),
+    children: [background && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _styleReact.classNames)([(0, _.staticClassName)('Interaction', theme) && ['onesy-Interaction-background'], classes.background, (preselected || has('mouse-in')) && classes.hovered, selected && classes.selected, dragged && classes.dragged])
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Transitions, {
+      TransitionProps: {
+        noAbruption: true,
+        duration: {
+          enter: 'complex',
+          exit: refs.mouse.current.press < 500 ? 350 : 500
+        },
+        style: {
+          transitionDuration: refs.mouse.current.press < 500 ? 340 : 500
+        }
       },
-      style: {
-        transitionDuration: refs.mouse.current.press < 500 ? 340 : 500
-      }
-    }
-  }, waves), hasBorder && /*#__PURE__*/_react.default.createElement(_.Transition, {
-    in: border
-  }, status => /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _styleReact.classNames)([(0, _.staticClassName)('Interaction', theme) && ['onesy-Interaction-border'], classes.border]),
-    style: {
-      opacity: (status === null || status === void 0 ? void 0 : status.indexOf('enter')) > -1 ? theme.palette.visual_contrast.default.opacity.quaternary : 0,
-      transition: (status === null || status === void 0 ? void 0 : status.indexOf('exit')) > -1 ? theme.methods.transitions.make('opacity', {
-        duration: 'complex',
-        timing_function: 'standard'
-      }) : undefined
-    }
-  })));
-});
+      children: waves
+    }), hasBorder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Transition, {
+      in: border,
+      children: status => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _styleReact.classNames)([(0, _.staticClassName)('Interaction', theme) && ['onesy-Interaction-border'], classes.border]),
+        style: {
+          opacity: (status === null || status === void 0 ? void 0 : status.indexOf('enter')) > -1 ? theme.palette.visual_contrast.default.opacity.quaternary : 0,
+          transition: (status === null || status === void 0 ? void 0 : status.indexOf('exit')) > -1 ? theme.methods.transitions.make('opacity', {
+            duration: 'complex',
+            timing_function: 'standard'
+          }) : undefined
+        }
+      })
+    })]
+  });
+};
 Interaction.displayName = 'onesy-Interaction';
 var _default = exports.default = Interaction;

package/Keyframes/Keyframes.js

@@ -12,6 +12,7 @@ var _subscription = _interopRequireDefault(require("@onesy/subscription"));
 var _styleReact = require("@onesy/style-react");
 var _Context = _interopRequireDefault(require("./Context"));
 var _utils2 = require("../utils");
+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 Keyframes = props_ => {
@@ -175,16 +176,17 @@ const Keyframes = props_ => {
   const value = {
     status
   };
-  return /*#__PURE__*/_react.default.createElement(_Context.default.Provider, {
-    value: value
-  }, (0, _utils.is)('function', children) ? children(status, refs.root) : /*#__PURE__*/_react.default.cloneElement(children, {
-    ref: item_0 => {
-      if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Context.default.Provider, {
+    value: value,
+    children: (0, _utils.is)('function', children) ? children(status, refs.root) : /*#__PURE__*/_react.default.cloneElement(children, {
+      ref: item_0 => {
+        if (ref) {
+          if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
+        }
+        refs.root.current = item_0;
       }
-      refs.root.current = item_0;
-    }
-  }));
+    })
+  });
 };
 Keyframes.displayName = 'onesy-Keyframes';
 var _default = exports.default = Keyframes;

package/Label/Label.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", "position", "size", "input", "name", "label", "valueDefault", "checkedDefault", "checked", "onChange", "error", "helperText", "footer", "disabled", "LabelProps", "TypeProps", "TextProps", "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; }
@@ -47,7 +47,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Label'
 });
-const Label = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Label = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _Input$type2, _Input$props, _Input$props2, _Input$props3, _Input$props4, _Input$props5;
   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.onesyLabel) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -118,55 +118,64 @@ const Label = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const footer = footer_ || helperText;
   let gap = size === 'small' ? 1 : size === 'regular' ? 1.5 : 2;
   if (version === 'text') gap = size === 'small' ? 0.25 : size === 'regular' ? 0.5 : 0.75;
-  return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
     gap: 0,
     direction: "column"
-  }, other), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    ref: ref,
-    gap: gap,
-    direction: ['top', 'bottom'].includes(position) ? position === 'bottom' ? 'column-reverse' : 'column' : position === 'end' ? 'row-reverse' : 'row',
-    align: align,
-    justify: justify,
-    role: "group",
-    "aria-labelledby": refs.ids.label,
-    "aria-disabled": disabled,
-    disabled: disabled,
-    Component: Component
-  }, LabelProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-root', `onesy-Label-version-${version}`, `onesy-Label-size-${size}`, disabled && `onesy-Label-disabled`], LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.className, className, classes.root, disabled && classes.disabled])
-  }), Input && /*#__PURE__*/_react.default.cloneElement(Input, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-input'], classes.input]),
-    tonal: (Input === null || Input === void 0 || (_Input$props = Input.props) === null || _Input$props === void 0 ? void 0 : _Input$props.tonal) !== undefined ? Input.props.tonal : tonal,
-    color: (Input === null || Input === void 0 || (_Input$props2 = Input.props) === null || _Input$props2 === void 0 ? void 0 : _Input$props2.color) !== undefined ? Input.props.color : color,
-    colorUnchecked: (Input === null || Input === void 0 || (_Input$props3 = Input.props) === null || _Input$props3 === void 0 ? void 0 : _Input$props3.colorUnchecked) !== undefined ? Input.props.colorUnchecked : colorUnchecked,
-    version: (Input === null || Input === void 0 || (_Input$props4 = Input.props) === null || _Input$props4 === void 0 ? void 0 : _Input$props4.version) !== undefined ? Input.props.version : version,
-    size: (Input === null || Input === void 0 || (_Input$props5 = Input.props) === null || _Input$props5 === void 0 ? void 0 : _Input$props5.size) !== undefined ? Input.props.size : size,
-    onChange: onUpdate,
-    checked: value,
-    disabled
-  }), (Text === null || Text === void 0 ? void 0 : Text.length) === 1 && (0, _utils.is)('simple', Text[0]) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
-    id: refs.ids.label
-  }, TypeProps, TextProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-text'], TextProps === null || TextProps === void 0 ? void 0 : TextProps.className, TypeProps === null || TypeProps === void 0 ? void 0 : TypeProps.className, classes.text, disabled && classes.text_disabled])
-  }), Text[0]) : /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    direction: "row",
-    id: refs.ids.label
-  }, TextProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-text-wrapper'], TextProps === null || TextProps === void 0 ? void 0 : TextProps.className])
-  }), Text === null || Text === void 0 ? void 0 : Text.map((item_0, index) => (0, _utils.is)('simple', item_0) ? /*#__PURE__*/_react.default.createElement(Type, {
-    version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3'
-  }, item_0) : /*#__PURE__*/_react.default.cloneElement(item_0, {
-    key: index
-  })))), footer && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, helperText !== undefined && /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 2,
-    direction: "row",
-    justify: "space-between",
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-footer'], classes.footer])
-  }, helperText && /*#__PURE__*/_react.default.createElement(Type, {
-    version: "b3",
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-helper-text', error && 'onesy-Label-error'], classes.helperText, error && classes.error_color])
-  }, helperText)), footer_));
-});
+  }, other), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+      gap: gap,
+      direction: ['top', 'bottom'].includes(position) ? position === 'bottom' ? 'column-reverse' : 'column' : position === 'end' ? 'row-reverse' : 'row',
+      align: align,
+      justify: justify,
+      role: "group",
+      "aria-labelledby": refs.ids.label,
+      "aria-disabled": disabled,
+      disabled: disabled,
+      Component: Component
+    }, LabelProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-root', `onesy-Label-version-${version}`, `onesy-Label-size-${size}`, disabled && `onesy-Label-disabled`], LabelProps === null || LabelProps === void 0 ? void 0 : LabelProps.className, className, classes.root, disabled && classes.disabled]),
+      children: [Input && /*#__PURE__*/_react.default.cloneElement(Input, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-input'], classes.input]),
+        tonal: (Input === null || Input === void 0 || (_Input$props = Input.props) === null || _Input$props === void 0 ? void 0 : _Input$props.tonal) !== undefined ? Input.props.tonal : tonal,
+        color: (Input === null || Input === void 0 || (_Input$props2 = Input.props) === null || _Input$props2 === void 0 ? void 0 : _Input$props2.color) !== undefined ? Input.props.color : color,
+        colorUnchecked: (Input === null || Input === void 0 || (_Input$props3 = Input.props) === null || _Input$props3 === void 0 ? void 0 : _Input$props3.colorUnchecked) !== undefined ? Input.props.colorUnchecked : colorUnchecked,
+        version: (Input === null || Input === void 0 || (_Input$props4 = Input.props) === null || _Input$props4 === void 0 ? void 0 : _Input$props4.version) !== undefined ? Input.props.version : version,
+        size: (Input === null || Input === void 0 || (_Input$props5 = Input.props) === null || _Input$props5 === void 0 ? void 0 : _Input$props5.size) !== undefined ? Input.props.size : size,
+        onChange: onUpdate,
+        checked: value,
+        disabled
+      }), (Text === null || Text === void 0 ? void 0 : Text.length) === 1 && (0, _utils.is)('simple', Text[0]) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread(_objectSpread({
+        version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
+        id: refs.ids.label
+      }, TypeProps), TextProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-text'], TextProps === null || TextProps === void 0 ? void 0 : TextProps.className, TypeProps === null || TypeProps === void 0 ? void 0 : TypeProps.className, classes.text, disabled && classes.text_disabled]),
+        children: Text[0]
+      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
+        direction: "row",
+        id: refs.ids.label
+      }, TextProps), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-text-wrapper'], TextProps === null || TextProps === void 0 ? void 0 : TextProps.className]),
+        children: Text === null || Text === void 0 ? void 0 : Text.map((item_0, index) => (0, _utils.is)('simple', item_0) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+          version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
+          children: item_0
+        }) : /*#__PURE__*/_react.default.cloneElement(item_0, {
+          key: index
+        }))
+      }))]
+    })), footer && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [helperText !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+        gap: 2,
+        direction: "row",
+        justify: "space-between",
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-footer'], classes.footer]),
+        children: helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+          version: "b3",
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Label', theme) && ['onesy-Label-helper-text', error && 'onesy-Label-error'], classes.helperText, error && classes.error_color]),
+          children: helperText
+        })
+      }), footer_]
+    })]
+  }));
+};
 Label.displayName = 'onesy-Label';
 var _default = exports.default = Label;

package/Labels/Labels.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", "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-Labels'
 });
-const Labels = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Labels = 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.onesyLabels) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -86,8 +86,7 @@ const Labels = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     if (!props.hasOwnProperty('value')) setValue(value__);
     if ((0, _utils.is)('function', onChange)) onChange(value__);
   };
-  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',
@@ -96,27 +95,32 @@ const Labels = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     "aria-labelledby": refs.ids.label,
     Component: Component,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Labels', theme) && ['onesy-Labels-root', `onesy-Labels-version-${version}`, `onesy-Labels-size-${size}`, `onesy-Labels-version-${version}`, disabled && `onesy-Labels-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)('Labels', theme) && ['onesy-Labels-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_0, index_0) => (/*#__PURE__*/_react.default.cloneElement(item_0, {
-    key: index_0,
-    checked: value.includes(item_0.props.value),
-    onChange: () => onUpdate(item_0.props.value),
-    tonal: item_0.props.tonal !== undefined ? item_0.props.tonal : tonal,
-    color: item_0.props.color !== undefined ? item_0.props.color : color,
-    colorUnchecked: item_0.props.colorUnchecked !== undefined ? item_0.props.colorUnchecked : colorUnchecked,
-    version: item_0.props.version !== undefined ? item_0.props.version : version,
-    size: item_0.props.size !== undefined ? item_0.props.size : size,
-    disabled: item_0.props.disabled !== undefined ? item_0.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)('Labels', theme) && ['onesy-Labels-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_0, index_0) => (/*#__PURE__*/_react.default.cloneElement(item_0, {
+        key: index_0,
+        checked: value.includes(item_0.props.value),
+        onChange: () => onUpdate(item_0.props.value),
+        tonal: item_0.props.tonal !== undefined ? item_0.props.tonal : tonal,
+        color: item_0.props.color !== undefined ? item_0.props.color : color,
+        colorUnchecked: item_0.props.colorUnchecked !== undefined ? item_0.props.colorUnchecked : colorUnchecked,
+        version: item_0.props.version !== undefined ? item_0.props.version : version,
+        size: item_0.props.size !== undefined ? item_0.props.size : size,
+        disabled: item_0.props.disabled !== undefined ? item_0.props.disabled : disabled
+      })))
+    }))]
+  }));
+};
 Labels.displayName = 'onesy-Labels';
 var _default = exports.default = Labels;

package/Line/Line.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 _Divider = _interopRequireDefault(require("../Divider"));
 var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
 var _utils2 = require("../utils");
-const _excluded = ["display", "align", "justify", "direction", "gap", "rowGap", "columnGap", "divider", "wrap", "flex", "flexNo", "fullWidth", "DividerProps", "Component", "className", "style", "children"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "display", "align", "justify", "direction", "gap", "rowGap", "columnGap", "divider", "wrap", "flex", "flexNo", "fullWidth", "DividerProps", "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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -208,12 +208,13 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Line'
 });
-const Line = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Line = 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.onesyLine) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const Divider = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Divider) || _Divider.default;
   const {
+      ref,
       display: display_,
       align: align_,
       justify: justify_,
@@ -276,11 +277,11 @@ const Line = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   } else {
     if (!valuesGaps.includes(gap)) styles.root.gap = (0, _utils.is)('string', gap) ? gap : `${gap * theme.space.unit}px`;
   }
-  const Divider_ = /*#__PURE__*/_react.default.createElement(Divider, (0, _extends2.default)({
+  const Divider_ = /*#__PURE__*/(0, _jsxRuntime.jsx)(Divider, _objectSpread({
     flex: true,
     orientation: direction.includes('row') ? 'vertical' : 'horizontal'
   }, DividerProps));
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
     ref: item_0 => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
@@ -289,7 +290,9 @@ const Line = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     },
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Line', theme) && ['onesy-Line-root', `onesy-Line-direction-${direction}`], className, classes.root, classes[`display_${display.replace('-', '_')}`], classes[`wrap_${wrap}`], classes[`direction_${direction}`], classes[`align_${align}`], classes[`justify_${justify}`], classes[`gap_${String(gap).replace('.', '')}`], classes[`rowGap_${String(rowGap).replace('.', '')}`], classes[`columnGap_${String(columnGap).replace('.', '')}`], flex && classes.flex, flexNo && classes.flexNo, fullWidth && classes.fullWidth]),
     style: _objectSpread(_objectSpread({}, styles.root), style)
-  }, other), _react.default.Children.toArray(children).flatMap((item_1, index) => !divider || index === children.length - 1 ? [item_1] : [item_1, Divider_]));
-});
+  }, other), {}, {
+    children: _react.default.Children.toArray(children).flatMap((item_1, index) => !divider || index === children.length - 1 ? [item_1] : [item_1, Divider_])
+  }));
+};
 Line.displayName = 'onesy-Line';
 var _default = exports.default = Line;

package/LineChart/LineChart.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 _LineChartItem = _interopRequireDefault(require("../LineChartItem"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["values", "smooth", "smoothRatio", "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-LineChart'
 });
-const LineChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const LineChart = 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.onesyLineChart) === 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;
@@ -41,29 +41,28 @@ const LineChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     classes
   } = useStyle();
   const t0 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("LineChart", theme) && ["onesy-LineChart-root"], className, classes.root]);
-  const t1 = (0, _utils.is)("array", values) && values.map((item, index) => /*#__PURE__*/_react.default.createElement(LineChartItem, (0, _extends2.default)({
-    key: index,
+  const t1 = (0, _utils.is)("array", values) && values.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(LineChartItem, _objectSpread({
     smooth: smooth,
     smoothRatio: smoothRatio
-  }, item)));
+  }, 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;
-});
+};
 LineChart.displayName = 'onesy-LineChart';
 var _default = exports.default = LineChart;