@bigbinary/neeto-site-blocks 1.6.0 → 1.6.1

package/dist/index.cjs.js

@@ -4684,8 +4684,8 @@ var isEditorEmpty = function isEditorEmpty(htmlContent) {
   return neetoCist.isNotPresent(htmlContent.replace(/<[^>]*>/g, ""));
 };
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledWrapper = styled__default["default"].div.attrs(function (props) {
   return {
     className: generateResponsiveStyles(props.design)
@@ -4709,11 +4709,11 @@ var StyledWrapper = styled__default["default"].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$9({
+  var backgroundStyles = _objectSpread$a({
     position: "relative",
     zIndex: 0
   }, backgroundImage.src ? {
-    "&::before": _objectSpread$9({
+    "&::before": _objectSpread$a({
       content: "''",
       position: "absolute",
       top: 0,
@@ -15519,9 +15519,9 @@ var Button = function Button(_ref) {
 };
 var Button$1 = withConditionalRender(Button, prop("label"));
 
-var _excluded$i = ["to", "label", "style", "className", "icon", "action", "baseUrl", "draftMode", "link", "isHighlighted", "disableButtonAndLinks", "children", "disableHovering"];
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$i = ["to", "label", "style", "className", "icon", "action", "baseUrl", "draftMode", "link", "isHighlighted", "disableButtonAndLinks", "children", "disableHovering", "setIsMenuOpen"];
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var LinkElement = function LinkElement(_ref) {
   var _ref$to = _ref.to,
     to = _ref$to === void 0 ? "" : _ref$to,
@@ -15547,18 +15547,22 @@ var LinkElement = function LinkElement(_ref) {
     children = _ref$children === void 0 ? null : _ref$children,
     _ref$disableHovering = _ref.disableHovering,
     disableHovering = _ref$disableHovering === void 0 ? false : _ref$disableHovering,
+    setIsMenuOpen = _ref.setIsMenuOpen,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$i);
   var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out relative", {
     "pointer-events-none": action === "" || disableButtonAndLinks
   });
-  var commonProps = _objectSpread$8({
+  var commonProps = _objectSpread$9({
     className: classnames([baseClass, className]),
     design: style,
     href: to !== null && to !== void 0 ? to : "",
     rel: "noreferrer",
     percentage: 0.1,
     isHighlighted: isHighlighted,
-    disableHovering: disableHovering
+    disableHovering: disableHovering,
+    onClick: function onClick() {
+      return setIsMenuOpen && setIsMenuOpen(false);
+    }
   }, otherProps);
   if (action === "external") {
     return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
@@ -15606,6 +15610,7 @@ var Dropdown = function Dropdown(_ref) {
         disableHovering: true,
         className: classnames("hover:bg-gray-100", className),
         key: getUniqueKey(subLink.label, subLink.to, index),
+        setIsMenuOpen: setIsOpen,
         style: design
       }, subLink, otherProps));
     });
@@ -15834,8 +15839,8 @@ var Typography = function Typography(_ref) {
 Typography.displayName = "Typography";
 var Typography$1 = withConditionalRender(Typography, prop("children"));
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var subscribe = function subscribe(listener) {
   window.addEventListener("resize", listener);
   return function () {
@@ -15844,7 +15849,7 @@ var subscribe = function subscribe(listener) {
 };
 var getCurrentSize = function getCurrentSize(window, breakpointOverrides) {
   var innerWidth = window.innerWidth;
-  var sizes = _objectSpread$7({
+  var sizes = _objectSpread$8({
     mobile: innerWidth < 768,
     tablet: innerWidth >= 768 && innerWidth < 1024,
     desktop: innerWidth >= 1024 && innerWidth < 1280,
@@ -20986,8 +20991,8 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
 };
 
 var _excluded$e = ["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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CardsWithImage = function CardsWithImage(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -21036,7 +21041,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
       duration: 0.01,
       enableAnimation: enableAnimation,
       key: getUniqueKey(title, description, index),
-      design: _objectSpread$6(_objectSpread$6({}, design.card), {}, {
+      design: _objectSpread$7(_objectSpread$7({}, design.card), {}, {
         paddingHorizontal: 0,
         paddingVertical: 0
       }),
@@ -21063,7 +21068,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
   }), isAddMoreRequired && /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
     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",
     enableAnimation: enableAnimation,
-    design: _objectSpread$6(_objectSpread$6({}, design.card), {}, {
+    design: _objectSpread$7(_objectSpread$7({}, design.card), {}, {
       paddingHorizontal: 0,
       paddingVertical: 0,
       backgroundColor: "transparent"
@@ -38949,8 +38954,8 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
   }))));
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FeatureWithDetails = function FeatureWithDetails(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39011,7 +39016,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
       })
     }, icon && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex-shrink-0"
-    }, renderIcon(_objectSpread$5({
+    }, renderIcon(_objectSpread$6({
       name: icon,
       type: icon.type
     }, design.icon))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
@@ -39401,8 +39406,8 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
 };
 
 var _excluded$b = ["configurations", "className", "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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterClassic = function FooterClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39456,7 +39461,7 @@ var FooterClassic = function FooterClassic(_ref) {
       return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
         key: getUniqueKey(_icon.name, index),
         icon: function icon() {
-          return renderIcon(_objectSpread$4({
+          return renderIcon(_objectSpread$5({
             name: _icon.name,
             type: _icon.type,
             className: "hover:text-gray-600"
@@ -39503,7 +39508,7 @@ var FooterClassic = function FooterClassic(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       key: getUniqueKey(_icon2.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$4({
+        return renderIcon(_objectSpread$5({
           name: _icon2.name,
           type: _icon2.type,
           className: "hover:text-gray-600"
@@ -39517,8 +39522,8 @@ var FooterClassic = function FooterClassic(_ref) {
 };
 
 var _excluded$a = ["configurations", "className", "id"];
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterWithIcons = function FooterWithIcons(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39566,7 +39571,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       key: getUniqueKey(_icon.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$3({
+        return renderIcon(_objectSpread$4({
           name: _icon.name,
           type: _icon.type,
           className: "text-red-60 hover:text-gray-600"
@@ -39581,8 +39586,8 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
 };
 
 var _excluded$9 = ["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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterWithLinks = function FooterWithLinks(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39663,7 +39668,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       key: getUniqueKey(_icon.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$2({
+        return renderIcon(_objectSpread$3({
           name: _icon.name,
           type: _icon.type
         }, design.socialIcon));
@@ -41747,6 +41752,8 @@ var useElementVisible = function useElementVisible(ref) {
 };
 
 var _excluded$8 = ["configurations", "className", "currentPath", "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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithButtons = function HeaderWithButtons(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -41813,13 +41820,18 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-2 col-start-1 ml-2 mt-3 block space-y-2 lg:hidden"
+    className: "fadeIn col-span-2 col-start-1 ml-2 mt-4 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (button, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       isHighlighted: button.to && currentPath === button.to,
       key: getUniqueKey(button.to, button.label, index),
-      style: design.links
-    }, button, otherProps));
+      style: (mergeRight(design.links), {
+        fontSize: "1.25em",
+        fontWeight: "500"
+      })
+    }, _objectSpread$2(_objectSpread$2({
+      setIsMenuOpen: setIsMenuOpen
+    }, button), otherProps)));
   }))));
 };
 
@@ -41904,13 +41916,16 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 mt-2 space-y-2 lg:hidden"
+    className: "fadeIn col-span-12 col-start-1 mt-4 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (link, index) {
     return /*#__PURE__*/React__default["default"].createElement(Dropdown, {
       index: index,
       link: link,
-      design: design.links,
-      key: getUniqueKey(link.label, link.to, index)
+      key: getUniqueKey(link.label, link.to, index),
+      design: (mergeRight(design.links), {
+        fontSize: "1.25em",
+        fontWeight: "500"
+      })
     });
   })))));
 };
@@ -41997,13 +42012,17 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(More2, {
     fill: design.hamburgerMenu.color
   })), isLinksOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-4 col-start-1 ml-2 mt-3  space-y-1 lg:hidden"
+    className: "fadeIn col-span-4 col-start-1 ml-2 mt-4 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (icon, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       className: "w-full",
       isHighlighted: icon.to && currentPath === icon.to,
       key: getUniqueKey(icon.url, icon.label, index),
-      style: design.links
+      setIsMenuOpen: setIsLinksOpen,
+      style: (mergeRight(design.links), {
+        fontSize: "1.25em",
+        fontWeight: "500"
+      })
     }, icon));
   })), isIconsOpen && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "fadeIn col-span-2 col-start-11 mt-3 flex flex-col justify-end space-y-1 lg:hidden"
@@ -42011,6 +42030,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       className: "w-full",
       key: getUniqueKey(_icon2.to, index),
+      setIsMenuOpen: setIsIconsOpen,
       style: design.icons,
       icon: function icon() {
         return renderIcon(_objectSpread$1({
@@ -42095,7 +42115,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-2 col-start-1 space-y-2 lg:hidden"
+    className: "fadeIn col-span-12 mt-4 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (_ref2, index) {
     var label = _ref2.label,
       to = _ref2.to,
@@ -42103,10 +42123,14 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       action: action,
       label: label,
+      setIsMenuOpen: setIsMenuOpen,
       to: to,
       isHighlighted: to && currentPath === to,
       key: getUniqueKey(to, label, index),
-      style: design.links
+      style: (mergeRight(design.links), {
+        fontSize: "1.25em",
+        fontWeight: "500"
+      })
     }, otherProps));
   }))));
 };