@onesy/ui-react 1.0.172 → 1.0.174

package/AutoComplete/AutoComplete.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"));
@@ -24,7 +23,8 @@ var _RoundProgress = _interopRequireDefault(require("../RoundProgress"));
 var _ListSubheader = _interopRequireDefault(require("../ListSubheader"));
 var _Line = _interopRequireDefault(require("../Line"));
 var _utils2 = require("../utils");
-const _excluded = ["tonal", "color", "size", "version", "valueInput", "valueInputDefault", "onChangeInput", "value", "valueDefault", "onChange", "options", "label", "multiple", "prefix", "sufix", "start", "end", "autoWidth", "readOnly", "getLabel", "renderValues", "renderChip", "renderOption", "equal", "equalInput", "filter", "clear", "loading", "autoSelectOnBlur", "blurOnSelect", "noOptions", "noOptionsObject", "startOptionsObject", "noOptionsElement", "startOptionsElement", "endOptionsElement", "endOptionsObject", "openOnFocus", "closeOnSelect", "clearOnEscape", "groupBy", "limit", "openOnInputUpdate", "filterOutSelectedOptions", "selectOnFocus", "clearOnBlur", "clearInputOnSelect", "chip", "fullWidth", "noInputValue", "disabled", "IconClear", "IconDropdown", "WrapperProps", "ChipProps", "ListProps", "MenuProps", "IconButtonProps", "InputProps", "IconProps", "className", "style", "children"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "tonal", "color", "size", "version", "valueInput", "valueInputDefault", "onChangeInput", "value", "valueDefault", "onChange", "options", "label", "multiple", "prefix", "sufix", "start", "end", "autoWidth", "readOnly", "getLabel", "renderValues", "renderChip", "renderOption", "equal", "equalInput", "filter", "clear", "loading", "autoSelectOnBlur", "blurOnSelect", "noOptions", "noOptionsObject", "startOptionsObject", "noOptionsElement", "startOptionsElement", "endOptionsElement", "endOptionsObject", "openOnFocus", "closeOnSelect", "clearOnEscape", "groupBy", "limit", "openOnInputUpdate", "filterOutSelectedOptions", "selectOnFocus", "clearOnBlur", "clearInputOnSelect", "chip", "fullWidth", "noInputValue", "disabled", "IconClear", "IconDropdown", "WrapperProps", "ChipProps", "ListProps", "MenuProps", "IconButtonProps", "InputProps", "IconProps", "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 => ({
@@ -115,7 +115,7 @@ const getText = value => {
   return (0, _utils.is)('simple', value_) ? String(value_) : '';
 };
 const getValue = value => (value === null || value === void 0 ? void 0 : value.value) !== undefined ? value.value : value;
-const AutoComplete = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const AutoComplete = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7, _theme$elements8, _theme$elements9, _theme$elements0;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
@@ -131,6 +131,7 @@ const AutoComplete = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const RoundProgress = (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.RoundProgress) || _RoundProgress.default;
   const ListSubheader = (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.ListSubheader) || _ListSubheader.default;
   const {
+      ref,
       tonal = true,
       color = 'primary',
       size = 'regular',
@@ -455,16 +456,18 @@ const AutoComplete = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
             input: true
           };
           if ((0, _utils.is)('function', renderChip)) return renderChip(item_5, renderValue(item_5), other_);
-          return /*#__PURE__*/_react.default.createElement(Chip, (0, _extends2.default)({
-            key: index,
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(Chip, _objectSpread(_objectSpread(_objectSpread({
             size: "small"
-          }, ChipProps, other_), renderValue(item_5));
+          }, ChipProps), other_), {}, {
+            children: renderValue(item_5)
+          }), index);
         });
-        if ((0, _utils.is)('number', limit) && !open && value.length - limit > 0) values_1.push(/*#__PURE__*/_react.default.createElement(Type, {
+        if ((0, _utils.is)('number', limit) && !open && value.length - limit > 0) values_1.push(/*#__PURE__*/(0, _jsxRuntime.jsxs)(Type, {
           version: ['small', 'regular'].includes(size) ? 'b2' : 'b1',
           color: "default",
-          className: classes.limitText
-        }, "+", value.length - limit));
+          className: classes.limitText,
+          children: ["+", value.length - limit]
+        }));
         return values_1;
       }
       return value__.map(item_6 => renderValue(item_6)).join(', ');
