@onesy/ui-react 1.0.171 → 1.0.173

package/SectionCards/SectionCards.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"));
@@ -17,7 +16,8 @@ var _Line = _interopRequireDefault(require("../Line"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _utils2 = require("../utils");
-const _excluded = ["size", "values", "ItemProps", "ItemsProps", "className"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "size", "values", "ItemProps", "ItemsProps", "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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -86,7 +86,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-SectionCards'
 });
-const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Element = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
@@ -96,6 +96,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Type = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
   const Button = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Button) || _Button.default;
   const {
+      ref,
       size = 'regular',
       values = [],
       ItemProps,
@@ -153,75 +154,81 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       });
     }
     const urlVideo = ((_item$backgroundVideo = item.backgroundVideo) === null || _item$backgroundVideo === void 0 ? void 0 : _item$backgroundVideo.url) || ((_item$backgroundVideo2 = item.backgroundVideo) === null || _item$backgroundVideo2 === void 0 ? void 0 : _item$backgroundVideo2.urlSmall) || ((0, _utils.is)('string', item.backgroundVideo) ? item.backgroundVideo : '');
-    return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      key: index,
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
       gap: size === 'large' ? 3 : size === 'regular' ? 2 : 1,
       align: "center",
       justify: "center",
       fullWidth: true
