@onesy/ui-react 1.0.172 → 1.0.173

package/esm/SectionImageGallery/SectionImageGallery.js

@@ -1,7 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["values", "value", "ImageGalleryProps", "className"];
+const _excluded = ["ref", "values", "value", "ImageGalleryProps", "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) { _defineProperty(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; }
 import React from 'react';
@@ -10,17 +9,19 @@ import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-re
 import ImageGalleryElement from '../ImageGallery';
 import SectionElement from '../Section/Section';
 import { staticClassName } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {}
 }), {
   name: 'onesy-SectionImageGallery'
 });
-const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const Element = props_ => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesySectionImageGallery?.props?.default), props_);
   const Section = theme?.elements?.Section || SectionElement;
   const ImageGallery = theme?.elements?.ImageGallery || ImageGalleryElement;
   const {
+      ref,
       values,
       value,
       ImageGalleryProps,
@@ -33,7 +34,7 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const refs = {
     root: React.useRef(undefined)
   };
-  return /*#__PURE__*/React.createElement(Section, _extends({
+  return /*#__PURE__*/_jsx(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if (is('function', ref)) ref(item);else ref.current = item;
@@ -41,11 +42,13 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
       refs.root.current = item;
     },
     className: classNames([staticClassName('ImageGallery', theme) && ['onesy-SectionImageGallery-root'], className, classes.root])
-  }, other), !!values?.length && /*#__PURE__*/React.createElement(ImageGallery, _extends({
-    version: "regular",
-    items: values,
-    value: value
-  }, ImageGalleryProps)));
-});
+  }, other), {}, {
+    children: !!values?.length && /*#__PURE__*/_jsx(ImageGallery, _objectSpread({
+      version: "regular",
+      items: values,
+      value: value
+    }, ImageGalleryProps))
+  }));
+};
 Element.displayName = 'onesy-SectionImageGallery';
 export default Element;

package/esm/SectionLogos/SectionLogos.js

@@ -1,7 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["values", "size", "name", "gray", "ItemProps", "WrapperProps", "className"];
+const _excluded = ["ref", "values", "size", "name", "gray", "ItemProps", "WrapperProps", "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) { _defineProperty(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; }
 import React from 'react';
@@ -11,6 +10,7 @@ import LineElement from '../Line';
 import SectionElement from '../Section/Section';
 import TypeElement from '../Type';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {},
   name: {
@@ -45,13 +45,14 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-SectionLogos'
 });
-const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const Element = props_ => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesySectionLogos?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
   const Section = theme?.elements?.Section || SectionElement;
   const Type = theme?.elements?.Type || TypeElement;
   const {
+      ref,
       values = [],
       size = 'regular',
       name,
@@ -67,7 +68,7 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const refs = {
     root: React.useRef(undefined)
   };
-  return /*#__PURE__*/React.createElement(Section, _extends({
+  return /*#__PURE__*/_jsx(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if (is('function', ref)) ref(item);else ref.current = item;
@@ -80,31 +81,34 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
       align: 'center'
     },
     className: classNames([staticClassName('SectionLogos', theme) && ['onesy-SectionLogos-root', `onesy-SectionLogos-size-${size}`], className, classes.root])
-  }, other), /*#__PURE__*/React.createElement(Line, {
-    gap: size === 'large' ? 10 : size === 'regular' ? 8 : 6,
-    direction: "row",
-    justify: "flex-start",
-    align: "center",
-    className: classNames([staticClassName('SectionLogos', theme) && ['onesy-SectionLogos-items'], classes.items, gray && classes.gray])
-  }, values?.map((item_0, index) => /*#__PURE__*/React.createElement(Line, _extends({
-    key: index
-  }, WrapperProps, {
-    fullWidth: true,
-    className: classNames([staticClassName('SectionLogos', theme) && ['onesy-SectionLogos-wrapper'], WrapperProps?.className, classes.wrapper, classes[`wrapper_size_${size}`]])
-  }), /*#__PURE__*/React.createElement(Line, _extends({}, ItemProps, {
-    fullWidth: true,
-    className: classNames([staticClassName('SectionLogos', theme) && ['onesy-SectionLogos-item'], ItemProps?.className, classes.item]),
-    style: {
-      backgroundImage: `url(${item_0?.url || item_0?.urlSmall})`
-    }
-  })), name && /*#__PURE__*/React.createElement(Type, {
-    version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
-    align: "center",
-    fullWidth: true,
-    className: classNames([staticClassName('SectionLogos', theme) && ['onesy-SectionLogos-name'], classes.name])
-  }, cleanValue(item_0?.name || 'No name', {
-    capitalize: true
-  }))))));
-});
+  }, other), {}, {
+    children: /*#__PURE__*/_jsx(Line, {
+      gap: size === 'large' ? 10 : size === 'regular' ? 8 : 6,
+      direction: "row",
+      justify: "flex-start",
+      align: "center",
+      className: classNames([staticClassName('SectionLogos', theme) && ['onesy-SectionLogos-items'], classes.items, gray && classes.gray]),
+      children: values?.map((item_0, index) => /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread({}, WrapperProps), {}, {
+        fullWidth: true,
+        className: classNames([staticClassName('SectionLogos', theme) && ['onesy-SectionLogos-wrapper'], WrapperProps?.className, classes.wrapper, classes[`wrapper_size_${size}`]]),
+        children: [/*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({}, ItemProps), {}, {
+          fullWidth: true,
+          className: classNames([staticClassName('SectionLogos', theme) && ['onesy-SectionLogos-item'], ItemProps?.className, classes.item]),
+          style: {
+            backgroundImage: `url(${item_0?.url || item_0?.urlSmall})`
+          }
+        })), name && /*#__PURE__*/_jsx(Type, {
+          version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
+          align: "center",
+          fullWidth: true,
+          className: classNames([staticClassName('SectionLogos', theme) && ['onesy-SectionLogos-name'], classes.name]),
+          children: cleanValue(item_0?.name || 'No name', {
+            capitalize: true
+          })
+        })]
+      }), index))
+    })
+  }));
+};
 Element.displayName = 'onesy-SectionLogos';
 export default Element;