@@ -527,11 +530,10 @@ const AutoComplete = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
           key: 'noOptions'
         });
       }
-      return (0, _utils.is)('function', renderOption) ? renderOption(item_9, index_0, _objectSpread(_objectSpread({}, other__0), item_9.props)) : /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
-        key: item_9.value !== undefined ? item_9.value : index_0,
+      return (0, _utils.is)('function', renderOption) ? renderOption(item_9, index_0, _objectSpread(_objectSpread({}, other__0), item_9.props)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItem, _objectSpread(_objectSpread({
         role: "option",
         preselected: !open ? false : undefined
-      }, other__0, item_9.props));
+      }, other__0), item_9.props), item_9.value !== undefined ? item_9.value : index_0);
     });
     if (startOptionsElement) result.unshift(/*#__PURE__*/_react.default.cloneElement(startOptionsElement, {
       key: 'startOptionsElement'
@@ -543,31 +545,33 @@ const AutoComplete = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   };
   const renderList = () => {
     if (Object.keys(groups).length) {
-      return Object.keys(groups).map((item_10, index_1) => /*#__PURE__*/_react.default.createElement("li", {
-        key: index_1,
+      return Object.keys(groups).map((item_10, index_1) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
         style: {
           width: '100%'
-        }
-      }, /*#__PURE__*/_react.default.createElement(ListSubheader, {
-        Component: "div"
-      }, item_10), /*#__PURE__*/_react.default.createElement(List, {
-        size: size,
-        paddingVertical: "none",
-        menu: true
-      }, renderOptionValue(groups[item_10]))));
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ListSubheader, {
+          Component: "div",
+          children: item_10
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(List, {
+          size: size,
+          paddingVertical: "none",
+          menu: true,
+          children: renderOptionValue(groups[item_10])
+        })]
+      }, index_1));
     } else return renderOptionValue(optionsToUse);
   };
-  const endIcons = [end, ...(!readOnly ? [...(loading ? [/*#__PURE__*/_react.default.createElement(RoundProgress, {
-    key: 1,
+  const endIcons = [end, ...(!readOnly ? [...(loading ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(RoundProgress, {
     className: classes.roundProgress,
     size: "small"
-  })] : []), ...(clear ? [!!(multiple ? value.length : valueInput) && /*#__PURE__*/_react.default.createElement(IconButton, (0, _extends2.default)({
+  }, 1)] : []), ...(clear ? [!!(multiple ? value.length : valueInput) && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
     onClick: onClear,
     size: "small",
     fontSize: _utils2.iconFontSize,
     "aria-label": l('Input clear')
-  }, IconButtonProps), /*#__PURE__*/_react.default.createElement(IconClear, IconProps))] : []), /*#__PURE__*/_react.default.createElement(IconButton, (0, _extends2.default)({
-    key: 3,
+  }, IconButtonProps), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconClear, _objectSpread({}, IconProps))
+  }))] : []), /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
     onClick: onClickArrowDown,
     size: "small",
     fontSize: _utils2.iconFontSize,
@@ -576,110 +580,116 @@ const AutoComplete = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     InteractionProps: {
       clear: !!(multiple ? value.length : valueInput)
     }
-  }, IconButtonProps), /*#__PURE__*/_react.default.createElement(IconDropdown, (0, _extends2.default)({}, IconProps, {
-    className: (0, _styleReact.classNames)([IconProps === null || IconProps === void 0 ? void 0 : IconProps.className, classes.arrow, open && classes.arrow_open])
-  })))] : [])].filter(Boolean);
+  }, IconButtonProps), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconDropdown, _objectSpread(_objectSpread({}, IconProps), {}, {
+      className: (0, _styleReact.classNames)([IconProps === null || IconProps === void 0 ? void 0 : IconProps.className, classes.arrow, open && classes.arrow_open])
+    }))
+  }), 3)] : [])].filter(Boolean);
   if (mouseDown) refs.input.current.focus();
   const menuItems = renderList();
-  return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
     ref: refs.wrapper,
     gap: 0,
     direction: "column",
     fullWidth: fullWidth