-    }, ItemProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item'], ItemProps === null || ItemProps === void 0 ? void 0 : ItemProps.className, classes.item, classes[`item_size_${size}`]])
-    }), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      fullWidth: true
-    }, item.propsImage, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-image'], (_item$propsImage = item.propsImage) === null || _item$propsImage === void 0 ? void 0 : _item$propsImage.className, classes.background, item.backgroundImage && styleBackground.backgroundImage && classes.backgroundImage]),
-      style: _objectSpread({}, styleBackground)
-    }), urlVideo && /*#__PURE__*/_react.default.createElement("video", {
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      className: classes.backgroundVideo
-    }, /*#__PURE__*/_react.default.createElement("source", {
-      src: urlVideo
-    })), item.overlay && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _styleReact.classNames)([classes.backgroundOverlay, item.overlayBlur && classes.backgroundOverlayBlur]),
-      style: _objectSpread({}, styleOverlay)
-    })), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      gap: 1,
-      align: "center",
-      fullWidth: true
-    }, item.propsMain, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-main'], (_item$propsMain = item.propsMain) === null || _item$propsMain === void 0 ? void 0 : _item$propsMain.className, classes.main])
-    }), (item.name || item.description) && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      gap: 1,
-      align: "center",
-      fullWidth: true
-    }, item.propsWrapperText, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-wrapper-text'], (_item$propsWrapperTex = item.propsWrapperText) === null || _item$propsWrapperTex === void 0 ? void 0 : _item$propsWrapperTex.className, classes.wrapperText])
-    }), item.name && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-      version: size === 'large' ? 'h3' : size === 'regular' ? 't1' : 't2',
-      align: "center",
-      fullWidth: true,
-      dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item.name)
-      }
-    }, item.propsName, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-name'], (_item$propsName = item.propsName) === null || _item$propsName === void 0 ? void 0 : _item$propsName.className])
-    })), item.description && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-      version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
-      priority: "secondary",
-      align: "center",
-      fullWidth: true,
-      dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item.description)
-      }
-    }, item.propsDescription, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-description'], (_item$propsDescriptio = item.propsDescription) === null || _item$propsDescriptio === void 0 ? void 0 : _item$propsDescriptio.className])
-    }))), item.buttonText && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      align: "center",
-      fullWidth: true
-    }, item.propsActions, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-actions'], (_item$propsActions = item.propsActions) === null || _item$propsActions === void 0 ? void 0 : _item$propsActions.className, classes.actions])
-    }), /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
-      version: "filled",
-      color: "primary",
-      size: size,
-      onClick: () => item.to ? navigate(item.to) : window.open(item.link, 'blank')
-    }, item.propsButton, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-button'], (_item$propsButton = item.propsButton) === null || _item$propsButton === void 0 ? void 0 : _item$propsButton.className, classes.button])
-    }), item.buttonText || l('Click here')))));
+    }, ItemProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item'], ItemProps === null || ItemProps === void 0 ? void 0 : ItemProps.className, classes.item, classes[`item_size_${size}`]]),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+        fullWidth: true
+      }, item.propsImage), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-image'], (_item$propsImage = item.propsImage) === null || _item$propsImage === void 0 ? void 0 : _item$propsImage.className, classes.background, item.backgroundImage && styleBackground.backgroundImage && classes.backgroundImage]),
+        style: _objectSpread({}, styleBackground),
+        children: [urlVideo && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          className: classes.backgroundVideo,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("source", {
+            src: urlVideo
+          })
+        }), item.overlay && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _styleReact.classNames)([classes.backgroundOverlay, item.overlayBlur && classes.backgroundOverlayBlur]),
+          style: _objectSpread({}, styleOverlay)
+        })]
+      })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+        gap: 1,
+        align: "center",
+        fullWidth: true
+      }, item.propsMain), {}, {
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-main'], (_item$propsMain = item.propsMain) === null || _item$propsMain === void 0 ? void 0 : _item$propsMain.className, classes.main]),
+        children: [(item.name || item.description) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, _objectSpread(_objectSpread({
+          gap: 1,
+          align: "center",
+          fullWidth: true
+        }, item.propsWrapperText), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-wrapper-text'], (_item$propsWrapperTex = item.propsWrapperText) === null || _item$propsWrapperTex === void 0 ? void 0 : _item$propsWrapperTex.className, classes.wrapperText]),
+          children: [item.name && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+            version: size === 'large' ? 'h3' : size === 'regular' ? 't1' : 't2',
+            align: "center",
+            fullWidth: true,
+            dangerouslySetInnerHTML: {
+              __html: (0, _utils.textToInnerHTML)(item.name)
+            }
+          }, item.propsName), {}, {
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-name'], (_item$propsName = item.propsName) === null || _item$propsName === void 0 ? void 0 : _item$propsName.className])
+          })), item.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+            version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
+            priority: "secondary",
+            align: "center",
+            fullWidth: true,
+            dangerouslySetInnerHTML: {
+              __html: (0, _utils.textToInnerHTML)(item.description)
+            }
+          }, item.propsDescription), {}, {
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-description'], (_item$propsDescriptio = item.propsDescription) === null || _item$propsDescriptio === void 0 ? void 0 : _item$propsDescriptio.className])
+          }))]
+        })), item.buttonText && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
+          align: "center",
+          fullWidth: true
+        }, item.propsActions), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-actions'], (_item$propsActions = item.propsActions) === null || _item$propsActions === void 0 ? void 0 : _item$propsActions.className, classes.actions]),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, _objectSpread(_objectSpread({
+            version: "filled",
+            color: "primary",
+            size: size,
+            onClick: () => item.to ? navigate(item.to) : window.open(item.link, 'blank')
+          }, item.propsButton), {}, {
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-item-button'], (_item$propsButton = item.propsButton) === null || _item$propsButton === void 0 ? void 0 : _item$propsButton.className, classes.button]),
+            children: item.buttonText || l('Click here')
+          }))
+        }))]
+      }))]
+    }), index);
   };
-  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Section, _objectSpread(_objectSpread({
     ref: item_0 => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
@@ -234,14 +241,17 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       align: 'center'
     },
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-root', `onesy-SectionCards-size-${size}`], className, classes.root])
-  }, other), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    gap: size === 'large' ? 3.5 : size === 'regular' ? 2.5 : 1.5,
-    justify: "flex-start",
-    align: "flex-start",
-    direction: "row"
-  }, ItemsProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-items'], ItemsProps === null || ItemsProps === void 0 ? void 0 : ItemsProps.className, classes.items])
-  }), values === null || values === void 0 ? void 0 : values.map((item_1, index_0) => getItem(item_1, index_0))));
-});
+  }, other), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
+      gap: size === 'large' ? 3.5 : size === 'regular' ? 2.5 : 1.5,
+      justify: "flex-start",
+      align: "flex-start",
+      direction: "row"
+    }, ItemsProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCards', theme) && ['onesy-SectionCards-items'], ItemsProps === null || ItemsProps === void 0 ? void 0 : ItemsProps.className, classes.items]),
+      children: values === null || values === void 0 ? void 0 : values.map((item_1, index_0) => getItem(item_1, index_0))
+    }))
+  }));
+};
 Element.displayName = 'onesy-SectionCards';
 var _default = exports.default = Element;

