@onesy/ui-react 1.0.171 → 1.0.173

package/esm/SectionCards/SectionCards.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 = ["size", "values", "ItemProps", "ItemsProps", "className"];
+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) { _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 LineElement from '../Line';
 import TypeElement from '../Type';
 import ButtonElement from '../Button';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {},
   main: {
@@ -79,7 +79,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-SectionCards'
 });
-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?.onesySectionCards?.props?.default), props_);
@@ -88,6 +88,7 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const Type = theme?.elements?.Type || TypeElement;
   const Button = theme?.elements?.Button || ButtonElement;
   const {
+      ref,
       size = 'regular',
       values = [],
       ItemProps,
@@ -142,75 +143,81 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
       });
     }
     const urlVideo = item.backgroundVideo?.url || item.backgroundVideo?.urlSmall || (is('string', item.backgroundVideo) ? item.backgroundVideo : '');
-    return /*#__PURE__*/React.createElement(Line, _extends({
-      key: index,
+    return /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread({
       gap: size === 'large' ? 3 : size === 'regular' ? 2 : 1,
       align: "center",
       justify: "center",
       fullWidth: true
-    }, ItemProps, {
-      className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item'], ItemProps?.className, classes.item, classes[`item_size_${size}`]])
-    }), /*#__PURE__*/React.createElement(Line, _extends({
-      fullWidth: true
-    }, item.propsImage, {
-      className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-image'], item.propsImage?.className, classes.background, item.backgroundImage && styleBackground.backgroundImage && classes.backgroundImage]),
-      style: _objectSpread({}, styleBackground)
-    }), urlVideo && /*#__PURE__*/React.createElement("video", {
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      className: classes.backgroundVideo
-    }, /*#__PURE__*/React.createElement("source", {
-      src: urlVideo
-    })), item.overlay && /*#__PURE__*/React.createElement("div", {
-      className: classNames([classes.backgroundOverlay, item.overlayBlur && classes.backgroundOverlayBlur]),
-      style: _objectSpread({}, styleOverlay)
-    })), /*#__PURE__*/React.createElement(Line, _extends({
-      gap: 1,
-      align: "center",
-      fullWidth: true
-    }, item.propsMain, {
-      className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-main'], item.propsMain?.className, classes.main])
-    }), (item.name || item.description) && /*#__PURE__*/React.createElement(Line, _extends({
-      gap: 1,
-      align: "center",
-      fullWidth: true
-    }, item.propsWrapperText, {
-      className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-wrapper-text'], item.propsWrapperText?.className, classes.wrapperText])
-    }), item.name && /*#__PURE__*/React.createElement(Type, _extends({
-      version: size === 'large' ? 'h3' : size === 'regular' ? 't1' : 't2',
-      align: "center",
-      fullWidth: true,
-      dangerouslySetInnerHTML: {
-        __html: textToInnerHTML(item.name)
-      }
-    }, item.propsName, {
-      className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-name'], item.propsName?.className])
-    })), item.description && /*#__PURE__*/React.createElement(Type, _extends({
-      version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
-      priority: "secondary",
-      align: "center",
-      fullWidth: true,
-      dangerouslySetInnerHTML: {
-        __html: textToInnerHTML(item.description)
-      }
-    }, item.propsDescription, {
-      className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-description'], item.propsDescription?.className])
-    }))), item.buttonText && /*#__PURE__*/React.createElement(Line, _extends({
-      align: "center",
-      fullWidth: true
-    }, item.propsActions, {
-      className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-actions'], item.propsActions?.className, classes.actions])
-    }), /*#__PURE__*/React.createElement(Button, _extends({
-      version: "filled",
-      color: "primary",
-      size: size,
-      onClick: () => item.to ? navigate(item.to) : window.open(item.link, 'blank')
-    }, item.propsButton, {
-      className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-button'], item.propsButton?.className, classes.button])
-    }), item.buttonText || l('Click here')))));
+    }, ItemProps), {}, {
+      className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item'], ItemProps?.className, classes.item, classes[`item_size_${size}`]]),
+      children: [/*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread({
+        fullWidth: true
+      }, item.propsImage), {}, {
+        className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-image'], item.propsImage?.className, classes.background, item.backgroundImage && styleBackground.backgroundImage && classes.backgroundImage]),
+        style: _objectSpread({}, styleBackground),
+        children: [urlVideo && /*#__PURE__*/_jsx("video", {
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          className: classes.backgroundVideo,
+          children: /*#__PURE__*/_jsx("source", {
+            src: urlVideo
+          })
+        }), item.overlay && /*#__PURE__*/_jsx("div", {
+          className: classNames([classes.backgroundOverlay, item.overlayBlur && classes.backgroundOverlayBlur]),
+          style: _objectSpread({}, styleOverlay)
+        })]
+      })), /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread({
+        gap: 1,
+        align: "center",
+        fullWidth: true
+      }, item.propsMain), {}, {
+        className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-main'], item.propsMain?.className, classes.main]),
+        children: [(item.name || item.description) && /*#__PURE__*/_jsxs(Line, _objectSpread(_objectSpread({
+          gap: 1,
+          align: "center",
+          fullWidth: true
+        }, item.propsWrapperText), {}, {
+          className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-wrapper-text'], item.propsWrapperText?.className, classes.wrapperText]),
+          children: [item.name && /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+            version: size === 'large' ? 'h3' : size === 'regular' ? 't1' : 't2',
+            align: "center",
+            fullWidth: true,
+            dangerouslySetInnerHTML: {
+              __html: textToInnerHTML(item.name)
+            }
+          }, item.propsName), {}, {
+            className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-name'], item.propsName?.className])
+          })), item.description && /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+            version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3',
+            priority: "secondary",
+            align: "center",
+            fullWidth: true,
+            dangerouslySetInnerHTML: {
+              __html: textToInnerHTML(item.description)
+            }
+          }, item.propsDescription), {}, {
+            className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-description'], item.propsDescription?.className])
+          }))]
+        })), item.buttonText && /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
+          align: "center",
+          fullWidth: true
+        }, item.propsActions), {}, {
+          className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-actions'], item.propsActions?.className, classes.actions]),
+          children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+            version: "filled",
+            color: "primary",
+            size: size,
+            onClick: () => item.to ? navigate(item.to) : window.open(item.link, 'blank')
+          }, item.propsButton), {}, {
+            className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-item-button'], item.propsButton?.className, classes.button]),
+            children: item.buttonText || l('Click here')
+          }))
+        }))]
+      }))]
+    }), index);
   };
