@bigbinary/neeto-site-blocks 1.6.0 → 1.6.2

package/dist/index.cjs.js

@@ -8,8 +8,8 @@ var _extends$2 = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty$1 = require('@babel/runtime/helpers/defineProperty');
 var neetoCist = require('@bigbinary/neeto-cist');
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var reactFrameComponent = require('react-frame-component');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
@@ -52,8 +52,8 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$1);
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
@@ -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,
@@ -14249,20 +14249,27 @@ var DropdownWrapper = styled__default["default"].div(function (_ref) {
   var index = _ref.index,
     height = _ref.height,
     totalLength = _ref.totalLength;
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    cumulativeWidth = _useState2[0],
+    setCumulativeWidth = _useState2[1];
   var _useFrame = reactFrameComponent.useFrame(),
     iframeDocument = _useFrame.document;
   var _useBreakpoints = useBreakpoints$1(),
     currentSize = _useBreakpoints.currentSize;
 
   // Calculate cumulative width of dropdowns with buffer
-  var cumulativeWidth = 0;
-  for (var i = totalLength - 1; i > index; i--) {
-    var dropdown = (iframeDocument !== null && iframeDocument !== void 0 ? iframeDocument : document).getElementById("dropdown-".concat(i));
-    if (dropdown) {
-      cumulativeWidth += dropdown.offsetWidth + 15; //buffer width
+  React.useEffect(function () {
+    var cumulativeWidth = 0;
+    for (var i = totalLength - 1; i > index; i--) {
+      var dropdown = (iframeDocument !== null && iframeDocument !== void 0 ? iframeDocument : document).getElementById("dropdown-".concat(i));
+      if (dropdown) {
+        cumulativeWidth += dropdown.offsetWidth + 15; // buffer width
+      }
     }
-  }
 
+    setCumulativeWidth(cumulativeWidth);
+  }, []);
   var isLargeScreen = currentSize === "desktop" || currentSize === "largeDesktop";
   return isLargeScreen ? {
     right: cumulativeWidth,
@@ -15519,9 +15526,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 +15554,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 +15617,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 +15846,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 +15856,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,
@@ -15859,9 +15871,9 @@ var useBreakpoints = function useBreakpoints(breakpointOverrides) {
   var _useFrame = reactFrameComponent.useFrame(),
     iframeWindow = _useFrame.window;
   var getSnapshot = function getSnapshot() {
-    return getCurrentSize(iframeWindow !== null && iframeWindow !== void 0 ? iframeWindow : window, breakpointOverrides);
+    return typeof window !== "undefined" ? getCurrentSize(iframeWindow !== null && iframeWindow !== void 0 ? iframeWindow : window, breakpointOverrides) : getCurrentSize({}, breakpointOverrides);
   };
-  var currentSize = React.useSyncExternalStore(subscribe, getSnapshot);
+  var currentSize = React.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   return {
     currentSize: currentSize,
     isSize: equals(currentSize)
@@ -20986,8 +20998,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 +21048,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 +21075,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 +38961,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 +39023,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 +39413,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 +39468,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 +39515,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 +39529,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 +39578,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 +39593,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 +39675,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 +41759,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 +41827,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)));
   }))));
 };
 
@@ -41853,13 +41872,14 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     ref: headerIntersectorRef
   }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "relative z-10",
     ref: headerRef
   }, /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
     id: id,
     design: design.body,
     nestedClassName: baseClasses,
     nestedComponent: StyledWrapper,
-    className: classnames("relative z-10", {
+    className: classnames({
       "neeto-site-sticky-header": position === "sticky",
       "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
     }, className)
@@ -41904,13 +41924,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 +42020,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 +42038,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 +42123,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 +42131,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));
   }))));
 };