-  }, WrapperProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoComplete', theme) && ['onesy-AutoComplete-wrapper', fullWidth && 'onesy-full-width'], WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className, classes.wrapper])
-  }), /*#__PURE__*/_react.default.createElement(TextField, (0, _extends2.default)({
-    ref: refs.input,
-    rootRef: item_11 => {
-      if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item_11);else ref.current = item_11;
-      }
-      refs.root.current = item_11;
-    },
-    onBlur: onBlur,
-    onFocus: onFocus,
-    value: valueInput,
-    onChange: onChangeInput,
-    enabled: open || focus || mouseDown || !!(multiple ? !!value.length || valueInput : valueInput),
-    focus: open || focus || mouseDown,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoComplete', theme) && ['onesy-AutoComplete-root', `onesy-AutoComplete-version-${version}`, `onesy-AutoComplete-size-${size}`, open && `onesy-AutoComplete-open`, mouseDown && `onesy-AutoComplete-mouse-down`, focus && `onesy-AutoComplete-focus`, loading && `onesy-AutoComplete-loading`], className, classes.root, open && classes.open, disabled && classes.disabled]),
-    tonal: tonal,
-    color: color,
-    size: size,
-    version: version,
-    label: label,
-    prefix: prefix,
-    sufix: sufix,
-    start: start,
-    end: endIcons,
-    readOnly: readOnly,
-    endVerticalAlign: "center",
-    role: "combobox",
-    "aria-autocomplete": "list",
-    "aria-multiselectable": multiple,
-    "aria-controls": refs.ids.list,
-    "aria-expanded": open,
-    "aria-haspopup": "listbox",
-    "aria-labelledby": label,
-    "aria-disabled": disabled,
-    fullWidth: fullWidth,
-    disabled: disabled,
-    InputWrapperProps: {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoComplete', theme) && ['onesy-AutoComplete-input-wrapper'], classes.inputWrapper, multiple && [classes.multiple, classes[`inputWrapper_multiple_size_${size}`]], chip && classes.chip, open && classes.open, readOnly && classes.readOnly]),
-      onMouseDown,
-      onMouseUp,
-      onClick,
-      onKeyDown: onEnterKeyDown
-    },
-    inputProps: _objectSpread(_objectSpread({
-      disabled: multiple,
-      readOnly: multiple
-    }, InputProps), {}, {
-      className: (0, _styleReact.classNames)([InputProps === null || InputProps === void 0 ? void 0 : InputProps.className, multiple && classes.input_])
-    }),
-    style: _objectSpread(_objectSpread({}, styles.root), style)
-  }, other), !noInputValue && multiple && !chip && !!value.length && /*#__PURE__*/_react.default.createElement("div", {
-    ref: refs.value,
-    tabIndex: 0,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onMouseDown: onMouseDown,
-    onKeyDown: onEnterKeyDown,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoComplete', theme) && ['onesy-AutoComplete-input', multiple && [chip && `onesy-AutoComplete-chip`, open && `onesy-AutoComplete-open`, readOnly && `onesy-Select-readOnly`]], multiple && [classes.input, classes[`input_size_${size}`], chip && classes.chip, open && classes.open, readOnly && classes.readOnly]])
-  }, renderValues(value, onUnselect)), !noInputValue && multiple && chip && !!value.length && renderValues(value, onUnselect)), /*#__PURE__*/_react.default.createElement(Menu, (0, _extends2.default)({
-    ref: refs.menu,
-    open: open && !!(menuItems !== null && menuItems !== void 0 && menuItems.length),
-    autoSelectOnBlur: autoSelectOnBlur,
-    portal: true,
-    onClose: () => onClose(false),
-    anchorElement: refs.root.current,
-    onExited: onExited,
-    menuItems: menuItems,
-    transformOrigin: "center top",
-    transformOriginSwitch: "center bottom",
-    maxWidth: "unset",
-    AppendProps: {
-      alignment: 'start'
-    },
-    ModalProps: {
-      // focus: !MenuProps.portal
+  }, WrapperProps), {}, {
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoComplete', theme) && ['onesy-AutoComplete-wrapper', fullWidth && 'onesy-full-width'], WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className, classes.wrapper]),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TextField, _objectSpread(_objectSpread({
+      ref: refs.input,
+      rootRef: item_11 => {
+        if (ref) {
+          if ((0, _utils.is)('function', ref)) ref(item_11);else ref.current = item_11;
+        }
+        refs.root.current = item_11;
+      },
+      onBlur: onBlur,
+      onFocus: onFocus,
+      value: valueInput,
+      onChange: onChangeInput,
+      enabled: open || focus || mouseDown || !!(multiple ? !!value.length || valueInput : valueInput),
+      focus: open || focus || mouseDown,
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoComplete', theme) && ['onesy-AutoComplete-root', `onesy-AutoComplete-version-${version}`, `onesy-AutoComplete-size-${size}`, open && `onesy-AutoComplete-open`, mouseDown && `onesy-AutoComplete-mouse-down`, focus && `onesy-AutoComplete-focus`, loading && `onesy-AutoComplete-loading`], className, classes.root, open && classes.open, disabled && classes.disabled]),
+      tonal: tonal,
+      color: color,
+      size: size,
+      version: version,
+      label: label,
+      prefix: prefix,
+      sufix: sufix,
+      start: start,
+      end: endIcons,
+      readOnly: readOnly,
+      endVerticalAlign: "center",
+      role: "combobox",
+      "aria-autocomplete": "list",
+      "aria-multiselectable": multiple,
+      "aria-controls": refs.ids.list,
+      "aria-expanded": open,
+      "aria-haspopup": "listbox",
+      "aria-labelledby": label,
+      "aria-disabled": disabled,
+      fullWidth: fullWidth,
+      disabled: disabled,
+      InputWrapperProps: {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoComplete', theme) && ['onesy-AutoComplete-input-wrapper'], classes.inputWrapper, multiple && [classes.multiple, classes[`inputWrapper_multiple_size_${size}`]], chip && classes.chip, open && classes.open, readOnly && classes.readOnly]),
+        onMouseDown,
+        onMouseUp,
+        onClick,
+        onKeyDown: onEnterKeyDown
+      },
+      inputProps: _objectSpread(_objectSpread({
+        disabled: multiple,
+        readOnly: multiple
+      }, InputProps), {}, {
+        className: (0, _styleReact.classNames)([InputProps === null || InputProps === void 0 ? void 0 : InputProps.className, multiple && classes.input_])
+      }),
+      style: _objectSpread(_objectSpread({}, styles.root), style)
+    }, other), {}, {
+      children: [!noInputValue && multiple && !chip && !!value.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: refs.value,
+        tabIndex: 0,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onMouseDown: onMouseDown,
+        onKeyDown: onEnterKeyDown,
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoComplete', theme) && ['onesy-AutoComplete-input', multiple && [chip && `onesy-AutoComplete-chip`, open && `onesy-AutoComplete-open`, readOnly && `onesy-Select-readOnly`]], multiple && [classes.input, classes[`input_size_${size}`], chip && classes.chip, open && classes.open, readOnly && classes.readOnly]]),
+        children: renderValues(value, onUnselect)
+      }), !noInputValue && multiple && chip && !!value.length && renderValues(value, onUnselect)]
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu, _objectSpread(_objectSpread({
+      ref: refs.menu,
+      open: open && !!(menuItems !== null && menuItems !== void 0 && menuItems.length),
+      autoSelectOnBlur: autoSelectOnBlur,
+      portal: true,
+      onClose: () => onClose(false),
+      anchorElement: refs.root.current,
+      onExited: onExited,
+      menuItems: menuItems,
+      transformOrigin: "center top",
+      transformOriginSwitch: "center bottom",
+      maxWidth: "unset",
+      AppendProps: {
+        alignment: 'start'
+      },
+      ModalProps: {
+        // focus: !MenuProps.portal
 
-      freezeScroll: false
-    },
-    ListProps: _objectSpread(_objectSpread({
-      menu: true,
-      paddingVertical: (0, _utils.is)('function', groupBy) && !!options.length ? 'none' : undefined,
-      size,
-      role: 'listbox',
-      id: refs.ids.list,
-      'aria-label': label
-    }, ListProps), {}, {
-      className: (0, _styleReact.classNames)([ListProps === null || ListProps === void 0 ? void 0 : ListProps.className, classes.list])
-    })
-  }, MenuProps, {
-    style: _objectSpread(_objectSpread({}, styles.menu), MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.menu),
-    className: (0, _styleReact.classNames)([MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.className])
-  })));
-});
+        freezeScroll: false
+      },
+      ListProps: _objectSpread(_objectSpread({
+        menu: true,
+        paddingVertical: (0, _utils.is)('function', groupBy) && !!options.length ? 'none' : undefined,
+        size,
+        role: 'listbox',
+        id: refs.ids.list,
+        'aria-label': label
+      }, ListProps), {}, {
+        className: (0, _styleReact.classNames)([ListProps === null || ListProps === void 0 ? void 0 : ListProps.className, classes.list])
+      })
+    }, MenuProps), {}, {
+      style: _objectSpread(_objectSpread({}, styles.menu), MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.menu),
+      className: (0, _styleReact.classNames)([MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.className])
+    }))]
+  }));
+};
 AutoComplete.displayName = 'onesy-AutoComplete';
 var _default = exports.default = AutoComplete;