-  return /*#__PURE__*/React.createElement(Section, _extends({
+  return /*#__PURE__*/_jsx(Section, _objectSpread(_objectSpread({
     ref: item_0 => {
       if (ref) {
         if (is('function', ref)) ref(item_0);else ref.current = item_0;
@@ -223,14 +230,17 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
       align: 'center'
     },
     className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-root', `onesy-SectionCards-size-${size}`], className, classes.root])
-  }, other), /*#__PURE__*/React.createElement(Line, _extends({
-    gap: size === 'large' ? 3.5 : size === 'regular' ? 2.5 : 1.5,
-    justify: "flex-start",
-    align: "flex-start",
-    direction: "row"
-  }, ItemsProps, {
-    className: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-items'], ItemsProps?.className, classes.items])
-  }), values?.map((item_1, index_0) => getItem(item_1, index_0))));
-});
+  }, other), {}, {
+    children: /*#__PURE__*/_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: classNames([staticClassName('SectionCards', theme) && ['onesy-SectionCards-items'], ItemsProps?.className, classes.items]),
+      children: values?.map((item_1, index_0) => getItem(item_1, index_0))
+    }))
+  }));
+};
 Element.displayName = 'onesy-SectionCards';
 export default Element;

package/esm/SectionCarousel/SectionCarousel.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 = ["size", "values", "responsive", "fullHeight", "ItemProps", "CarouselProps", "className"];
+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) { _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';
@@ -15,6 +14,7 @@ import LineElement from '../Line';
 import TypeElement from '../Type';
 import useMediaQuery from '../useMediaQuery';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {},
   size_small: {
@@ -101,7 +101,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-SectionCarousel'
 });
-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?.onesySectionCarousel?.props?.default), props_);
@@ -111,6 +111,7 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const Carousel = theme?.elements?.Carousel || CarouselElement;
   const Type = theme?.elements?.Type || TypeElement;
   const {
+      ref,
       size: size_ = 'regular',
       values: values_ = [],
       responsive = true,
@@ -180,67 +181,71 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
       });
     }
     const urlVideo = item.backgroundVideo?.url || item.backgroundVideo?.urlSmall || (is('string', item.backgroundVideo) ? item.backgroundVideo : '');
