@bigbinary/neeto-site-blocks 1.8.28 → 1.9.1

package/dist/index.cjs.js

@@ -14763,7 +14763,7 @@ var withConditionalRender = function withConditionalRender(Component, condition)
   return ConditionalRender;
 };
 
-var _excluded$A = ["id", "disableButtonAndLinks", "wrapperClassName", "index"];
+var _excluded$A = ["id", "disableButtonAndLinks", "wrapperClassName", "index", "image"];
 var StyledImage = styled__default["default"].img.attrs(function () {
   return {
     className: "hover:mix-blend-multiply"
@@ -14794,6 +14794,7 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
     disableButtonAndLinks = _ref2.disableButtonAndLinks,
     wrapperClassName = _ref2.wrapperClassName,
     index = _ref2.index,
+    image = _ref2.image,
     props = _objectWithoutProperties__default["default"](_ref2, _excluded$A);
   var _useElementClick = useElementClick({
       id: id,
@@ -14805,7 +14806,12 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
       "neeto-site-highlight__element": disableButtonAndLinks
     }, wrapperClassName, wrapperClassName)),
     onClick: disableButtonAndLinks && handleImageClick
-  }, /*#__PURE__*/React__default["default"].createElement(StyledImage, props));
+  }, /*#__PURE__*/React__default["default"].createElement(StyledImage, _extends__default["default"]({
+    as: image !== null && image !== void 0 ? image : "img",
+    height: 0,
+    sizes: "(max-width: 480px) 700vw, (max-width: 768px) 500vw, (max-width: 1200px) 300vw, (max-width: 1500px) 250vw, 100vw",
+    width: 0
+  }, props)));
 };
 var StyledImage$1 = withConditionalRender(StyledImageWithWrapper, prop("src"));
 
@@ -21358,7 +21364,7 @@ const SwiperSlide = /*#__PURE__*/React.forwardRef(function (_temp, externalRef)
 });
 SwiperSlide.displayName = 'SwiperSlide';
 
-var _excluded$r = ["configurations", "className", "id", "disableButtonAndLinks"];
+var _excluded$r = ["configurations", "className", "id", "disableButtonAndLinks", "image"];
 function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CardsInGridView = function CardsInGridView(_ref) {
@@ -21367,6 +21373,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$r);
   var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -21409,6 +21416,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
       to: href
     }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       disableButtonAndLinks: disableButtonAndLinks,
+      image: image,
       index: index,
       design: mergeRight(design.cardImage, style),
       id: "cards-in-grid-view-".concat(index, "-image"),
@@ -21635,7 +21643,7 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
   }, button, otherProps)))));
 };
 
-var _excluded$p = ["configurations", "className", "id", "disableButtonAndLinks"];
+var _excluded$p = ["configurations", "className", "id", "disableButtonAndLinks", "image"];
 function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CardsWithImage = function CardsWithImage(_ref) {
@@ -21644,6 +21652,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$p);
   var properties = configurations.properties,
     design = configurations.design;
@@ -21716,6 +21725,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
       className: "absolute bottom-0 right-0 flex items-end justify-end"
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       disableButtonAndLinks: disableButtonAndLinks,
+      image: image,
       index: index,
       className: "!justify-self-end",
       design: design.cardImage,
@@ -39397,7 +39407,7 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
   }, otherProps), promotionText));
 };
 
-var _excluded$m = ["configurations", "className", "id"];
+var _excluded$m = ["configurations", "className", "id", "image"];
 function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CtaWithLogo = function CtaWithLogo(_ref) {
@@ -39405,6 +39415,7 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$m);
   var properties = configurations.properties,
     design = configurations.design;
@@ -39426,6 +39437,7 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    image: image,
     alt: "logo",
     className: "col-span-10 col-start-2 mx-auto sm:col-span-2 sm:col-start-1",
     design: design.logo,
@@ -39661,7 +39673,7 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
   }, otherProps), description)), /*#__PURE__*/React__default["default"].createElement(BulletList, null));
 };
 
-var _excluded$j = ["configurations", "className", "id"];
+var _excluded$j = ["configurations", "className", "id", "image"];
 function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FeatureWithDetails = function FeatureWithDetails(_ref) {
@@ -39669,6 +39681,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$j);
   var properties = configurations.properties,
     design = configurations.design;
@@ -39748,6 +39761,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
     autoPlay: autoPlay,
+    image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
     design: design.media,
@@ -39758,12 +39772,13 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
   })));
 };
 
-var _excluded$i = ["configurations", "className", "id"];
+var _excluded$i = ["configurations", "className", "id", "image"];
 var FeatureWithGrid = function FeatureWithGrid(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$i);
   var properties = configurations.properties,
     design = configurations.design;
@@ -39808,6 +39823,7 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     style: design.description
   }, otherProps), description), /*#__PURE__*/React__default["default"].createElement(Media, {
     autoPlay: autoPlay,
+    image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
     className: "m-auto",
@@ -39827,6 +39843,7 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
       className: gridClasses(index),
       key: getUniqueKey(featureTitle, featureDescription, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+      image: image,
       index: index,
       alt: featureImageAlt,
       design: design.featureImage,
@@ -39850,12 +39867,13 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
   }));
 };
 