package/SectionCarousel/SectionCarousel.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"));
@@ -19,7 +18,8 @@ var _Line = _interopRequireDefault(require("../Line"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
 var _utils2 = require("../utils");
-const _excluded = ["size", "values", "responsive", "fullHeight", "ItemProps", "CarouselProps", "className"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "size", "values", "responsive", "fullHeight", "ItemProps", "CarouselProps", "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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -108,7 +108,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-SectionCarousel'
 });
-const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Element = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
@@ -119,6 +119,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Carousel = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Carousel) || _Carousel.default;
   const Type = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Type) || _Type.default;
   const {
+      ref,
       size: size_ = 'regular',
       values: values_ = [],
       responsive = true,
@@ -191,67 +192,71 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       });
     }
     const urlVideo = ((_item$backgroundVideo = item.backgroundVideo) === null || _item$backgroundVideo === void 0 ? void 0 : _item$backgroundVideo.url) || ((_item$backgroundVideo2 = item.backgroundVideo) === null || _item$backgroundVideo2 === void 0 ? void 0 : _item$backgroundVideo2.urlSmall) || ((0, _utils.is)('string', item.backgroundVideo) ? item.backgroundVideo : '');
-    return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
-      key: index,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Section, _objectSpread(_objectSpread({
       size: size,
       gap: 0,
       align: "flex-start",
       justify: "center",
       fullWidth: true
-    }, ItemProps, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item'], ItemProps === null || ItemProps === void 0 ? void 0 : ItemProps.className, classes.item, classes[`item_size_${size}`]])
-    }), /*#__PURE__*/_react.default.createElement(Line, {
-      gap: 1,
-      align: "flex-start",
-      justify: "center",
-      fullWidth: true,
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-main'], classes.main, classes.background, item.backgroundImage && styleBackground.backgroundImage && classes.backgroundImage]),
-      style: _objectSpread({}, styleBackground)
-    }, urlVideo && /*#__PURE__*/_react.default.createElement("video", {
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-background-video'], classes.backgroundVideo])
-    }, /*#__PURE__*/_react.default.createElement("source", {
-      src: urlVideo
-    })), item.overlay && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-background-overlay'], classes.backgroundOverlay, item.overlayBlur && classes.backgroundOverlayBlur]),
-      style: _objectSpread({}, styleOverlay)
-    }), item.name && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-      version: size === 'large' ? 'd1' : size === 'regular' ? 'd2' : 'd3',
-      fullWidth: true,
-      dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item.name)
-      }
-    }, item.propsName, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-name'], (_item$propsName = item.propsName) === null || _item$propsName === void 0 ? void 0 : _item$propsName.className, classes.text])
-    })), item.description && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-      version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b2',
-      fullWidth: true,
-      dangerouslySetInnerHTML: {
-        __html: (0, _utils.textToInnerHTML)(item.description)
-      }
-    }, item.propsDescription, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-description'], (_item$propsDescriptio = item.propsDescription) === null || _item$propsDescriptio === void 0 ? void 0 : _item$propsDescriptio.className, classes.text])
-    })), item.buttonText && /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-      direction: "row",
-      align: "center",
-      justify: "flex-start",
-      fullWidth: true
-    }, item.propsButtonWrapper, {
-      style: _objectSpread({
-        marginTop: 12
-      }, (_item$propsButtonWrap = item.propsButtonWrapper) === null || _item$propsButtonWrap === void 0 ? void 0 : _item$propsButtonWrap.style)
-    }), /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
-      version: "filled",
-      color: "primary",
-      size: size === 'large' ? 'regular' : size === 'regular' ? 'small' : 'small',
-      onClick: () => item.to ? navigate(item.to) : window.open(item.link, 'blank')
-    }, item.propsButton, {
-      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-button'], (_item$propsButton = item.propsButton) === null || _item$propsButton === void 0 ? void 0 : _item$propsButton.className, classes.button])
-    }), item.buttonText || l('Click here')))));
+    }, ItemProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item'], ItemProps === null || ItemProps === void 0 ? void 0 : ItemProps.className, classes.item, classes[`item_size_${size}`]]),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+        gap: 1,
+        align: "flex-start",
+        justify: "center",
+        fullWidth: true,
+        className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-main'], classes.main, classes.background, item.backgroundImage && styleBackground.backgroundImage && classes.backgroundImage]),
+        style: _objectSpread({}, styleBackground),
+        children: [urlVideo && /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-background-video'], classes.backgroundVideo]),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("source", {
+            src: urlVideo
+          })
+        }), item.overlay && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-background-overlay'], classes.backgroundOverlay, item.overlayBlur && classes.backgroundOverlayBlur]),
+          style: _objectSpread({}, styleOverlay)
+        }), item.name && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+          version: size === 'large' ? 'd1' : size === 'regular' ? 'd2' : 'd3',
+          fullWidth: true,
+          dangerouslySetInnerHTML: {
+            __html: (0, _utils.textToInnerHTML)(item.name)
+          }
+        }, item.propsName), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-name'], (_item$propsName = item.propsName) === null || _item$propsName === void 0 ? void 0 : _item$propsName.className, classes.text])
+        })), item.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+          version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b2',
+          fullWidth: true,
+          dangerouslySetInnerHTML: {
+            __html: (0, _utils.textToInnerHTML)(item.description)
+          }
+        }, item.propsDescription), {}, {
+          className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-description'], (_item$propsDescriptio = item.propsDescription) === null || _item$propsDescriptio === void 0 ? void 0 : _item$propsDescriptio.className, classes.text])
+        })), item.buttonText && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, _objectSpread(_objectSpread({
+          direction: "row",
+          align: "center",
+          justify: "flex-start",
+          fullWidth: true
+        }, item.propsButtonWrapper), {}, {
+          style: _objectSpread({
+            marginTop: 12
+          }, (_item$propsButtonWrap = item.propsButtonWrapper) === null || _item$propsButtonWrap === void 0 ? void 0 : _item$propsButtonWrap.style),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, _objectSpread(_objectSpread({
+            version: "filled",
+            color: "primary",
+            size: size === 'large' ? 'regular' : size === 'regular' ? 'small' : 'small',
+            onClick: () => item.to ? navigate(item.to) : window.open(item.link, 'blank')
+          }, item.propsButton), {}, {
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-item-button'], (_item$propsButton = item.propsButton) === null || _item$propsButton === void 0 ? void 0 : _item$propsButton.className, classes.button]),
+            children: item.buttonText || l('Click here')
+          }))
+        }))]
+      })
+    }), index);
   };