package/esm/SectionMedia/SectionMedia.js

@@ -1,7 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["value", "size", "name", "IconDocument", "MediaProps", "ImageProps", "AudioProps", "VideoProps", "OtherProps", "className"];
+const _excluded = ["ref", "value", "size", "name", "IconDocument", "MediaProps", "ImageProps", "AudioProps", "VideoProps", "OtherProps", "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) { _defineProperty(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; }
 import React from 'react';
@@ -16,6 +15,7 @@ import SectionElement from '../Section/Section';
 import TypeElement from '../Type';
 import VideoPlayerElement from '../VideoPlayer';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {},
   name: {
@@ -53,7 +53,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-SectionMedia'
 });
-const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const Element = props_ => {
   const theme = useOnesyTheme();
   const l = theme.l;
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesySectionMedia?.props?.default), props_);
@@ -65,6 +65,7 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const Interaction = theme?.elements?.Interaction || InteractionElement;
   const Type = theme?.elements?.Type || TypeElement;
   const {
+      ref,
       value,
       size = 'regular',
       name,
@@ -89,35 +90,37 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
   let element;
   if (value) {
     const mime = value.mime;
-    if (mime?.includes('image')) element = /*#__PURE__*/React.createElement(Image, _extends({
+    if (mime?.includes('image')) element = /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread(_objectSpread({
       src: value?.url || value?.urlSmall || (is('string', value) ? value : ''),
       maxWidth: "rg",
       fullWidth: true
-    }, MediaProps, ImageProps, {
+    }, MediaProps), ImageProps), {}, {
       className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-image'], MediaProps?.className, ImageProps?.className])
-    }));else if (mime?.includes('audio')) element = /*#__PURE__*/React.createElement(AudioPlayer, _extends({
+    }));else if (mime?.includes('audio')) element = /*#__PURE__*/_jsx(AudioPlayer, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       size: size
-    }, value, MediaProps, AudioProps, {
+    }, value), MediaProps), AudioProps), {}, {
       className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-audio'], MediaProps?.className, AudioProps?.className])
-    }));else if (mime?.includes('video')) element = /*#__PURE__*/React.createElement(VideoPlayer, _extends({
+    }));else if (mime?.includes('video')) element = /*#__PURE__*/_jsx(VideoPlayer, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       size: size
-    }, value, MediaProps, VideoProps, {
+    }, value), MediaProps), VideoProps), {}, {
       className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-video'], MediaProps?.className, VideoProps?.className])
-    }));else element = /*#__PURE__*/React.createElement(Line, {
+    }));else element = /*#__PURE__*/_jsx(Line, {
       gap: 1,
-      className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-wrapper', 'onesy-SectionMedia-wrapper-other'], classes.wrapper, classes[`otherWrapper_size_${size}`]])
-    }, /*#__PURE__*/React.createElement(Line, _extends({
-      align: "center",
-      justify: "center",
-      onClick: () => onOpenMedia(value),
-      fullWidth: true
-    }, MediaProps, OtherProps, {
-      className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-other'], MediaProps?.className, OtherProps?.className, classes.other, classes[`other_size_${size}`]])
-    }), /*#__PURE__*/React.createElement(Interaction, null), /*#__PURE__*/React.createElement(IconDocument, {
-      size: size === 'large' ? 44 : size === 'regular' ? 34 : 24
-    })));
+      className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-wrapper', 'onesy-SectionMedia-wrapper-other'], classes.wrapper, classes[`otherWrapper_size_${size}`]]),
+      children: /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread(_objectSpread({
+        align: "center",
+        justify: "center",
+        onClick: () => onOpenMedia(value),
+        fullWidth: true
+      }, MediaProps), OtherProps), {}, {
+        className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-item', 'onesy-SectionMedia-item-other'], MediaProps?.className, OtherProps?.className, classes.other, classes[`other_size_${size}`]]),
+        children: [/*#__PURE__*/_jsx(Interaction, {}), /*#__PURE__*/_jsx(IconDocument, {
+          size: size === 'large' ? 44 : size === 'regular' ? 34 : 24
+        })]
+      }))
+    });
   }