-var _excluded$h = ["configurations", "className", "id"];
+var _excluded$h = ["configurations", "className", "id", "image"];
 var FeatureWithImage = function FeatureWithImage(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$h);
   var properties = configurations.properties,
     design = configurations.design;
@@ -39903,6 +39921,7 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
     autoPlay: autoPlay,
+    image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
     design: design.media,
@@ -39966,12 +39985,13 @@ var FeatureWithJumboText = function FeatureWithJumboText(_ref) {
   }, otherProps), description)));
 };
 
-var _excluded$f = ["configurations", "className", "id"];
+var _excluded$f = ["configurations", "className", "id", "image"];
 var FeatureWithList = function FeatureWithList(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$f);
   var properties = configurations.properties,
     design = configurations.design;
@@ -40046,6 +40066,7 @@ var FeatureWithList = function FeatureWithList(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
     autoPlay: autoPlay,
+    image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
     design: design.media,
@@ -40056,12 +40077,13 @@ var FeatureWithList = function FeatureWithList(_ref) {
   })));
 };
 
-var _excluded$e = ["configurations", "className", "id"];
+var _excluded$e = ["configurations", "className", "id", "image"];
 var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$e);
   var _useState = React.useState(configurations.properties.features[0].id),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -40171,6 +40193,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: imageBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
+    image: image,
     autoPlay: features[selectedTabId - 1].media.autoPlay,
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -40182,7 +40205,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
   })));
 };
 
-var _excluded$d = ["configurations", "className", "id"];
+var _excluded$d = ["configurations", "className", "id", "image"];
 function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterClassic = function FooterClassic(_ref) {
@@ -40190,6 +40213,7 @@ var FooterClassic = function FooterClassic(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$d);
   var properties = configurations.properties,
     design = configurations.design;
@@ -40222,6 +40246,7 @@ var FooterClassic = function FooterClassic(_ref) {
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-span-12 sm:col-span-12 sm:mx-20 sm:flex sm:justify-between sm:gap-y-0"
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+      image: image,
       design: design.logo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "footer-classic-logo",
@@ -40273,6 +40298,7 @@ var FooterClassic = function FooterClassic(_ref) {
     design: design.body,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    image: image,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-classic-logo",
@@ -40320,7 +40346,7 @@ var FooterClassic = function FooterClassic(_ref) {
   }, otherProps), copyrightText));
 };
 
-var _excluded$c = ["configurations", "className", "id"];
+var _excluded$c = ["configurations", "className", "id", "image"];
 function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterWithIcons = function FooterWithIcons(_ref) {
@@ -40328,6 +40354,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$c);
   var properties = configurations.properties,
     design = configurations.design;
@@ -40351,6 +40378,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-12 grid grid-cols-8 gap-y-4 sm:col-span-7 sm:w-full sm:gap-x-4 lg:col-span-6"
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    image: image,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-icons-logo",
@@ -40395,7 +40423,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
   }, otherProps), copyrightText));
 };
 
-var _excluded$b = ["configurations", "className", "id"];
+var _excluded$b = ["configurations", "className", "id", "image"];
 function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterWithLinks = function FooterWithLinks(_ref) {
@@ -40403,6 +40431,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$b);
   var properties = configurations.properties,
     design = configurations.design;
@@ -40430,6 +40459,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center gap-x-2"
   }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    image: image,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-links-logo",
@@ -42363,7 +42393,8 @@ var GalleryClassic = function GalleryClassic(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    disableButtonAndLinks = _ref.disableButtonAndLinks;
+    disableButtonAndLinks = _ref.disableButtonAndLinks,
+    image = _ref.image;
   var swiperRef = React.useRef(null);
   var properties = configurations.properties,
     design = configurations.design;
@@ -42439,6 +42470,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
       key: getUniqueKey(src, title, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       disableButtonAndLinks: disableButtonAndLinks,
+      image: image,
       index: index,
       src: src,
       alt: caption,
@@ -42459,12 +42491,13 @@ var GalleryClassic = function GalleryClassic(_ref) {
   }));
 };
 
-var _excluded$a = ["configurations", "className", "id"];
+var _excluded$a = ["configurations", "className", "id", "image"];
 var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$a);
   var _useState = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -42528,6 +42561,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       className: "swiper__wrapper",
       key: getUniqueKey(src, caption, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+      image: image,
       index: index,
       src: src,
       alt: caption,
@@ -42564,6 +42598,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       key: getUniqueKey(src, title, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       alt: alt,
+      image: image,
       index: index,
       src: src,
       title: title,
@@ -42592,7 +42627,7 @@ var useElementVisible = function useElementVisible(ref) {
   return isIntersecting;
 };
 
-var _excluded$9 = ["configurations", "className", "currentPath", "id"];
+var _excluded$9 = ["configurations", "className", "currentPath", "id", "image"];
 function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithButtons = function HeaderWithButtons(_ref) {
@@ -42601,6 +42636,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     currentPath = _ref.currentPath,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$9);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -42632,6 +42668,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
       "col-span-3 sm:col-span-4 sm:col-start-2": neetoCist.isNotEmpty(buttons)
     })
   }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    image: image,
     className: "max-h-8 sm:max-h-10 lg:max-h-14",
     design: design.logo,
     src: properties.logo.src