-  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Section, _objectSpread(_objectSpread({
     ref: item_0 => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
@@ -261,12 +266,14 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     maxWidth: false,
     padding: !(values !== null && values !== void 0 && values.length),
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-root', `onesy-SectionCarousel-size-${size}`], className, classes.root])
-  }, other), !!(values !== null && values !== void 0 && values.length) && /*#__PURE__*/_react.default.createElement(Carousel, (0, _extends2.default)({
-    items: values === null || values === void 0 ? void 0 : values.map((item_1, index_0) => getItem(item_1, index_0)),
-    autoPlay: true
-  }, CarouselProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-items'], CarouselProps === null || CarouselProps === void 0 ? void 0 : CarouselProps.className, classes.items, classes[`size_${size}`], fullHeight && classes.fullHeight])
-  })));
-});
+  }, other), {}, {
+    children: !!(values !== null && values !== void 0 && values.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)(Carousel, _objectSpread(_objectSpread({
+      items: values === null || values === void 0 ? void 0 : values.map((item_1, index_0) => getItem(item_1, index_0)),
+      autoPlay: true
+    }, CarouselProps), {}, {
+      className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionCarousel', theme) && ['onesy-SectionCarousel-items'], CarouselProps === null || CarouselProps === void 0 ? void 0 : CarouselProps.className, classes.items, classes[`size_${size}`], fullHeight && classes.fullHeight])
+    }))
+  }));
+};
 Element.displayName = 'onesy-SectionCarousel';
 var _default = exports.default = Element;