-    return /*#__PURE__*/React.createElement(Section, _extends({
-      key: index,
+    return /*#__PURE__*/_jsx(Section, _objectSpread(_objectSpread({
       size: size,
       gap: 0,
       align: "flex-start",
       justify: "center",
       fullWidth: true
-    }, ItemProps, {
-      className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item'], ItemProps?.className, classes.item, classes[`item_size_${size}`]])
-    }), /*#__PURE__*/React.createElement(Line, {
-      gap: 1,
-      align: "flex-start",
-      justify: "center",
-      fullWidth: true,
-      className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-main'], classes.main, classes.background, item.backgroundImage && styleBackground.backgroundImage && classes.backgroundImage]),
-      style: _objectSpread({}, styleBackground)
-    }, urlVideo && /*#__PURE__*/React.createElement("video", {
-      autoPlay: true,
-      muted: true,
-      loop: true,
-      className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-background-video'], classes.backgroundVideo])
-    }, /*#__PURE__*/React.createElement("source", {
-      src: urlVideo
-    })), item.overlay && /*#__PURE__*/React.createElement("div", {
-      className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-background-overlay'], classes.backgroundOverlay, item.overlayBlur && classes.backgroundOverlayBlur]),
-      style: _objectSpread({}, styleOverlay)
-    }), item.name && /*#__PURE__*/React.createElement(Type, _extends({
-      version: size === 'large' ? 'd1' : size === 'regular' ? 'd2' : 'd3',
-      fullWidth: true,
-      dangerouslySetInnerHTML: {
-        __html: textToInnerHTML(item.name)
-      }
-    }, item.propsName, {
-      className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-name'], item.propsName?.className, classes.text])
-    })), item.description && /*#__PURE__*/React.createElement(Type, _extends({
-      version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b2',
-      fullWidth: true,
-      dangerouslySetInnerHTML: {
-        __html: textToInnerHTML(item.description)
-      }
-    }, item.propsDescription, {
-      className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-description'], item.propsDescription?.className, classes.text])
-    })), item.buttonText && /*#__PURE__*/React.createElement(Line, _extends({
-      direction: "row",
-      align: "center",
-      justify: "flex-start",
-      fullWidth: true
-    }, item.propsButtonWrapper, {
-      style: _objectSpread({
-        marginTop: 12
-      }, item.propsButtonWrapper?.style)
-    }), /*#__PURE__*/React.createElement(Button, _extends({
-      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: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-button'], item.propsButton?.className, classes.button])
-    }), item.buttonText || l('Click here')))));
+    }, ItemProps), {}, {
+      className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item'], ItemProps?.className, classes.item, classes[`item_size_${size}`]]),
+      children: /*#__PURE__*/_jsxs(Line, {
+        gap: 1,
+        align: "flex-start",
+        justify: "center",
+        fullWidth: true,
+        className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-main'], classes.main, classes.background, item.backgroundImage && styleBackground.backgroundImage && classes.backgroundImage]),
+        style: _objectSpread({}, styleBackground),
+        children: [urlVideo && /*#__PURE__*/_jsx("video", {
+          autoPlay: true,
+          muted: true,
+          loop: true,
+          className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-background-video'], classes.backgroundVideo]),
+          children: /*#__PURE__*/_jsx("source", {
+            src: urlVideo
+          })
+        }), item.overlay && /*#__PURE__*/_jsx("div", {
+          className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-background-overlay'], classes.backgroundOverlay, item.overlayBlur && classes.backgroundOverlayBlur]),
+          style: _objectSpread({}, styleOverlay)
+        }), item.name && /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+          version: size === 'large' ? 'd1' : size === 'regular' ? 'd2' : 'd3',
+          fullWidth: true,
+          dangerouslySetInnerHTML: {
+            __html: textToInnerHTML(item.name)
+          }
+        }, item.propsName), {}, {
+          className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-name'], item.propsName?.className, classes.text])
+        })), item.description && /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+          version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b2',
+          fullWidth: true,
+          dangerouslySetInnerHTML: {
+            __html: textToInnerHTML(item.description)
+          }
+        }, item.propsDescription), {}, {
+          className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-description'], item.propsDescription?.className, classes.text])
+        })), item.buttonText && /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
+          direction: "row",
+          align: "center",
+          justify: "flex-start",
+          fullWidth: true
+        }, item.propsButtonWrapper), {}, {
+          style: _objectSpread({
+            marginTop: 12
+          }, item.propsButtonWrapper?.style),
+          children: /*#__PURE__*/_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: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-item-button'], item.propsButton?.className, classes.button]),
+            children: item.buttonText || l('Click here')
+          }))
+        }))]
+      })
+    }), index);
   };