-  return /*#__PURE__*/React.createElement(Section, _extends({
+  return /*#__PURE__*/_jsx(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if (is('function', ref)) ref(item);else ref.current = item;
@@ -127,17 +130,21 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
     maxWidth: "small",
     align: "center",
     className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-root', `onesy-SectionMedia-size-${size}`], className, classes.root])
-  }, other), /*#__PURE__*/React.createElement(Line, {
-    align: "center",
-    fullWidth: true
-  }, element, name && /*#__PURE__*/React.createElement(Type, {
-    version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
-    align: "center",
-    fullWidth: true,
-    className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-name'], classes.name])
-  }, cleanValue(value?.name || l('No name'), {
-    capitalize: true
-  }))));
-});
+  }, other), {}, {
+    children: /*#__PURE__*/_jsxs(Line, {
+      align: "center",
+      fullWidth: true,
+      children: [element, name && /*#__PURE__*/_jsx(Type, {
+        version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
+        align: "center",
+        fullWidth: true,
+        className: classNames([staticClassName('SectionMedia', theme) && ['onesy-SectionMedia-name'], classes.name]),
+        children: cleanValue(value?.name || l('No name'), {
+          capitalize: true
+        })
+      })]
+    })
+  }));
+};
 Element.displayName = 'onesy-SectionMedia';
 export default Element;

package/esm/SectionReviews/SectionReviews.js

@@ -1,7 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["values", "size", "AvatarProps", "TypeProps", "NameProps", "MetaProps", "DescriptionProps", "RatingProps", "ReviewProps", "ReviewsProps", "className"];
+const _excluded = ["ref", "values", "size", "AvatarProps", "TypeProps", "NameProps", "MetaProps", "DescriptionProps", "RatingProps", "ReviewProps", "ReviewsProps", "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) { _defineProperty(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; }
 import React from 'react';
@@ -13,6 +12,7 @@ import TypeElement from '../Type';
 import AvatarElement from '../Avatar';
 import RatingElement from '../Rating';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {
     overflow: 'auto hidden',
@@ -43,7 +43,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-SectionReviews'
 });