package/SectionContact/SectionContact.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"));
@@ -20,7 +19,8 @@ var _Section = _interopRequireDefault(require("../Section/Section"));
 var _Type = _interopRequireDefault(require("../Type"));
 var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
 var _utils2 = require("../utils");
-const _excluded = ["map", "mapPosition", "heading", "summary", "address", "phone", "email", "IconAddress", "IconPhone", "IconEmail", "MapProps", "HeadingProps", "SummaryProps", "PropertiesProps", "className"];
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref", "map", "mapPosition", "heading", "summary", "address", "phone", "email", "IconAddress", "IconPhone", "IconEmail", "MapProps", "HeadingProps", "SummaryProps", "PropertiesProps", "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; }
 const useStyle = (0, _styleReact.style)(theme => ({
@@ -42,7 +42,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
 }), {
   name: 'onesy-SectionContact'
 });
-const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+const Element = props_ => {
   var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4;
   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.onesySectionContact) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
@@ -51,6 +51,7 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const Section = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Section) || _Section.default;
   const Type = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Type) || _Type.default;
   const {
+      ref,
       map,
       mapPosition: mapPosition_ = 'bottom',
       heading,
@@ -88,35 +89,36 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       backgroundColor: theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette), 0.54)
     });
   }
-  const mapElement = (map === null || map === void 0 ? void 0 : map.apiKey) && (map === null || map === void 0 ? void 0 : map.latitude) && (map === null || map === void 0 ? void 0 : map.longitude) && /*#__PURE__*/_react.default.createElement(Line, {
+  const mapElement = (map === null || map === void 0 ? void 0 : map.apiKey) && (map === null || map === void 0 ? void 0 : map.latitude) && (map === null || map === void 0 ? void 0 : map.longitude) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
     fullWidth: true,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionContact', theme) && ['onesy-SectionContact-map'], classes.map])
-  }, map.overlay && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _styleReact.classNames)([classes.backgroundOverlay]),
-    style: _objectSpread({}, styleOverlay)
-  }), /*#__PURE__*/_react.default.createElement("iframe", {
-    title: "onesy-google-map",
-    src: `https://www.google.com/maps/embed/v1/place?q=${map === null || map === void 0 ? void 0 : map.latitude},${map === null || map === void 0 ? void 0 : map.longitude}${map !== null && map !== void 0 && map.apiKey ? `&key=${map === null || map === void 0 ? void 0 : map.apiKey}` : ''}`,
-    width: "100%",
-    height: "100%",
-    loading: "lazy",
-    allowFullScreen: true,
-    referrerPolicy: "no-referrer-when-downgrade"
-  }));
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionContact', theme) && ['onesy-SectionContact-map'], classes.map]),
+    children: [map.overlay && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _styleReact.classNames)([classes.backgroundOverlay]),
+      style: _objectSpread({}, styleOverlay)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
+      title: "onesy-google-map",
+      src: `https://www.google.com/maps/embed/v1/place?q=${map === null || map === void 0 ? void 0 : map.latitude},${map === null || map === void 0 ? void 0 : map.longitude}${map !== null && map !== void 0 && map.apiKey ? `&key=${map === null || map === void 0 ? void 0 : map.apiKey}` : ''}`,
+      width: "100%",
+      height: "100%",
+      loading: "lazy",
+      allowFullScreen: true,
+      referrerPolicy: "no-referrer-when-downgrade"
+    })]
+  });
   const properties = [];
   if (address) properties.push({
-    name: /*#__PURE__*/_react.default.createElement(IconAddress, null),
+    name: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconAddress, {}),
     value: address
   });
   if (phone) properties.push({
-    name: /*#__PURE__*/_react.default.createElement(IconPhone, null),
+    name: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconPhone, {}),
     value: phone
   });
   if (email) properties.push({
-    name: /*#__PURE__*/_react.default.createElement(IconEmail, null),
+    name: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconEmail, {}),
     value: email
   });