-  return /*#__PURE__*/React.createElement(Section, _extends({
+  return /*#__PURE__*/_jsx(Section, _objectSpread(_objectSpread({
     ref: item_0 => {
       if (ref) {
         if (is('function', ref)) ref(item_0);else ref.current = item_0;
@@ -250,12 +255,14 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
     maxWidth: false,
     padding: !values?.length,
     className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-root', `onesy-SectionCarousel-size-${size}`], className, classes.root])
-  }, other), !!values?.length && /*#__PURE__*/React.createElement(Carousel, _extends({
-    items: values?.map((item_1, index_0) => getItem(item_1, index_0)),
-    autoPlay: true
-  }, CarouselProps, {
-    className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-items'], CarouselProps?.className, classes.items, classes[`size_${size}`], fullHeight && classes.fullHeight])
-  })));
-});
+  }, other), {}, {
+    children: !!values?.length && /*#__PURE__*/_jsx(Carousel, _objectSpread(_objectSpread({
+      items: values?.map((item_1, index_0) => getItem(item_1, index_0)),
+      autoPlay: true
+    }, CarouselProps), {}, {
+      className: classNames([staticClassName('SectionCarousel', theme) && ['onesy-SectionCarousel-items'], CarouselProps?.className, classes.items, classes[`size_${size}`], fullHeight && classes.fullHeight])
+    }))
+  }));
+};
 Element.displayName = 'onesy-SectionCarousel';
 export default Element;

package/esm/SectionContact/SectionContact.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 = ["map", "mapPosition", "heading", "summary", "address", "phone", "email", "IconAddress", "IconPhone", "IconEmail", "MapProps", "HeadingProps", "SummaryProps", "PropertiesProps", "className"];
+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) { _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 useMediaQuery from '../useMediaQuery';
 import { staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {},
   text: {
@@ -35,7 +35,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-SectionContact'
 });
-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?.onesySectionContact?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
@@ -43,6 +43,7 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const Section = theme?.elements?.Section || SectionElement;
   const Type = theme?.elements?.Type || TypeElement;
   const {
+      ref,
       map,
       mapPosition: mapPosition_ = 'bottom',
       heading,
@@ -80,35 +81,36 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
       backgroundColor: theme.methods.palette.color.alpha(theme.methods.palette.color.value(undefined, 95, true, palette), 0.54)
     });
   }
-  const mapElement = map?.apiKey && map?.latitude && map?.longitude && /*#__PURE__*/React.createElement(Line, {
+  const mapElement = map?.apiKey && map?.latitude && map?.longitude && /*#__PURE__*/_jsxs(Line, {
     fullWidth: true,
-    className: classNames([staticClassName('SectionContact', theme) && ['onesy-SectionContact-map'], classes.map])
-  }, map.overlay && /*#__PURE__*/React.createElement("div", {
-    className: classNames([classes.backgroundOverlay]),
-    style: _objectSpread({}, styleOverlay)
-  }), /*#__PURE__*/React.createElement("iframe", {
-    title: "onesy-google-map",
-    src: `https://www.google.com/maps/embed/v1/place?q=${map?.latitude},${map?.longitude}${map?.apiKey ? `&key=${map?.apiKey}` : ''}`,
-    width: "100%",
-    height: "100%",
-    loading: "lazy",
-    allowFullScreen: true,
-    referrerPolicy: "no-referrer-when-downgrade"
-  }));
+    className: classNames([staticClassName('SectionContact', theme) && ['onesy-SectionContact-map'], classes.map]),
+    children: [map.overlay && /*#__PURE__*/_jsx("div", {
+      className: classNames([classes.backgroundOverlay]),
+      style: _objectSpread({}, styleOverlay)
+    }), /*#__PURE__*/_jsx("iframe", {
+      title: "onesy-google-map",
+      src: `https://www.google.com/maps/embed/v1/place?q=${map?.latitude},${map?.longitude}${map?.apiKey ? `&key=${map?.apiKey}` : ''}`,
+      width: "100%",
+      height: "100%",
+      loading: "lazy",
+      allowFullScreen: true,
+      referrerPolicy: "no-referrer-when-downgrade"
+    })]
+  });
   const properties = [];
   if (address) properties.push({
-    name: /*#__PURE__*/React.createElement(IconAddress, null),
+    name: /*#__PURE__*/_jsx(IconAddress, {}),
     value: address
   });
   if (phone) properties.push({
-    name: /*#__PURE__*/React.createElement(IconPhone, null),
+    name: /*#__PURE__*/_jsx(IconPhone, {}),
     value: phone
   });
   if (email) properties.push({
-    name: /*#__PURE__*/React.createElement(IconEmail, null),
+    name: /*#__PURE__*/_jsx(IconEmail, {}),
     value: email
   });
