@bigbinary/neeto-site-blocks 1.8.19 → 1.8.21

package/dist/index.js

@@ -4952,8 +4952,8 @@ var isLinkHighlighted = function isLinkHighlighted(to, currentPath) {
   return currentPath.pathName === to && isEmpty(currentPath.hash) || currentPath.hash === to;
 };
 
-function ownKeys$l(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$m(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$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledWrapper = styled.div.attrs(function (props) {
   return {
     className: generateResponsiveStyles(props.design)
@@ -4977,11 +4977,11 @@ var StyledWrapper = styled.div.attrs(function (props) {
     borderWidth: (_design$border2 = design.border) === null || _design$border2 === void 0 ? void 0 : _design$border2.borderWidth
   };
   var borderColorStyles = pickBy(identity, borderColors);
-  var backgroundStyles = _objectSpread$l({
+  var backgroundStyles = _objectSpread$m({
     position: "relative",
     zIndex: 0
   }, backgroundImage.src ? {
-    "&::before": _objectSpread$l({
+    "&::before": _objectSpread$m({
       content: "''",
       position: "absolute",
       top: 0,
@@ -14549,6 +14549,36 @@ var useElementClick = function useElementClick(_ref) {
     index = _ref$index === void 0 ? undefined : _ref$index,
     _ref$isTitle = _ref.isTitle,
     isTitle = _ref$isTitle === void 0 ? false : _ref$isTitle;
+  var getScrollableParent = function getScrollableParent(element) {
+    if (!element) return null;
+    var isScrollable = function isScrollable(el) {
+      var style = getComputedStyle(el);
+      return style.overflowY === "auto" || style.overflowY === "scroll";
+    };
+    var parent = element.parentElement;
+    while (parent) {
+      if (isScrollable(parent)) {
+        return parent;
+      }
+      parent = parent.parentElement;
+    }
+    return document.documentElement; // Fallback to document
+  };
+
+  var scrollToCenter = function scrollToCenter(element) {
+    var scrollableParent = getScrollableParent(element);
+    if (!scrollableParent) return;
+    var parentRect = scrollableParent.getBoundingClientRect();
+    var elementRect = element.getBoundingClientRect();
+    var elementCenterY = elementRect.top + elementRect.height / 2;
+    var parentCenterY = parentRect.top + parentRect.height / 2;
+    var scrollOptions = {
+      top: elementCenterY - parentCenterY + scrollableParent.scrollTop,
+      behavior: "smooth"
+    };
+    scrollableParent.scrollTo(scrollOptions);
+  };
+
   // This function is used as the click handler for "Link" and "Button" elements in the to highlight the element
   var handleClick = function handleClick(event) {
     event.preventDefault();
@@ -14561,14 +14591,14 @@ var useElementClick = function useElementClick(_ref) {
       // If the element is inside an accordion, open the accordion and scroll to the element
       if (isPresent(index)) {
         if (!accordion) return;
-        accordion.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest"
-        });
         accordion.classList.add("open-accordion__".concat(index));
         setTimeout(function () {
           element = document.querySelector("[data-element-id=".concat(id, "]"));
           if (!element) return;
+          element.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
+          });
           element.classList.add("highlight-element");
           element.focus();
         }, 350);
@@ -14582,10 +14612,7 @@ var useElementClick = function useElementClick(_ref) {
         if (!(element && card)) return;
         var inputWrapper = card.querySelector(".neeto-ui-input");
         if (!inputWrapper) return;
-        card.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest"
-        });
+        scrollToCenter(card);
         card.classList.add("highlight-element");
         inputWrapper.classList.add("highlight-element");
         element.focus();
@@ -14609,15 +14636,12 @@ var useElementClick = function useElementClick(_ref) {
       // If the element is inside an accordion, open the accordion and scroll to the element
       if (isPresent(index)) {
         if (!accordion) return;
-        accordion.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest"
-        });
         accordion.classList.add("open-accordion__".concat(index));
         setTimeout(function () {
           var _element2;
           element = document.querySelector("[data-element-id=".concat(id, "]"));
           if (!element) return;
+          scrollToCenter(element);
           if (!isTitle) inputWrapper = element;
           card === null || card === void 0 ? void 0 : card.classList.add("highlight-element");
           (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.classList.add("highlight-element");
@@ -14635,10 +14659,7 @@ var useElementClick = function useElementClick(_ref) {
           inputWrapper = _element3;
         }
         if (!(_element3 && card && inputWrapper)) return;
-        card.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest"
-        });
+        scrollToCenter(inputWrapper);
         inputWrapper.classList.add("highlight-element");
         card.classList.add("highlight-element");
         _element3.focus();
@@ -14659,14 +14680,11 @@ var useElementClick = function useElementClick(_ref) {
       if (isPresent(index)) {
         var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
         if (!accordion) return;
-        accordion.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest"
-        });
         accordion.classList.add("open-accordion__".concat(index));
         setTimeout(function () {
           var imageWrapper = document.querySelector("[data-highlight-id=".concat(id, "]"));
           if (!imageWrapper) return;
+          scrollToCenter(imageWrapper);
           imageWrapper.classList.add("highlight-element");
         }, 350);
         setTimeout(function () {
@@ -14677,10 +14695,7 @@ var useElementClick = function useElementClick(_ref) {
       } else {
         var imageWrapper = document.querySelector("[data-highlight-id=".concat(id, "]"));
         if (!imageWrapper) return;
-        imageWrapper.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest"
-        });
+        scrollToCenter(imageWrapper);
         setTimeout(function () {
           imageWrapper.classList.add("highlight-element");
         }, 350);
@@ -15983,8 +15998,8 @@ var Button = function Button(_ref) {
 var Button$1 = withConditionalRender(Button, prop("label"));
 
 var _excluded$w = ["to", "label", "style", "className", "icon", "action", "baseUrl", "draftMode", "link", "isHighlighted", "disableButtonAndLinks", "children", "disableHovering", "setIsMenuOpen", "id", "index"];
-function ownKeys$k(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$l(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var LinkElement = function LinkElement(_ref) {
   var _ref$to = _ref.to,
     to = _ref$to === void 0 ? "" : _ref$to,
@@ -16026,7 +16041,7 @@ var LinkElement = function LinkElement(_ref) {
     setIsMenuOpen && setIsMenuOpen(false);
     disableButtonAndLinks && handleClick(event);
   };
-  var commonProps = _objectSpread$k({
+  var commonProps = _objectSpread$l({
     className: classnames([baseClass, className]),
     design: style,
     href: to !== null && to !== void 0 ? to : "",
@@ -16057,8 +16072,8 @@ var Link = withConditionalRender(LinkElement, function () {
 });
 
 var _excluded$v = ["dropdownLink", "design", "index", "height", "className", "totalLength", "paddingHorizontal"];
-function ownKeys$j(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$k(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Dropdown = function Dropdown(_ref) {
   var dropdownLink = _ref.dropdownLink,
     design = _ref.design,
@@ -16088,7 +16103,7 @@ var Dropdown = function Dropdown(_ref) {
         key: getUniqueKey(subLink.label, subLink.to, index),
         setIsMenuOpen: setIsOpen,
         style: design
-      }, _objectSpread$j(_objectSpread$j({
+      }, _objectSpread$k(_objectSpread$k({
         index: index
       }, subLink), otherProps)));
     });
@@ -16166,8 +16181,8 @@ var Dropdown = function Dropdown(_ref) {
   }, renderDropdownItems("rounded-md px-4 py-2 hover:bg-gray-100")))));
 };
 
-function ownKeys$i(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$j(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var subscribe = function subscribe(listener) {
   window.addEventListener("resize", listener);
   return function () {
@@ -16176,7 +16191,7 @@ var subscribe = function subscribe(listener) {
 };
 var getCurrentSize = function getCurrentSize(window, breakpointOverrides) {
   var innerWidth = window.innerWidth;
-  var sizes = _objectSpread$i({
+  var sizes = _objectSpread$j({
     mobile: innerWidth < 768,
     tablet: innerWidth >= 768 && innerWidth < 1024,
     desktop: innerWidth >= 1024 && innerWidth < 1280,
@@ -16202,8 +16217,8 @@ var useBreakpoints = function useBreakpoints(breakpointOverrides) {
 var useBreakpoints$1 = useBreakpoints;
 
 var _excluded$u = ["isEmbedded", "src", "design", "videoUrl"];
-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$1(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; }
+function ownKeys$i(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Media = function Media(_ref) {
   var isEmbedded = _ref.isEmbedded,
     src = _ref.src,
@@ -16221,7 +16236,7 @@ var Media = function Media(_ref) {
       width: "".concat((_design$width = design === null || design === void 0 ? void 0 : design.width) !== null && _design$width !== void 0 ? _design$width : "100", "%")
     });
   }
-  return /*#__PURE__*/React__default.createElement(StyledImage$1, _objectSpread$h({
+  return /*#__PURE__*/React__default.createElement(StyledImage$1, _objectSpread$i({
     design: design,
     src: src
   }, otherProps));
@@ -21285,8 +21300,8 @@ const SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {
 });
 SwiperSlide.displayName = 'SwiperSlide';
 
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -21406,7 +21421,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
     }, cards.map(function (card, index) {
       return /*#__PURE__*/React__default.createElement(SwiperSlide, {
         key: getUniqueKey(card.title, card.description, index)
-      }, renderCard(_objectSpread$g(_objectSpread$g({}, card), {}, {
+      }, renderCard(_objectSpread$h(_objectSpread$h({}, card), {}, {
         index: index
       })));
     }))), /*#__PURE__*/React__default.createElement(ArrowButton, {
@@ -21421,7 +21436,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
     }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
       className: "col-span-12 flex justify-center sm:col-span-6 sm:col-start-4 lg:col-span-4 lg:col-start-5",
       style: design.button
-    }, _objectSpread$g(_objectSpread$g({}, button), {}, {
+    }, _objectSpread$h(_objectSpread$h({}, button), {}, {
       disableButtonAndLinks: disableButtonAndLinks
     }), {
       id: "cards-in-grid-view-action-button"
@@ -21453,7 +21468,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
   }, cards.map(function (card, index) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: getUniqueKey(card.title, card.description, index)
-    }, renderCard(_objectSpread$g(_objectSpread$g({}, card), {}, {
+    }, renderCard(_objectSpread$h(_objectSpread$h({}, card), {}, {
       index: index
     })));
   })), isButtonRequired && /*#__PURE__*/React__default.createElement(StyledWrapper, {
@@ -21464,7 +21479,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
   }, /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
     className: "flex w-full justify-center sm:w-1/2 lg:w-1/3",
     style: design.button
-  }, _objectSpread$g(_objectSpread$g({}, button), {}, {
+  }, _objectSpread$h(_objectSpread$h({}, button), {}, {
     disableButtonAndLinks: disableButtonAndLinks
   }), {
     id: "cards-in-grid-view-action-button"
@@ -21556,8 +21571,8 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
 };
 
 var _excluded$p = ["configurations", "className", "id"];
-function ownKeys$f(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -21607,7 +21622,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
       className: gridBaseClasses,
       duration: 0.01,
       key: getUniqueKey(title, description, index),
-      design: _objectSpread$f(_objectSpread$f({}, design.card), {}, {
+      design: _objectSpread$g(_objectSpread$g({}, design.card), {}, {
         paddingHorizontal: 0,
         paddingVertical: 0
       }),
@@ -21639,7 +21654,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
   }), isAddMoreRequired && /*#__PURE__*/React__default.createElement(MotionWrapper, {
     enableAnimation: enableAnimation,
     className: "ns-card-animation col-span-12 flex h-40 items-center justify-center transition-all duration-300 ease-in-out sm:col-span-6 lg:col-span-4",
-    design: _objectSpread$f(_objectSpread$f({}, design.card), {}, {
+    design: _objectSpread$g(_objectSpread$g({}, design.card), {}, {
       paddingHorizontal: 0,
       paddingVertical: 0
     })
@@ -21653,8 +21668,8 @@ var CardsWithImage = function CardsWithImage(_ref) {
 };
 
 var _excluded$o = ["configurations", "className", "id"];
-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$1(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; }
+function ownKeys$f(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CtaClassic = function CtaClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -21697,7 +21712,7 @@ var CtaClassic = function CtaClassic(_ref) {
       id: "cta-classic-button-".concat(index),
       key: index,
       style: button.type === "primary" ? design.primaryButton : design.secondaryButton
-    }, _objectSpread$e(_objectSpread$e({
+    }, _objectSpread$f(_objectSpread$f({
       index: index
     }, button), otherProps)));
   })));
@@ -39308,8 +39323,8 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
 };
 
 var _excluded$m = ["configurations", "className", "id"];
-function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39360,7 +39375,7 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
       id: "cta-with-logo-button-".concat(index, "-button"),
       key: index,
       style: design.button
-    }, _objectSpread$d(_objectSpread$d({}, button), {}, {
+    }, _objectSpread$e(_objectSpread$e({}, button), {}, {
       index: index
     }, otherProps)));
   })));
@@ -39388,9 +39403,9 @@ var Embed = function Embed(_ref) {
 };
 
 var _excluded$l = ["configurations", "className", "id"],
-  _excluded2 = ["question", "answer", "design", "enableAnimation", "index"];
-function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  _excluded2$1 = ["question", "answer", "design", "enableAnimation", "index"];
+function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FaqWithHamburgerView = function FaqWithHamburgerView(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39421,7 +39436,7 @@ var FaqWithHamburgerView = function FaqWithHamburgerView(_ref) {
   }, faqs.map(function (_ref2, index) {
     var question = _ref2.question,
       answer = _ref2.answer;
-    return /*#__PURE__*/React__default.createElement(FAQItem, _extends$2({}, _objectSpread$c({
+    return /*#__PURE__*/React__default.createElement(FAQItem, _extends$2({}, _objectSpread$d({
       answer: answer,
       design: design,
       enableAnimation: enableAnimation,
@@ -39438,7 +39453,7 @@ var FAQItem = function FAQItem(_ref3) {
     design = _ref3.design,
     enableAnimation = _ref3.enableAnimation,
     index = _ref3.index,
-    otherProps = _objectWithoutProperties(_ref3, _excluded2);
+    otherProps = _objectWithoutProperties(_ref3, _excluded2$1);
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -39510,8 +39525,8 @@ var FAQItem = function FAQItem(_ref3) {
 };
 
 var _excluded$k = ["configurations", "className", "id"];
-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$1(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; }
+function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39540,7 +39555,7 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
         id: "feature-with-bullet-list-bullet-".concat(index, "-title"),
         key: getUniqueKey(featureTitle, index),
         style: design.bulletList
-      }, _objectSpread$b(_objectSpread$b({}, otherProps), {}, {
+      }, _objectSpread$c(_objectSpread$c({}, otherProps), {}, {
         index: index
       })), featureTitle);
     })));
@@ -39570,8 +39585,8 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
 };
 
 var _excluded$j = ["configurations", "className", "id"];
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39637,7 +39652,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
       key: getUniqueKey(featureTitle, featureDescription, index)
     }, icon && /*#__PURE__*/React__default.createElement("div", {
       className: "flex-shrink-0"
-    }, renderIcon(_objectSpread$a({
+    }, renderIcon(_objectSpread$b({
       name: icon,
       type: icon.type
     }, design.icon))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -40080,8 +40095,8 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
 };
 
 var _excluded$d = ["configurations", "className", "id"];
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -40140,13 +40155,13 @@ var FooterClassic = function FooterClassic(_ref) {
         id: "footer-classic-social-icons-".concat(index, "-link"),
         key: getUniqueKey(_icon.name, index),
         icon: function icon() {
-          return renderIcon(_objectSpread$9({
+          return renderIcon(_objectSpread$a({
             name: _icon.name,
             type: _icon.type,
             className: "hover:text-gray-600"
           }, design.socialIcon));
         }
-      }, _objectSpread$9(_objectSpread$9({
+      }, _objectSpread$a(_objectSpread$a({
         index: index
       }, _icon), otherProps)));
     })), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -40195,13 +40210,13 @@ var FooterClassic = function FooterClassic(_ref) {
       id: "footer-classic-social-icons-".concat(index, "-link"),
       key: getUniqueKey(_icon2.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$9({
+        return renderIcon(_objectSpread$a({
           name: _icon2.name,
           type: _icon2.type,
           className: "hover:text-gray-600"
         }, design.socialIcon));
       }
-    }, _objectSpread$9(_objectSpread$9({
+    }, _objectSpread$a(_objectSpread$a({
       index: index
     }, _icon2), otherProps)));
   })), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -40212,8 +40227,8 @@ var FooterClassic = function FooterClassic(_ref) {
 };
 
 var _excluded$c = ["configurations", "className", "id"];
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -40266,13 +40281,13 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
       id: "footer-with-icons-social-icon-".concat(index, "-link"),
       key: getUniqueKey(_icon.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$8({
+        return renderIcon(_objectSpread$9({
           name: _icon.name,
           type: _icon.type,
           className: "text-red-60 hover:text-gray-600"
         }, design.socialIcon));
       }
-    }, _objectSpread$8(_objectSpread$8({
+    }, _objectSpread$9(_objectSpread$9({
       index: index
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -40284,8 +40299,8 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
 };
 
 var _excluded$b = ["configurations", "className", "id"];
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -40374,12 +40389,12 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
       id: "footer-with-links-social-links-".concat(index, "-icon"),
       key: getUniqueKey(_icon.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$7({
+        return renderIcon(_objectSpread$8({
           name: _icon.name,
           type: _icon.type
         }, design.socialIcon));
       }
-    }, _objectSpread$7(_objectSpread$7({
+    }, _objectSpread$8(_objectSpread$8({
       index: index
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__default.createElement("ul", {
@@ -42472,8 +42487,8 @@ var useElementVisible = function useElementVisible(ref) {
 };
 
 var _excluded$9 = ["configurations", "className", "currentPath", "id"];
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -42524,7 +42539,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
       isHighlighted: isLinkHighlighted(link.to, currentPath),
       key: getUniqueKey(link.label, index),
       style: design.links
-    }, _objectSpread$6(_objectSpread$6({
+    }, _objectSpread$7(_objectSpread$7({
       index: index
     }, link), otherProps)));
   })), /*#__PURE__*/React__default.createElement("div", {
@@ -42534,7 +42549,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
       id: "header-with-buttons-buttons-".concat(index, "-button"),
       key: getUniqueKey(button.label, index),
       style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
-    }, _objectSpread$6(_objectSpread$6({
+    }, _objectSpread$7(_objectSpread$7({
       index: index
     }, button), otherProps)));
   })), /*#__PURE__*/React__default.createElement("button", {
@@ -42566,7 +42581,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
         fontSize: "1em",
         fontWeight: "500"
       })
-    }, _objectSpread$6(_objectSpread$6({
+    }, _objectSpread$7(_objectSpread$7({
       index: index,
       setIsMenuOpen: setIsMenuOpen
     }, button), otherProps)));
@@ -42574,8 +42589,8 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
 };
 
 var _excluded$8 = ["configurations", "className", "id"];
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -42647,7 +42662,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
       key: getUniqueKey(dropdownLink.label, dropdownLink.to, index),
       paddingHorizontal: design.body.paddingHorizontal,
       totalLength: properties.links.length
-    }, _objectSpread$5({
+    }, _objectSpread$6({
       dropdownLink: dropdownLink,
       index: index
     }, otherProps)));
@@ -42685,8 +42700,8 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
 };
 
 var _excluded$7 = ["configurations", "className", "currentPath", "id"];
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -42722,7 +42737,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
       isHighlighted: isLinkHighlighted(link.to, currentPath),
       key: getUniqueKey(link.label, index),
       style: design.links
-    }, _objectSpread$4(_objectSpread$4({}, link), {}, {
+    }, _objectSpread$5(_objectSpread$5({}, link), {}, {
       index: index
     }), {
       id: "header-with-icons-links-".concat(index, "-link")
@@ -42745,12 +42760,12 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
       key: getUniqueKey(_icon.to, index),
       style: design.icons,
       icon: function icon() {
-        return renderIcon(_objectSpread$4({
+        return renderIcon(_objectSpread$5({
           name: _icon.name,
           type: _icon.type
         }, design.icons));
       }
-    }, _objectSpread$4(_objectSpread$4({
+    }, _objectSpread$5(_objectSpread$5({
       index: index
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__default.createElement("button", {
@@ -42794,7 +42809,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
       key: getUniqueKey(_icon2.to, index),
       style: design.icons,
       icon: function icon() {
-        return renderIcon(_objectSpread$4({
+        return renderIcon(_objectSpread$5({
           name: _icon2.name,
           type: _icon2.type
         }, design.icons));
@@ -42804,8 +42819,8 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
 };
 
 var _excluded$6 = ["configurations", "className", "id", "currentPath"];
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -42866,7 +42881,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
       isHighlighted: isLinkHighlighted(link.to, currentPath),
       key: getUniqueKey(link.label, link.to, index),
       style: design.links
-    }, _objectSpread$3(_objectSpread$3({
+    }, _objectSpread$4(_objectSpread$4({
       index: index
     }, link), otherProps)));
   }), buttons.map(function (button, index) {
@@ -42874,7 +42889,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
       id: "header-with-logo-title-buttons-".concat(index, "-button"),
       key: getUniqueKey(button.label, button.url, index),
       style: design.buttons
-    }, _objectSpread$3(_objectSpread$3({
+    }, _objectSpread$4(_objectSpread$4({
       index: index
     }, button), otherProps)));
   })), /*#__PURE__*/React__default.createElement("button", {
@@ -42919,8 +42934,8 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
 };
 
 var _excluded$5 = ["configurations", "className", "id"];
-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$1(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; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -42993,7 +43008,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
       id: "hero-with-call-to-action-button-".concat(index, "-button"),
       key: getUniqueKey(button.label, button.to, index),
       style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
-    }, _objectSpread$2(_objectSpread$2({
+    }, _objectSpread$3(_objectSpread$3({
       index: index
     }, button), otherProps)));
   }))), /*#__PURE__*/React__default.createElement("div", {
@@ -43009,8 +43024,8 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
 };
 
 var _excluded$4 = ["configurations", "className", "id", "disableButtonAndLinks"];
-function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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$1(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) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -43081,7 +43096,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
         paddingHorizontal: design.body.paddingHorizontal
       }
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: contentBaseClasses(_objectSpread$1({
+      className: contentBaseClasses(_objectSpread$2({
         isEmptyContent: isEmptyContent
       }, media))
     }, /*#__PURE__*/React__default.createElement(Typography$1, {
@@ -43095,32 +43110,32 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
       isTitle: true,
-      className: textClasses(_objectSpread$1({}, media)),
+      className: textClasses(_objectSpread$2({}, media)),
       component: "h1",
       id: "hero-with-gallery-slide-".concat(index, "-title"),
       style: design.title
     }, content.title), /*#__PURE__*/React__default.createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
-      className: textClasses(_objectSpread$1({}, media)),
+      className: textClasses(_objectSpread$2({}, media)),
       component: "p",
       id: "hero-with-gallery-slide-".concat(index, "-description"),
       style: design.description
     }, content.description), /*#__PURE__*/React__default.createElement("div", {
-      className: buttonBaseClasses(_objectSpread$1({}, media))
+      className: buttonBaseClasses(_objectSpread$2({}, media))
     }, buttons.map(function (button, buttonIndex) {
       return /*#__PURE__*/React__default.createElement(Button$1, _extends$2({
         className: "flex w-full justify-center sm:w-auto",
         id: "hero-with-gallery-slide-".concat(index, "-buttons-").concat(buttonIndex, "-button"),
         key: getUniqueKey(button.label, button.url, index),
         style: button.type === "primary" ? design.primaryButtons : design.secondaryButtons
-      }, _objectSpread$1(_objectSpread$1({
+      }, _objectSpread$2(_objectSpread$2({
         buttonIndex: buttonIndex,
         disableButtonAndLinks: disableButtonAndLinks,
         index: index
       }, button), otherProps)));
     }))), /*#__PURE__*/React__default.createElement("div", {
-      className: mediaBaseClasses(_objectSpread$1(_objectSpread$1({}, media), {}, {
+      className: mediaBaseClasses(_objectSpread$2(_objectSpread$2({}, media), {}, {
         isEmptyContent: isEmptyContent
       }))
     }, /*#__PURE__*/React__default.createElement(Media, {
@@ -43247,7 +43262,10 @@ var LogoClouds = function LogoClouds(_ref) {
   }));
 };
 
-var _excluded$3 = ["configurations", "className", "id"];
+var _excluded$3 = ["configurations", "className", "id"],
+  _excluded2 = ["link", "index", "disableButtonAndLinks", "design"];
+function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Paragraph = function Paragraph(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -43287,44 +43305,42 @@ var Paragraph = function Paragraph(_ref) {
   }, otherProps), title), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     id: "paragraph-description",
     style: design.description
-  }, otherProps), description), /*#__PURE__*/React__default.createElement(ListComponent, {
+  }, otherProps), description), /*#__PURE__*/React__default.createElement(MotionWrapper, {
+    enableAnimation: enableAnimation,
+    className: "flex w-full",
+    design: design.feature
+  }, /*#__PURE__*/React__default.createElement(ListComponent, {
     className: classnames("col-span-12 mb-8 w-full space-y-5 pl-4", {
       "list-decimal": isOrdered,
       "list-disc": !isOrdered
     })
-  }, features.map(function (_ref2, index) {
-    var featureTitle = _ref2.title;
-    return /*#__PURE__*/React__default.createElement(MotionWrapper, {
-      enableAnimation: enableAnimation,
-      className: "flex w-full",
-      design: design.feature,
-      key: getUniqueKey(featureTitle, index)
-    }, /*#__PURE__*/React__default.createElement(ListItem, {
-      featureTitle: featureTitle,
+  }, features.map(function (link, index) {
+    return /*#__PURE__*/React__default.createElement(ListItem, _extends$2({
       index: index,
-      design: design.feature,
-      disableButtonAndLinks: otherProps.disableButtonAndLinks
-    }));
-  }))));
+      link: link,
+      design: design.featureTitle,
+      disableButtonAndLinks: otherProps.disableButtonAndLinks,
+      key: getUniqueKey(link.label, index)
+    }, otherProps));
+  })))));
 };
-var ListItem = function ListItem(_ref3) {
-  var index = _ref3.index,
-    disableButtonAndLinks = _ref3.disableButtonAndLinks,
-    design = _ref3.design,
-    featureTitle = _ref3.featureTitle;
-  var _useElementClick = useElementClick({
-      id: "paragraph-".concat(index, "-title"),
-      index: index
-    }),
-    handleTitleClick = _useElementClick.handleTitleClick;
+var ListItem = function ListItem(_ref2) {
+  var link = _ref2.link,
+    index = _ref2.index,
+    disableButtonAndLinks = _ref2.disableButtonAndLinks,
+    design = _ref2.design,
+    otherProps = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React__default.createElement(StyledWrapper, {
     as: "li",
-    style: design,
-    className: classnames("pl-2", {
-      "neeto-site-highlight__element": disableButtonAndLinks
-    }),
-    onClick: handleTitleClick
-  }, featureTitle);
+    className: "pl-2"
+  }, /*#__PURE__*/React__default.createElement(Link, _extends$2({
+    disableHovering: true,
+    id: "paragraph-".concat(index, "-title"),
+    style: design
+  }, _objectSpread$1(_objectSpread$1({
+    disableButtonAndLinks: disableButtonAndLinks,
+    index: index
+  }, link), otherProps))));
 };
 
 var _excluded$2 = ["configurations", "className", "id"];