package/AutoCompleteCountry/AutoCompleteCountry.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"));
@@ -15,6 +14,7 @@ var _AutoComplete = _interopRequireDefault(require("../AutoComplete"));
 var _ListItem = _interopRequireDefault(require("../ListItem"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["value", "valueDefault", "valueInputDefault", "size", "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; }
@@ -23,7 +23,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-AutoCompleteCountry'
 });
-const AutoCompleteCountry = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const AutoCompleteCountry = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
@@ -65,27 +65,26 @@ const AutoCompleteCountry = /*#__PURE__*/_react.default.forwardRef((props_, ref)
     var _options$find;
     return valueInputDefault_ !== undefined ? valueInputDefault_ : (_options$find = options.find(item_0 => item_0.value === (value !== undefined ? value : valueDefault))) === null || _options$find === void 0 ? void 0 : _options$find.name;
   }, []);
-  return /*#__PURE__*/_react.default.createElement(AutoComplete, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AutoComplete, _objectSpread({
     valueInputDefault: valueInputDefault,
     valueDefault: valueDefault,
     value: value,
     options: options,
     size: size,
-    renderOption: (item_1, index_, propsItem) => /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
-      key: index_,
+    renderOption: (item_1, index_, propsItem) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItem, _objectSpread({
       start: item_1.flag,
       startAlign: "center",
-      primary: /*#__PURE__*/_react.default.createElement(Type, {
-        version: "b3"
-      }, item_1.name),
+      primary: /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
+        version: "b3",
+        children: item_1.name
+      }),
       value: item_1.value,
       selected: item_1.value === ((value === null || value === void 0 ? void 0 : value.value) !== undefined ? value === null || value === void 0 ? void 0 : value.value : value),
       size: "small",
       button: true
-    }, propsItem)),
+    }, propsItem), index_),
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('AutoCompleteCountry', theme) && ['onesy-AutoCompleteCountry-root', `onesy-AutoCompleteCountry-size-${size}`], className, classes.root])
   }, other));