-  return /*#__PURE__*/React.createElement(Section, _extends({
+  return /*#__PURE__*/_jsxs(Section, _objectSpread(_objectSpread({
     ref: item => {
       if (ref) {
         if (is('function', ref)) ref(item);else ref.current = item;
@@ -119,42 +121,47 @@ const Element = /*#__PURE__*/React.forwardRef((props_, ref) => {
       gap: 4
     },
     className: classNames([staticClassName('SectionContact', theme) && ['onesy-SectionContact-root'], className, classes.root])
-  }, other), mapPosition === 'top' && mapElement, /*#__PURE__*/React.createElement(Line, {
-    gap: 4,
-    direction: "row",
-    fullWidth: true
-  }, mapPosition === 'left' && mapElement, /*#__PURE__*/React.createElement(Line, {
-    gap: 5,
-    flex: true,
-    fullWidth: true,
-    style: {
-      paddingTop: ['left', 'right'].includes(mapPosition) ? 24 : 0
-    }
-  }, (heading || summary) && /*#__PURE__*/React.createElement(Line, {
-    gap: 0.5
-  }, heading && /*#__PURE__*/React.createElement(Type, _extends({
-    version: "t1",
-    dangerouslySetInnerHTML: {
-      __html: textToInnerHTML(heading)
-    }
-  }, HeadingProps, {
-    className: classNames([staticClassName('SectionContact', theme) && ['onesy-SectionContact-heading'], HeadingProps?.className, classes.text])
-  })), summary && /*#__PURE__*/React.createElement(Type, _extends({
-    version: "b3",
-    dangerouslySetInnerHTML: {
-      __html: textToInnerHTML(summary)
-    }
-  }, SummaryProps, {
-    className: classNames([staticClassName('SectionContact', theme) && ['onesy-SectionContact-summary'], SummaryProps?.className, classes.text])
-  }))), !!properties.length && /*#__PURE__*/React.createElement(Properties, _extends({
-    version: "row",
-    gap: 1,
-    values: properties
-  }, PropertiesProps, {
-    PropertyProps: _objectSpread({
-      responsive: false
-    }, PropertiesProps?.PropertyProps)
-  }))), mapPosition === 'right' && mapElement), mapPosition === 'bottom' && mapElement);
-});
+  }, other), {}, {
+    children: [mapPosition === 'top' && mapElement, /*#__PURE__*/_jsxs(Line, {
+      gap: 4,
+      direction: "row",
+      fullWidth: true,
+      children: [mapPosition === 'left' && mapElement, /*#__PURE__*/_jsxs(Line, {
+        gap: 5,
+        flex: true,
+        fullWidth: true,
+        style: {
+          paddingTop: ['left', 'right'].includes(mapPosition) ? 24 : 0
+        },
+        children: [(heading || summary) && /*#__PURE__*/_jsxs(Line, {
+          gap: 0.5,
+          children: [heading && /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+            version: "t1",
+            dangerouslySetInnerHTML: {
+              __html: textToInnerHTML(heading)
+            }
+          }, HeadingProps), {}, {
+            className: classNames([staticClassName('SectionContact', theme) && ['onesy-SectionContact-heading'], HeadingProps?.className, classes.text])
+          })), summary && /*#__PURE__*/_jsx(Type, _objectSpread(_objectSpread({
+            version: "b3",
+            dangerouslySetInnerHTML: {
+              __html: textToInnerHTML(summary)
+            }
+          }, SummaryProps), {}, {
+            className: classNames([staticClassName('SectionContact', theme) && ['onesy-SectionContact-summary'], SummaryProps?.className, classes.text])
+          }))]
+        }), !!properties.length && /*#__PURE__*/_jsx(Properties, _objectSpread(_objectSpread({
+          version: "row",
+          gap: 1,
+          values: properties
+        }, PropertiesProps), {}, {
+          PropertyProps: _objectSpread({
+            responsive: false
+          }, PropertiesProps?.PropertyProps)
+        }))]
+      }), mapPosition === 'right' && mapElement]
+    }), mapPosition === 'bottom' && mapElement]
+  }));
+};
 Element.displayName = 'onesy-SectionContact';
 export default Element;