@@ -42694,7 +42731,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
   }))));
 };
 
-var _excluded$8 = ["configurations", "className", "id"];
+var _excluded$8 = ["configurations", "className", "id", "image"];
 function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
@@ -42702,6 +42739,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$8);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -42747,6 +42785,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
     className: "flex w-full gap-x-2",
     to: properties.logo.to
   }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    image: image,
     className: "max-h-8 sm:max-h-10 lg:max-h-14",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -42805,7 +42844,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   })))));
 };
 
-var _excluded$7 = ["configurations", "className", "currentPath", "id"];
+var _excluded$7 = ["configurations", "className", "currentPath", "id", "image"];
 function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithIcons = function HeaderWithIcons(_ref) {
@@ -42814,6 +42853,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     currentPath = _ref.currentPath,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$7);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -42853,6 +42893,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     className: "col-span-6 col-start-4 m-auto flex max-h-8 justify-center sm:col-span-4 sm:col-start-5 sm:max-h-10 lg:col-span-3 lg:col-start-6 lg:max-h-14",
     to: properties.logo.to
   }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    image: image,
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "header-with-icons-logo",
@@ -42924,7 +42965,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
   })))));
 };
 
-var _excluded$6 = ["configurations", "className", "id", "currentPath"];
+var _excluded$6 = ["configurations", "className", "id", "currentPath", "image"];
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
@@ -42933,6 +42974,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     currentPath = _ref.currentPath,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$6);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -42966,6 +43008,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     className: "flex w-full gap-x-2",
     to: properties.logo.to
   }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    image: image,
     className: "max-h-8 sm:max-h-10 lg:max-h-14",
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -43039,7 +43082,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
   }))));
 };
 
-var _excluded$5 = ["configurations", "className", "id"];
+var _excluded$5 = ["configurations", "className", "id", "image"];
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
@@ -43047,6 +43090,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$5);
   var properties = configurations.properties,
     design = configurations.design;
@@ -43122,6 +43166,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     className: mediaBaseClasses
   }, /*#__PURE__*/React__default["default"].createElement(Media, {
     autoPlay: autoPlay,
+    image: image,
     isEmbedded: isEmbedded,
     videoUrl: videoUrl,
     design: design.media,
@@ -43131,7 +43176,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
   })));
 };
 
-var _excluded$4 = ["configurations", "className", "id", "disableButtonAndLinks"];
+var _excluded$4 = ["configurations", "className", "id", "disableButtonAndLinks", "image"];
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeroWithGallery = function HeroWithGallery(_ref) {
@@ -43140,6 +43185,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
   var _useState = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -43248,6 +43294,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       }))
     }, /*#__PURE__*/React__default["default"].createElement(Media, {
       disableButtonAndLinks: disableButtonAndLinks,
+      image: image,
       index: index,
       autoPlay: media.autoPlay,
       design: design.media,
@@ -43316,7 +43363,8 @@ var LogoClouds = function LogoClouds(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    disableButtonAndLinks = _ref.disableButtonAndLinks;
+    disableButtonAndLinks = _ref.disableButtonAndLinks,
+    image = _ref.image;
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$logos = properties.logos,
@@ -43365,6 +43413,7 @@ var LogoClouds = function LogoClouds(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       alt: alt,
       disableButtonAndLinks: disableButtonAndLinks,
+      image: image,
       index: index,
       src: src,
       title: title,
@@ -43580,7 +43629,8 @@ var Slides = function Slides(_ref) {
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
     pageUrl = _ref.pageUrl,
-    hostUrl = _ref.hostUrl;
+    hostUrl = _ref.hostUrl,
+    image = _ref.image;
   var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeIndex = _useState2[0],
@@ -43621,6 +43671,7 @@ var Slides = function Slides(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "bottom-0 col-span-12 flex w-full justify-center sm:absolute sm:col-span-10 sm:col-start-2"
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+      image: image,
       design: design.image,
       src: imageUrl
     }));
@@ -43697,7 +43748,7 @@ var Slides = function Slides(_ref) {
   }));
 };
 
-var _excluded$1 = ["configurations", "className", "id"];
+var _excluded$1 = ["configurations", "className", "id", "image"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
@@ -43705,6 +43756,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
   var _useState = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -43776,6 +43828,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: imageClasses(imagePosition)
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+      image: image,
       index: index,
       src: src,
       className: "ns-testimonial-image-aspect-ratio object-cover",
@@ -43828,12 +43881,13 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
   }, button, otherProps))));
 };
 
-var _excluded = ["configurations", "className", "id"];
+var _excluded = ["configurations", "className", "id", "image"];
 var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
   var properties = configurations.properties,
     design = configurations.design;
@@ -43891,6 +43945,7 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: imageClasses
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+      image: image,
       index: index,
       src: src,
       className: "ns-testimonial-image-aspect-ratio",