-});
+};
 AutoCompleteCountry.displayName = 'onesy-AutoCompleteCountry';
 var _default = exports.default = AutoCompleteCountry;

package/AutoCompleteCurrency/AutoCompleteCurrency.js

@@ -5,13 +5,13 @@ 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"));
 var _styleReact = require("@onesy/style-react");
 var _AutoComplete = _interopRequireDefault(require("../AutoComplete"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["valueInputDefault", "size", "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; }
@@ -20,7 +20,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-AutoCompleteCurrency'
 });
-const AutoCompleteCurrency = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const AutoCompleteCurrency = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
@@ -59,13 +59,12 @@ const AutoCompleteCurrency = /*#__PURE__*/_react.default.forwardRef((props_, ref
     var _options$find;
     return valueInputDefault_ !== undefined ? valueInputDefault_ : (_options$find = options.find(item_0 => item_0.value === (other.value !== undefined ? other.value : other.valueDefault))) === null || _options$find === void 0 ? void 0 : _options$find.name;
   }, []);
-  return /*#__PURE__*/_react.default.createElement(AutoComplete, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AutoComplete, _objectSpread({
     valueInputDefault: valueInputDefault,
     options: options,
     size: size,
     className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('AutoCompleteCurrency', theme) && ['onesy-AutoCompleteCurrency-root', `onesy-AutoCompleteCurrency-size-${size}`], className, classes.root])
   }, other));
-});
+};
 AutoCompleteCurrency.displayName = 'onesy-AutoCompleteCurrency';
 var _default = exports.default = AutoCompleteCurrency;

package/Avatar/Avatar.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 _Button = _interopRequireDefault(require("../Button"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _utils2 = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["tonal", "version", "size", "color", "image", "alt", "square", "elevation", "disabled", "TypeProps", "InteractionProps", "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; }
@@ -43,7 +43,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-Avatar'
 });
-const Avatar = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Avatar = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
   const $ = (0, _compilerRuntime.c)(3);
   const theme = (0, _styleReact.useOnesyTheme)();
@@ -97,7 +97,7 @@ const Avatar = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     } else {
       t8 = $[2];
     }
