@bigbinary/neeto-site-blocks 1.8.2 → 1.8.4

package/dist/index.js

@@ -4947,8 +4947,8 @@ var isLinkHighlighted = function isLinkHighlighted(to, currentPath) {
   return currentPath.pathName === to && isEmpty(currentPath.hash) || currentPath.hash === to;
 };
 
-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 StyledWrapper = styled.div.attrs(function (props) {
   return {
     className: generateResponsiveStyles(props.design)
@@ -4972,11 +4972,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$k({
+  var backgroundStyles = _objectSpread$l({
     position: "relative",
     zIndex: 0
   }, backgroundImage.src ? {
-    "&::before": _objectSpread$k({
+    "&::before": _objectSpread$l({
       content: "''",
       position: "absolute",
       top: 0,
@@ -14704,7 +14704,7 @@ var withConditionalRender = function withConditionalRender(Component, condition)
   return ConditionalRender;
 };
 
-var _excluded$z = ["id", "disableButtonAndLinks", "index"];
+var _excluded$z = ["id", "disableButtonAndLinks", "wrapperClassName", "index"];
 var StyledImage = styled.img.attrs(function () {
   return {
     className: "hover:mix-blend-multiply m-auto"
@@ -14727,6 +14727,7 @@ var StyledImage = styled.img.attrs(function () {
 var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
   var id = _ref2.id,
     disableButtonAndLinks = _ref2.disableButtonAndLinks,
+    wrapperClassName = _ref2.wrapperClassName,
     index = _ref2.index,
     props = _objectWithoutProperties(_ref2, _excluded$z);
   var _useElementClick = useElementClick({
@@ -14735,9 +14736,9 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
     }),
     handleImageClick = _useElementClick.handleImageClick;
   return /*#__PURE__*/React__default.createElement(StyledWrapper, {
-    className: classnames({
+    className: classnames(_defineProperty$1({
       "neeto-site-highlight__element": disableButtonAndLinks
-    }),
+    }, wrapperClassName, wrapperClassName)),
     onClick: disableButtonAndLinks && handleImageClick
   }, /*#__PURE__*/React__default.createElement(StyledImage, props));
 };
@@ -15975,8 +15976,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$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 LinkElement = function LinkElement(_ref) {
   var _ref$to = _ref.to,
     to = _ref$to === void 0 ? "" : _ref$to,
@@ -16018,7 +16019,7 @@ var LinkElement = function LinkElement(_ref) {
     setIsMenuOpen && setIsMenuOpen(false);
     disableButtonAndLinks && handleClick(event);
   };
-  var commonProps = _objectSpread$j({
+  var commonProps = _objectSpread$k({
     className: classnames([baseClass, className]),
     design: style,
     href: to !== null && to !== void 0 ? to : "",
@@ -16048,11 +16049,11 @@ var Link = withConditionalRender(LinkElement, function () {
   return !!(prop("label") || prop("icon"));
 });
 
-var _excluded$v = ["link", "design", "index", "height", "className", "totalLength", "paddingHorizontal"];
-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 _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; }
 var Dropdown = function Dropdown(_ref) {
-  var link = _ref.link,
+  var dropdownLink = _ref.dropdownLink,
     design = _ref.design,
     index = _ref.index,
     height = _ref.height,
@@ -16070,8 +16071,8 @@ var Dropdown = function Dropdown(_ref) {
     isSize = _useBreakpoints.isSize;
   var isSmallerScreen = isSize("mobile") || isSize("tablet");
   var isLargerScreen = isSize("desktop") || isSize("largeDesktop");
-  var label = link.label,
-    subLinks = link.subLinks;
+  var label = dropdownLink.label,
+    subLinks = dropdownLink.subLinks;
   var renderDropdownItems = function renderDropdownItems(className) {
     return subLinks.map(function (subLink, index) {
       return /*#__PURE__*/React__default.createElement(Link, _extends$2({
@@ -16080,7 +16081,7 @@ var Dropdown = function Dropdown(_ref) {
         key: getUniqueKey(subLink.label, subLink.to, index),
         setIsMenuOpen: setIsOpen,
         style: design
-      }, _objectSpread$i(_objectSpread$i({
+      }, _objectSpread$j(_objectSpread$j({
         index: index
       }, subLink), otherProps)));
     });
@@ -16158,8 +16159,8 @@ var Dropdown = function Dropdown(_ref) {
   }, renderDropdownItems("rounded-md px-4 py-2 hover:bg-gray-100")))));
 };
 
-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 subscribe = function subscribe(listener) {
   window.addEventListener("resize", listener);
   return function () {
@@ -16168,7 +16169,7 @@ var subscribe = function subscribe(listener) {
 };
 var getCurrentSize = function getCurrentSize(window, breakpointOverrides) {
   var innerWidth = window.innerWidth;
-  var sizes = _objectSpread$h({
+  var sizes = _objectSpread$i({
     mobile: innerWidth < 768,
     tablet: innerWidth >= 768 && innerWidth < 1024,
     desktop: innerWidth >= 1024 && innerWidth < 1280,
@@ -16194,8 +16195,8 @@ var useBreakpoints = function useBreakpoints(breakpointOverrides) {
 var useBreakpoints$1 = useBreakpoints;
 
 var _excluded$u = ["isEmbedded", "src", "design"];
-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 Media = function Media(_ref) {
   var isEmbedded = _ref.isEmbedded,
     src = _ref.src,
@@ -16212,7 +16213,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$g({
+  return /*#__PURE__*/React__default.createElement(StyledImage$1, _objectSpread$h({
     design: design,
     src: src
   }, otherProps));
@@ -21277,8 +21278,8 @@ const SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {
 });
 SwiperSlide.displayName = 'SwiperSlide';
 
-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 CardsInGridView = function CardsInGridView(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -21401,7 +21402,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$f(_objectSpread$f({}, card), {}, {
+      }, renderCard(_objectSpread$g(_objectSpread$g({}, card), {}, {
         index: index
       })));
     }))), /*#__PURE__*/React__default.createElement(ArrowButton, {
@@ -21416,7 +21417,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$f(_objectSpread$f({}, button), {}, {
+    }, _objectSpread$g(_objectSpread$g({}, button), {}, {
       disableButtonAndLinks: disableButtonAndLinks
     }), {
       id: "cards-in-grid-view-action-button"
@@ -21449,7 +21450,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$f(_objectSpread$f({}, card), {}, {
+    }, renderCard(_objectSpread$g(_objectSpread$g({}, card), {}, {
       index: index
     })));
   })), isButtonRequired && /*#__PURE__*/React__default.createElement(StyledWrapper, {
@@ -21460,7 +21461,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$f(_objectSpread$f({}, button), {}, {
+  }, _objectSpread$g(_objectSpread$g({}, button), {}, {
     disableButtonAndLinks: disableButtonAndLinks
   }), {
     id: "cards-in-grid-view-action-button"
@@ -21555,8 +21556,8 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
 };
 
 var _excluded$p = ["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 CardsWithImage = function CardsWithImage(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -21607,7 +21608,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
       className: gridBaseClasses,
       duration: 0.01,
       key: getUniqueKey(title, description, index),
-      design: _objectSpread$e(_objectSpread$e({}, design.card), {}, {
+      design: _objectSpread$f(_objectSpread$f({}, design.card), {}, {
         paddingHorizontal: 0,
         paddingVertical: 0
       }),
@@ -21639,7 +21640,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$e(_objectSpread$e({}, design.card), {}, {
+    design: _objectSpread$f(_objectSpread$f({}, design.card), {}, {
       paddingHorizontal: 0,
       paddingVertical: 0,
       backgroundColor: "transparent"
@@ -21654,8 +21655,8 @@ var CardsWithImage = function CardsWithImage(_ref) {
 };
 
 var _excluded$o = ["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 CtaClassic = function CtaClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -21699,7 +21700,7 @@ var CtaClassic = function CtaClassic(_ref) {
       id: "cta-classic-button-".concat(index),
       key: index,
       style: button.type === "primary" ? design.primaryButton : design.secondaryButton
-    }, _objectSpread$d(_objectSpread$d({
+    }, _objectSpread$e(_objectSpread$e({
       index: index
     }, button), otherProps)));
   })));
@@ -39312,8 +39313,8 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
 };
 
 var _excluded$m = ["configurations", "className", "id"];
-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; }
+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 CtaWithLogo = function CtaWithLogo(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39365,7 +39366,7 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
       id: "cta-with-logo-button-".concat(index, "-button"),
       key: index,
       style: design.button
-    }, _objectSpread$c(_objectSpread$c({}, button), {}, {
+    }, _objectSpread$d(_objectSpread$d({}, button), {}, {
       index: index
     }, otherProps)));
   })));
@@ -39394,8 +39395,8 @@ var Embed = function Embed(_ref) {
 
 var _excluded$l = ["configurations", "className", "id"],
   _excluded2 = ["question", "answer", "design", "enableAnimation", "index"];
-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 FaqWithHamburgerView = function FaqWithHamburgerView(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39427,7 +39428,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$b({
+    return /*#__PURE__*/React__default.createElement(FAQItem, _extends$2({}, _objectSpread$c({
       answer: answer,
       design: design,
       enableAnimation: enableAnimation,
@@ -39517,8 +39518,8 @@ var FAQItem = function FAQItem(_ref3) {
 };
 
 var _excluded$k = ["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 FeatureWithBulletList = function FeatureWithBulletList(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39547,7 +39548,7 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
         id: "feature-with-bullet-list-bullet-".concat(index, "-title"),
         key: getUniqueKey(featureTitle, index),
         style: design.bulletList
-      }, _objectSpread$a(_objectSpread$a({}, otherProps), {}, {
+      }, _objectSpread$b(_objectSpread$b({}, otherProps), {}, {
         index: index
       })), featureTitle);
     })));
@@ -39578,8 +39579,8 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
 };
 
 var _excluded$j = ["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 FeatureWithDetails = function FeatureWithDetails(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39643,7 +39644,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
       key: getUniqueKey(featureTitle, featureDescription, index)
     }, icon && /*#__PURE__*/React__default.createElement("div", {
       className: "flex-shrink-0"
-    }, renderIcon(_objectSpread$9({
+    }, renderIcon(_objectSpread$a({
       name: icon,
       type: icon.type
     }, design.icon))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -40080,8 +40081,8 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
 };
 
 var _excluded$d = ["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 FooterClassic = function FooterClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -40140,13 +40141,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$8({
+          return renderIcon(_objectSpread$9({
             name: _icon.name,
             type: _icon.type,
             className: "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({
@@ -40195,13 +40196,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$8({
+        return renderIcon(_objectSpread$9({
           name: _icon2.name,
           type: _icon2.type,
           className: "hover:text-gray-600"
         }, design.socialIcon));
       }
-    }, _objectSpread$8(_objectSpread$8({
+    }, _objectSpread$9(_objectSpread$9({
       index: index
     }, _icon2), otherProps)));
   })), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -40212,8 +40213,8 @@ var FooterClassic = function FooterClassic(_ref) {
 };
 
 var _excluded$c = ["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 FooterWithIcons = function FooterWithIcons(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -40265,13 +40266,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$7({
+        return renderIcon(_objectSpread$8({
           name: _icon.name,
           type: _icon.type,
           className: "text-red-60 hover:text-gray-600"
         }, design.socialIcon));
       }
-    }, _objectSpread$7(_objectSpread$7({
+    }, _objectSpread$8(_objectSpread$8({
       index: index
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -40283,8 +40284,8 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
 };
 
 var _excluded$b = ["configurations", "className", "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 FooterWithLinks = function FooterWithLinks(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -40375,12 +40376,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$6({
+        return renderIcon(_objectSpread$7({
           name: _icon.name,
           type: _icon.type
         }, design.socialIcon));
       }
-    }, _objectSpread$6(_objectSpread$6({
+    }, _objectSpread$7(_objectSpread$7({
       index: index
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__default.createElement("ul", {
@@ -42326,7 +42327,8 @@ var GalleryClassic = function GalleryClassic(_ref) {
       className: "sliding-image",
       design: style,
       id: "gallery-classic-images-".concat(index, "-image"),
-      title: caption
+      title: caption,
+      wrapperClassName: "h-full w-full"
     }));
   }))), /*#__PURE__*/React__default.createElement(ArrowButton, {
     Icon: ArrowRight$1,
@@ -42474,8 +42476,8 @@ var useElementVisible = function useElementVisible(ref) {
 };
 
 var _excluded$9 = ["configurations", "className", "currentPath", "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 HeaderWithButtons = function HeaderWithButtons(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -42525,7 +42527,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
       isHighlighted: isLinkHighlighted(link.to, currentPath),
       key: getUniqueKey(link.label, index),
       style: design.links
-    }, _objectSpread$5(_objectSpread$5({
+    }, _objectSpread$6(_objectSpread$6({
       index: index
     }, link), otherProps)));
   })), /*#__PURE__*/React__default.createElement("div", {
@@ -42535,7 +42537,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$5(_objectSpread$5({
+    }, _objectSpread$6(_objectSpread$6({
       index: index
     }, button), otherProps)));
   })), /*#__PURE__*/React__default.createElement("button", {
@@ -42558,7 +42560,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
         fontSize: "1.25em",
         fontWeight: "500"
       })
-    }, _objectSpread$5(_objectSpread$5({
+    }, _objectSpread$6(_objectSpread$6({
       index: index,
       setIsMenuOpen: setIsMenuOpen
     }, button), otherProps)));
@@ -42566,6 +42568,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; }
 var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -42630,17 +42634,18 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
     })
   }, otherProps), properties.logo.title))), /*#__PURE__*/React__default.createElement("div", {
     className: "col-span-6 col-start-7 flex items-center justify-end gap-x-6 sm:col-span-5 sm:col-start-8 lg:col-span-7 lg:col-start-6"
-  }, properties.links.map(function (link, index) {
+  }, properties.links.map(function (dropdownLink, index) {
     return /*#__PURE__*/React__default.createElement(Dropdown, _extends$2({
-      index: index,
-      link: link,
       className: "hidden lg:block",
       design: design.links,
       height: headerHeight,
-      key: getUniqueKey(link.label, link.to, index),
+      key: getUniqueKey(dropdownLink.label, dropdownLink.to, index),
       paddingHorizontal: design.body.paddingHorizontal,
       totalLength: properties.links.length
-    }, otherProps));
+    }, _objectSpread$5({
+      dropdownLink: dropdownLink,
+      index: index
+    }, otherProps)));
   })), /*#__PURE__*/React__default.createElement("button", {
     className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
     onClick: function onClick() {