-  return /*#__PURE__*/_react.default.createElement(Section, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
@@ -127,42 +129,47 @@ const Element = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       gap: 4
     },
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionContact', theme) && ['onesy-SectionContact-root'], className, classes.root])
-  }, other), mapPosition === 'top' && mapElement, /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 4,
-    direction: "row",
-    fullWidth: true
-  }, mapPosition === 'left' && mapElement, /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 5,
-    flex: true,
-    fullWidth: true,
-    style: {
-      paddingTop: ['left', 'right'].includes(mapPosition) ? 24 : 0
-    }
-  }, (heading || summary) && /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 0.5
-  }, heading && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: "t1",
-    dangerouslySetInnerHTML: {
-      __html: (0, _utils.textToInnerHTML)(heading)
-    }
-  }, HeadingProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionContact', theme) && ['onesy-SectionContact-heading'], HeadingProps === null || HeadingProps === void 0 ? void 0 : HeadingProps.className, classes.text])
-  })), summary && /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: "b3",
-    dangerouslySetInnerHTML: {
-      __html: (0, _utils.textToInnerHTML)(summary)
-    }
-  }, SummaryProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionContact', theme) && ['onesy-SectionContact-summary'], SummaryProps === null || SummaryProps === void 0 ? void 0 : SummaryProps.className, classes.text])
-  }))), !!properties.length && /*#__PURE__*/_react.default.createElement(Properties, (0, _extends2.default)({
-    version: "row",
-    gap: 1,
-    values: properties
-  }, PropertiesProps, {
-    PropertyProps: _objectSpread({
-      responsive: false
-    }, PropertiesProps === null || PropertiesProps === void 0 ? void 0 : PropertiesProps.PropertyProps)
-  }))), mapPosition === 'right' && mapElement), mapPosition === 'bottom' && mapElement);
-});
+  }, other), {}, {
+    children: [mapPosition === 'top' && mapElement, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+      gap: 4,
+      direction: "row",
+      fullWidth: true,
+      children: [mapPosition === 'left' && mapElement, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+        gap: 5,
+        flex: true,
+        fullWidth: true,
+        style: {
+          paddingTop: ['left', 'right'].includes(mapPosition) ? 24 : 0
+        },
+        children: [(heading || summary) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Line, {
+          gap: 0.5,
+          children: [heading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+            version: "t1",
+            dangerouslySetInnerHTML: {
+              __html: (0, _utils.textToInnerHTML)(heading)
+            }
+          }, HeadingProps), {}, {
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionContact', theme) && ['onesy-SectionContact-heading'], HeadingProps === null || HeadingProps === void 0 ? void 0 : HeadingProps.className, classes.text])
+          })), summary && /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, _objectSpread(_objectSpread({
+            version: "b3",
+            dangerouslySetInnerHTML: {
+              __html: (0, _utils.textToInnerHTML)(summary)
+            }
+          }, SummaryProps), {}, {
+            className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('SectionContact', theme) && ['onesy-SectionContact-summary'], SummaryProps === null || SummaryProps === void 0 ? void 0 : SummaryProps.className, classes.text])
+          }))]
+        }), !!properties.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(Properties, _objectSpread(_objectSpread({
+          version: "row",
+          gap: 1,
+          values: properties
+        }, PropertiesProps), {}, {
+          PropertyProps: _objectSpread({
+            responsive: false
+          }, PropertiesProps === null || PropertiesProps === void 0 ? void 0 : PropertiesProps.PropertyProps)
+        }))]
+      }), mapPosition === 'right' && mapElement]
+    }), mapPosition === 'bottom' && mapElement]
+  }));
+};
 Element.displayName = 'onesy-SectionContact';
 var _default = exports.default = Element;