-    children = /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, imageProps, {
+    children = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, imageProps), {}, {
       className: (0, _styleReact.classNames)([imageProps === null || imageProps === void 0 ? void 0 : imageProps.className, classes.image]),
       style: t8
     }));
@@ -121,12 +121,13 @@ const Avatar = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
           }
         }
       }
-      children = /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({}, typeProps, TypeProps), children);
+      children = /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread(_objectSpread({}, typeProps), TypeProps), {}, {
+        children: children
+      }));
     }
   }
   const color = color_ === "auto" ? (0, _utils.stringToColor)(children_ || "") : color_;
-  return /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, _objectSpread(_objectSpread({
     tonal: tonal,
     color: color,
     elevation: elevation,
@@ -140,7 +141,9 @@ const Avatar = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }, InteractionProps),
     Component: Component,
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)("Avatar", theme) && ["onesy-Avatar-root", `onesy-Avatar-version-${version}`, `onesy-Avatar-size-${size}`], className, classes.root, square && classes.square])
-  }, other), children);
-});
+  }, other), {}, {
+    children: children
+  }));
+};
 Avatar.displayName = 'onesy-Avatar';
 var _default = exports.default = Avatar;

package/AvatarGroup/AvatarGroup.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -13,6 +12,7 @@ var _styleReact = require("@onesy/style-react");
 var _Line = _interopRequireDefault(require("../Line"));
 var _Avatar = _interopRequireDefault(require("../Avatar"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["tonal", "color", "size", "total", "max", "disabled", "AdditionalAvatar", "AdditionalAvatarProps", "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; }
@@ -32,7 +32,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-AvatarGroup'
 });
-const AvatarGroup = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const AvatarGroup = 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.onesyAvatarGroup) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -93,33 +93,34 @@ const AvatarGroup = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       AdditionalAvatarProps.TypeProps = {};
     }
     AdditionalAvatarProps.TypeProps.size = "0.44em";
-    children.unshift(AdditionalAvatar || /*#__PURE__*/_react.default.createElement(Avatar, (0, _extends2.default)({
+    children.unshift(AdditionalAvatar || /*#__PURE__*/(0, _jsxRuntime.jsx)(Avatar, _objectSpread(_objectSpread(_objectSpread({
       tonal: tonal,
       color: "neutral"
-    }, other, AdditionalAvatarProps, {
-      noIconRootFontSize: true
-    }), value));
+    }, other), AdditionalAvatarProps), {}, {
+      noIconRootFontSize: true,
+      children: value
+    })));
   }
   if ((AdditionalAvatarProps === null || AdditionalAvatarProps === void 0 ? void 0 : AdditionalAvatarProps.size) !== undefined) {
     styles.root.fontSize = AdditionalAvatarProps.size;
   }
-  return /*#__PURE__*/_react.default.createElement(Line, {
-    ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
     gap: 0,
     direction: "row-reverse",
     Component: Component,
     className: (0, _styleReact.classNames)([(0, _utils.staticClassName)("AvatarGroup", theme) && ["onesy-AvatarGroup-root", `onesy-AvatarGroup-size-${size}`], className, classes.root, disabled && classes.disabled]),
-    style: _objectSpread(_objectSpread({}, style), styles.root)
-  }, children.map((item, index) => {
-    var _item$props;
-    return /*#__PURE__*/_react.default.cloneElement(item, _objectSpread(_objectSpread({
-      key: index,
-      className: (0, _styleReact.classNames)([item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.className, classes.item]),
-      tonal: item.props.tonal || tonal,
-      color: item.props.color || color,
-      size: item.props.size || size
-    }, other), item.props));
-  }));
-});
+    style: _objectSpread(_objectSpread({}, style), styles.root),
+    children: children.map((item, index) => {
+      var _item$props;
+      return /*#__PURE__*/_react.default.cloneElement(item, _objectSpread(_objectSpread({
+        key: index,
+        className: (0, _styleReact.classNames)([item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.className, classes.item]),
+        tonal: item.props.tonal || tonal,
+        color: item.props.color || color,
+        size: item.props.size || size
+      }, other), item.props));
+    })
+  });
+};
 AvatarGroup.displayName = 'onesy-AvatarGroup';
 var _default = exports.default = AvatarGroup;