@bigbinary/neeto-site-blocks 1.6.0 → 1.6.2

package/dist/index.js

@@ -5,8 +5,8 @@ import _extends$2 from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import { isNotPresent, isNotEmpty } from '@bigbinary/neeto-cist';
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { useFrame } from 'react-frame-component';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
@@ -4638,8 +4638,8 @@ var isEditorEmpty = function isEditorEmpty(htmlContent) {
   return 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$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 StyledWrapper = styled.div.attrs(function (props) {
   return {
     className: generateResponsiveStyles(props.design)
@@ -4663,11 +4663,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$9({
+  var backgroundStyles = _objectSpread$a({
     position: "relative",
     zIndex: 0
   }, backgroundImage.src ? {
-    "&::before": _objectSpread$9({
+    "&::before": _objectSpread$a({
       content: "''",
       position: "absolute",
       top: 0,
@@ -14203,20 +14203,27 @@ var DropdownWrapper = styled.div(function (_ref) {
   var index = _ref.index,
     height = _ref.height,
     totalLength = _ref.totalLength;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    cumulativeWidth = _useState2[0],
+    setCumulativeWidth = _useState2[1];
   var _useFrame = 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
+  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,
@@ -15473,9 +15480,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$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 _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$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 LinkElement = function LinkElement(_ref) {
   var _ref$to = _ref.to,
     to = _ref$to === void 0 ? "" : _ref$to,
@@ -15501,18 +15508,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(_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.createElement(StyledAnchor, _extends$2({}, commonProps, {
@@ -15560,6 +15571,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));
     });
@@ -15788,8 +15800,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$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 subscribe = function subscribe(listener) {
   window.addEventListener("resize", listener);
   return function () {
@@ -15798,7 +15810,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,
@@ -15813,9 +15825,9 @@ var useBreakpoints = function useBreakpoints(breakpointOverrides) {
   var _useFrame = 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 = useSyncExternalStore(subscribe, getSnapshot);
+  var currentSize = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   return {
     currentSize: currentSize,
     isSize: equals(currentSize)
@@ -20940,8 +20952,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$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 CardsWithImage = function CardsWithImage(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -20990,7 +21002,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
       }),
@@ -21017,7 +21029,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
   }), isAddMoreRequired && /*#__PURE__*/React__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"
@@ -38903,8 +38915,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$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 FeatureWithDetails = function FeatureWithDetails(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -38965,7 +38977,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
       })
     }, icon && /*#__PURE__*/React__default.createElement("div", {
       className: "flex-shrink-0"
-    }, renderIcon(_objectSpread$5({
+    }, renderIcon(_objectSpread$6({
       name: icon,
       type: icon.type
     }, design.icon))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Typography$1, {
@@ -39355,8 +39367,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$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterClassic = function FooterClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39410,7 +39422,7 @@ var FooterClassic = function FooterClassic(_ref) {
       return /*#__PURE__*/React__default.createElement(Link, _extends$2({
         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"
@@ -39457,7 +39469,7 @@ var FooterClassic = function FooterClassic(_ref) {
     return /*#__PURE__*/React__default.createElement(Link, _extends$2({
       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"
@@ -39471,8 +39483,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$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterWithIcons = function FooterWithIcons(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39520,7 +39532,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     return /*#__PURE__*/React__default.createElement(Link, _extends$2({
       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"
@@ -39535,8 +39547,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$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterWithLinks = function FooterWithLinks(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -39617,7 +39629,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     return /*#__PURE__*/React__default.createElement(Link, _extends$2({
       key: getUniqueKey(_icon.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$2({
+        return renderIcon(_objectSpread$3({
           name: _icon.name,
           type: _icon.type
         }, design.socialIcon));
@@ -41701,6 +41713,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$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithButtons = function HeaderWithButtons(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -41767,13 +41781,18 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
   }, /*#__PURE__*/React__default.createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), isMenuOpen && /*#__PURE__*/React__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.createElement(Link, _extends$2({
       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)));
   }))));
 };
 
@@ -41807,13 +41826,14 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     ref: headerIntersectorRef
   }), /*#__PURE__*/React__default.createElement("div", {
+    className: "relative z-10",
     ref: headerRef
   }, /*#__PURE__*/React__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)
@@ -41858,13 +41878,16 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   }, /*#__PURE__*/React__default.createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), isMenuOpen && /*#__PURE__*/React__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.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"
+      })
     });
   })))));
 };
@@ -41951,13 +41974,17 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
   }, /*#__PURE__*/React__default.createElement(More2, {
     fill: design.hamburgerMenu.color
   })), isLinksOpen && /*#__PURE__*/React__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.createElement(Link, _extends$2({
       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.createElement("div", {
     className: "fadeIn col-span-2 col-start-11 mt-3 flex flex-col justify-end space-y-1 lg:hidden"
@@ -41965,6 +41992,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     return /*#__PURE__*/React__default.createElement(Link, _extends$2({
       className: "w-full",
       key: getUniqueKey(_icon2.to, index),
+      setIsMenuOpen: setIsIconsOpen,
       style: design.icons,
       icon: function icon() {
         return renderIcon(_objectSpread$1({
@@ -42049,7 +42077,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
   }, /*#__PURE__*/React__default.createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), isMenuOpen && /*#__PURE__*/React__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,
@@ -42057,10 +42085,14 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     return /*#__PURE__*/React__default.createElement(Link, _extends$2({
       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));
   }))));
 };