-const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const Element = props_ => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesySectionReviews?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
@@ -52,6 +52,7 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const Avatar = theme?.elements?.Avatar || AvatarElement;
   const Rating = theme?.elements?.Rating || RatingElement;
   const {
+      ref,
       values = [],
       size = 'regular',
       AvatarProps,
@@ -71,7 +72,7 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const refs = {
     root: React.useRef(undefined)
   };
-  return /*#__PURE__*/React.createElement(Section, _extends({
+  return /*#__PURE__*/_jsx(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if (is('function', ref)) ref(item);else ref.current = item;
@@ -81,66 +82,74 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
     align: "center",
     fullWidth: true,
     className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-root', `onesy-SectionReviews-size-${size}`], className, classes.root])
-  }, other), /*#__PURE__*/React.createElement(Line, _extends({
-    gap: 2,
-    direction: "row",
-    justify: "flex-start",
-    align: "flex-start"
-  }, ReviewsProps, {
-    className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-reviews'], ReviewsProps?.className, classes.reviews])
-  }), values.filter(Boolean).map((item_0, index) => /*#__PURE__*/React.createElement(Line, _extends({
-    key: index,
-    gap: 1.4,
-    direction: "column",
-    flexNo: true
-  }, ReviewProps, {
-    className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-review'], ReviewProps?.className, classes.review, classes[`review_size_${size}`]])
-  }), /*#__PURE__*/React.createElement(Line, {
-    gap: 1.7,
-    direction: "row",
-    align: "center"
-  }, /*#__PURE__*/React.createElement(Avatar, _extends({
-    size: size,
-    image: is('string', item_0.image) ? item_0.image : item_0.image?.url || item_0.image?.urlSmall
-  }, AvatarProps, {
-    className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-avatar'], AvatarProps?.className])
-  }), item_0.name?.split(' ').map(item_ => item_[0]).join('')), /*#__PURE__*/React.createElement(Line, {
-    gap: 0.5,
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Rating, _extends({
-    value: item_0.rating,
-    size: ['regular', 'small'].includes(size) ? 'small' : 'regular',
-    readOnly: true
-  }, RatingProps, {
-    className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-rating'], RatingProps?.className])
-  })), /*#__PURE__*/React.createElement(Line, {
-    gap: 0.14,
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Type, _extends({
-    version: size === 'large' ? 't2' : size === 'regular' ? 't3' : 'l1',
-    dangerouslySetInnerHTML: {
-      __html: textToInnerHTML(item_0.name)
-    }
-  }, NameProps, {
-    className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-name'], NameProps?.className])
-  })), item_0.meta && /*#__PURE__*/React.createElement(Type, _extends({
-    version: size === 'large' ? 'b2' : size === 'regular' ? 'b3' : 'b3',
-    dangerouslySetInnerHTML: {
-      __html: textToInnerHTML(item_0.meta)
-    }
-  }, MetaProps, {
-    className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-meta'], MetaProps?.className])
-  }))))), /*#__PURE__*/React.createElement(Line, {
-    gap: 1,
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Type, _extends({
-    version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
-    dangerouslySetInnerHTML: {
-      __html: textToInnerHTML(item_0.description)
-    }
-  }, DescriptionProps, {
-    className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-description'], DescriptionProps?.className])
-  })))))));
-});
+  }, other), {}, {
+    children: /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
+      gap: 2,
+      direction: "row",
+      justify: "flex-start",
+      align: "flex-start"
+    }, ReviewsProps), {}, {
+      className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-reviews'], ReviewsProps?.className, classes.reviews]),
+      children: values.filter(Boolean).map((item_0, index) => /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread({
+        gap: 1.4,
+        direction: "column",
+        flexNo: true
+      }, ReviewProps), {}, {
+        className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-review'], ReviewProps?.className, classes.review, classes[`review_size_${size}`]]),
+        children: [/*#__PURE__*/_jsxs(Line, {
+          gap: 1.7,
+          direction: "row",
+          align: "center",
+          children: [/*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({
+            size: size,
+            image: is('string', item_0.image) ? item_0.image : item_0.image?.url || item_0.image?.urlSmall
+          }, AvatarProps), {}, {
+            className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-avatar'], AvatarProps?.className]),
+            children: item_0.name?.split(' ').map(item_ => item_[0]).join('')
+          })), /*#__PURE__*/_jsxs(Line, {
+            gap: 0.5,
+            direction: "column",
+            children: [/*#__PURE__*/_jsx(Rating, _objectSpread(_objectSpread({
+              value: item_0.rating,
+              size: ['regular', 'small'].includes(size) ? 'small' : 'regular',
+              readOnly: true
+            }, RatingProps), {}, {
+              className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-rating'], RatingProps?.className])
+            })), /*#__PURE__*/_jsxs(Line, {
+              gap: 0.14,
+              direction: "column",
+              children: [/*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+                version: size === 'large' ? 't2' : size === 'regular' ? 't3' : 'l1',
+                dangerouslySetInnerHTML: {
+                  __html: textToInnerHTML(item_0.name)
+                }
+              }, NameProps), {}, {
+                className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-name'], NameProps?.className])
+              })), item_0.meta && /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+                version: size === 'large' ? 'b2' : size === 'regular' ? 'b3' : 'b3',
+                dangerouslySetInnerHTML: {
+                  __html: textToInnerHTML(item_0.meta)
+                }
+              }, MetaProps), {}, {
+                className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-meta'], MetaProps?.className])
+              }))]
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(Line, {
+          gap: 1,
+          direction: "column",
+          children: /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+            version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
+            dangerouslySetInnerHTML: {
+              __html: textToInnerHTML(item_0.description)
+            }
+          }, DescriptionProps), {}, {
+            className: classNames([staticClassName('SectionReviews', theme) && ['onesy-SectionReviews-description'], DescriptionProps?.className])
+          }))
+        })]
+      }), index))
+    }))
+  }));
+};
 Element.displayName = 'onesy-SectionReviews';
 export default Element;