@bigbinary/neeto-site-blocks 1.5.0 → 1.6.0

package/dist/index.js

@@ -1,13 +1,14 @@
 import * as React from 'react';
-import React__default, { createContext, useLayoutEffect, useEffect, useContext, useRef, useInsertionEffect, useCallback, useMemo, forwardRef, createElement as createElement$1, useId, useState, cloneElement, Children, isValidElement } from 'react';
-import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
+import React__default, { createContext, useLayoutEffect, useEffect, useContext, useRef, useInsertionEffect, useCallback, useMemo, forwardRef, createElement as createElement$1, useId, useState, cloneElement, Children, isValidElement, useSyncExternalStore } from 'react';
 import styled from 'styled-components';
 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 _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { useFrame } from 'react-frame-component';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import require$$1 from 'util';
@@ -87,38 +88,34 @@ var classnames$1 = {exports: {}};
 var classnames = classnames$1.exports;
 
 var ArrowButton = function ArrowButton(_ref) {
-  var _classnames;
   var Icon = _ref.Icon,
     isStart = _ref.isStart,
     onClick = _ref.onClick,
-    isActive = _ref.isActive,
     design = _ref.design,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className;
-  var borderColor = isActive ? (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433" : (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc";
   var StyledIcon = styled(Icon)(function () {
     return {
-      borderColor: borderColor
+      borderColor: (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433"
     };
   });
   return /*#__PURE__*/React__default.createElement("button", {
     onClick: onClick,
     className: classnames("col-span-1", {
       "col-start-1": isStart,
-      "col-start-12 flex justify-end": !isStart,
-      "cursor-default": !isActive
+      "col-start-12 flex justify-end": !isStart
     }, className)
   }, /*#__PURE__*/React__default.createElement(StyledIcon, {
     className: "rounded-full border p-1",
-    size: 27,
-    fill: classnames((_classnames = {}, _defineProperty$1(_classnames, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", isActive), _defineProperty$1(_classnames, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", !isActive), _classnames))
+    fill: (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433",
+    size: 27
   }));
 };
 
-var _excluded$2T = ["size"];
+var _excluded$2W = ["size"];
 var Alipay$1 = function Alipay(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2T);
+    other = _objectWithoutProperties(_ref, _excluded$2W);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -133,10 +130,10 @@ Alipay$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2S = ["size"];
+var _excluded$2V = ["size"];
 var Amazon$1 = function Amazon(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2S);
+    other = _objectWithoutProperties(_ref, _excluded$2V);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -151,10 +148,10 @@ Amazon$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2R = ["size"];
+var _excluded$2U = ["size"];
 var Android$1 = function Android(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2R);
+    other = _objectWithoutProperties(_ref, _excluded$2U);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -169,10 +166,10 @@ Android$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2Q = ["size"];
+var _excluded$2T = ["size"];
 var Apple$1 = function Apple(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2Q);
+    other = _objectWithoutProperties(_ref, _excluded$2T);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -187,10 +184,10 @@ Apple$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2P = ["size"];
+var _excluded$2S = ["size"];
 var AppStore$1 = function AppStore(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2P);
+    other = _objectWithoutProperties(_ref, _excluded$2S);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -205,10 +202,10 @@ AppStore$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2O = ["size"];
+var _excluded$2R = ["size"];
 var ArrowDown$1 = function ArrowDown(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2O);
+    other = _objectWithoutProperties(_ref, _excluded$2R);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -223,10 +220,10 @@ ArrowDown$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2N = ["size"];
+var _excluded$2Q = ["size"];
 var ArrowDownS$1 = function ArrowDownS(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2N);
+    other = _objectWithoutProperties(_ref, _excluded$2Q);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -241,10 +238,10 @@ ArrowDownS$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2M = ["size"];
+var _excluded$2P = ["size"];
 var ArrowLeft$1 = function ArrowLeft(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2M);
+    other = _objectWithoutProperties(_ref, _excluded$2P);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -259,10 +256,10 @@ ArrowLeft$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2L = ["size"];
+var _excluded$2O = ["size"];
 var ArrowLeftS$1 = function ArrowLeftS(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2L);
+    other = _objectWithoutProperties(_ref, _excluded$2O);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -277,10 +274,10 @@ ArrowLeftS$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2K = ["size"];
+var _excluded$2N = ["size"];
 var ArrowRight$1 = function ArrowRight(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2K);
+    other = _objectWithoutProperties(_ref, _excluded$2N);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -295,10 +292,10 @@ ArrowRight$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2J = ["size"];
+var _excluded$2M = ["size"];
 var ArrowRightS$1 = function ArrowRightS(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2J);
+    other = _objectWithoutProperties(_ref, _excluded$2M);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -313,10 +310,10 @@ ArrowRightS$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2I = ["size"];
+var _excluded$2L = ["size"];
 var ArrowUp$1 = function ArrowUp(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2I);
+    other = _objectWithoutProperties(_ref, _excluded$2L);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -331,10 +328,10 @@ ArrowUp$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2H = ["size"];
+var _excluded$2K = ["size"];
 var ArrowUpS$1 = function ArrowUpS(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2H);
+    other = _objectWithoutProperties(_ref, _excluded$2K);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -349,10 +346,10 @@ ArrowUpS$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2G = ["size"];
+var _excluded$2J = ["size"];
 var Baidu$1 = function Baidu(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2G);
+    other = _objectWithoutProperties(_ref, _excluded$2J);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -367,10 +364,10 @@ Baidu$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2F = ["size"];
+var _excluded$2I = ["size"];
 var Bard$1 = function Bard(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2F);
+    other = _objectWithoutProperties(_ref, _excluded$2I);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -385,10 +382,10 @@ Bard$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2E = ["size"];
+var _excluded$2H = ["size"];
 var Behance$1 = function Behance(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2E);
+    other = _objectWithoutProperties(_ref, _excluded$2H);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -403,10 +400,10 @@ Behance$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2D = ["size"];
+var _excluded$2G = ["size"];
 var Blender$1 = function Blender(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2D);
+    other = _objectWithoutProperties(_ref, _excluded$2G);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -421,10 +418,10 @@ Blender$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2C = ["size"];
+var _excluded$2F = ["size"];
 var Check$1 = function Check(_ref) {
   var size = _ref.size,
-    otherProps = _objectWithoutProperties(_ref, _excluded$2C);
+    otherProps = _objectWithoutProperties(_ref, _excluded$2F);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -440,10 +437,10 @@ Check$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2B = ["size"];
+var _excluded$2E = ["size"];
 var CheckDouble = function CheckDouble(_ref) {
   var size = _ref.size,
-    otherProps = _objectWithoutProperties(_ref, _excluded$2B);
+    otherProps = _objectWithoutProperties(_ref, _excluded$2E);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -459,10 +456,10 @@ CheckDouble.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2A = ["size"];
+var _excluded$2D = ["size"];
 var Chrome$1 = function Chrome(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2A);
+    other = _objectWithoutProperties(_ref, _excluded$2D);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -477,10 +474,10 @@ Chrome$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2z = ["size"];
+var _excluded$2C = ["size"];
 var Close$1 = function Close(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2z);
+    other = _objectWithoutProperties(_ref, _excluded$2C);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -495,10 +492,10 @@ Close$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2y = ["size"];
+var _excluded$2B = ["size"];
 var Discord$1 = function Discord(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2y);
+    other = _objectWithoutProperties(_ref, _excluded$2B);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -513,10 +510,10 @@ Discord$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2x = ["size"];
+var _excluded$2A = ["size"];
 var Dribbble$1 = function Dribbble(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2x);
+    other = _objectWithoutProperties(_ref, _excluded$2A);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -531,10 +528,10 @@ Dribbble$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2w = ["size"];
+var _excluded$2z = ["size"];
 var Drive$1 = function Drive(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2w);
+    other = _objectWithoutProperties(_ref, _excluded$2z);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -549,10 +546,10 @@ Drive$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2v = ["size"];
+var _excluded$2y = ["size"];
 var Dropbox$1 = function Dropbox(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2v);
+    other = _objectWithoutProperties(_ref, _excluded$2y);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -567,10 +564,10 @@ Dropbox$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2u = ["size"];
+var _excluded$2x = ["size"];
 var Edge$1 = function Edge(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2u);
+    other = _objectWithoutProperties(_ref, _excluded$2x);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -585,10 +582,10 @@ Edge$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2t = ["size"];
+var _excluded$2w = ["size"];
 var Facebook$1 = function Facebook(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2t);
+    other = _objectWithoutProperties(_ref, _excluded$2w);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -603,10 +600,10 @@ Facebook$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2s = ["size"];
+var _excluded$2v = ["size"];
 var FacebookCircle$1 = function FacebookCircle(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2s);
+    other = _objectWithoutProperties(_ref, _excluded$2v);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -621,10 +618,10 @@ FacebookCircle$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2r = ["size"];
+var _excluded$2u = ["size"];
 var Firefox$1 = function Firefox(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2r);
+    other = _objectWithoutProperties(_ref, _excluded$2u);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -639,10 +636,10 @@ Firefox$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2q = ["size"];
+var _excluded$2t = ["size"];
 var Flickr$1 = function Flickr(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2q);
+    other = _objectWithoutProperties(_ref, _excluded$2t);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -657,10 +654,10 @@ Flickr$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2p = ["size"];
+var _excluded$2s = ["size"];
 var Github$1 = function Github(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2p);
+    other = _objectWithoutProperties(_ref, _excluded$2s);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -675,10 +672,10 @@ Github$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2o = ["size"];
+var _excluded$2r = ["size"];
 var Gitlab$1 = function Gitlab(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2o);
+    other = _objectWithoutProperties(_ref, _excluded$2r);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -693,10 +690,10 @@ Gitlab$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2n = ["size"];
+var _excluded$2q = ["size"];
 var Google$1 = function Google(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2n);
+    other = _objectWithoutProperties(_ref, _excluded$2q);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -711,10 +708,10 @@ Google$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2m = ["size"];
+var _excluded$2p = ["size"];
 var GooglePlay$1 = function GooglePlay(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2m);
+    other = _objectWithoutProperties(_ref, _excluded$2p);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -729,10 +726,10 @@ GooglePlay$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2l = ["size"];
+var _excluded$2o = ["size"];
 var Ie$1 = function Ie(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2l);
+    other = _objectWithoutProperties(_ref, _excluded$2o);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -747,10 +744,10 @@ Ie$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2k = ["size"];
+var _excluded$2n = ["size"];
 var Instagram$1 = function Instagram(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2k);
+    other = _objectWithoutProperties(_ref, _excluded$2n);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -765,10 +762,10 @@ Instagram$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2j = ["size"];
+var _excluded$2m = ["size"];
 var Kick$1 = function Kick(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2j);
+    other = _objectWithoutProperties(_ref, _excluded$2m);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -783,10 +780,10 @@ Kick$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2i = ["size"];
+var _excluded$2l = ["size"];
 var Linkedin$1 = function Linkedin(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2i);
+    other = _objectWithoutProperties(_ref, _excluded$2l);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -801,10 +798,10 @@ Linkedin$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2h = ["size"];
+var _excluded$2k = ["size"];
 var LinkedinBox$1 = function LinkedinBox(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2h);
+    other = _objectWithoutProperties(_ref, _excluded$2k);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -819,10 +816,10 @@ LinkedinBox$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2g = ["size"];
+var _excluded$2j = ["size"];
 var MapPin$1 = function MapPin(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2g);
+    other = _objectWithoutProperties(_ref, _excluded$2j);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -837,10 +834,10 @@ MapPin$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2f = ["size"];
+var _excluded$2i = ["size"];
 var MapPin2$1 = function MapPin2(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2f);
+    other = _objectWithoutProperties(_ref, _excluded$2i);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -855,10 +852,10 @@ MapPin2$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2e = ["size"];
+var _excluded$2h = ["size"];
 var MapPinUser$1 = function MapPinUser(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2e);
+    other = _objectWithoutProperties(_ref, _excluded$2h);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -873,10 +870,10 @@ MapPinUser$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2d = ["size"];
+var _excluded$2g = ["size"];
 var Medium$1 = function Medium(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2d);
+    other = _objectWithoutProperties(_ref, _excluded$2g);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -891,10 +888,10 @@ Medium$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2c = ["size"];
+var _excluded$2f = ["size"];
 var Menu$1 = function Menu(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2c);
+    other = _objectWithoutProperties(_ref, _excluded$2f);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -909,10 +906,10 @@ Menu$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2b = ["size"];
+var _excluded$2e = ["size"];
 var Messenger$1 = function Messenger(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2b);
+    other = _objectWithoutProperties(_ref, _excluded$2e);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -927,10 +924,10 @@ Messenger$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$2a = ["size"];
+var _excluded$2d = ["size"];
 var Meta$1 = function Meta(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$2a);
+    other = _objectWithoutProperties(_ref, _excluded$2d);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -945,10 +942,10 @@ Meta$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$29 = ["size"];
+var _excluded$2c = ["size"];
 var Microsoft$1 = function Microsoft(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$29);
+    other = _objectWithoutProperties(_ref, _excluded$2c);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -963,10 +960,10 @@ Microsoft$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$28 = ["size"];
+var _excluded$2b = ["size"];
 var More2$1 = function More2(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$28);
+    other = _objectWithoutProperties(_ref, _excluded$2b);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -981,10 +978,10 @@ More2$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$27 = ["size"];
+var _excluded$2a = ["size"];
 var Netflix$1 = function Netflix(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$27);
+    other = _objectWithoutProperties(_ref, _excluded$2a);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -999,10 +996,10 @@ Netflix$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$26 = ["size"];
+var _excluded$29 = ["size"];
 var Notion$1 = function Notion(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$26);
+    other = _objectWithoutProperties(_ref, _excluded$29);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1017,10 +1014,10 @@ Notion$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$25 = ["size"];
+var _excluded$28 = ["size"];
 var Npmjs$1 = function Npmjs(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$25);
+    other = _objectWithoutProperties(_ref, _excluded$28);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1035,10 +1032,10 @@ Npmjs$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$24 = ["size"];
+var _excluded$27 = ["size"];
 var Openai$1 = function Openai(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$24);
+    other = _objectWithoutProperties(_ref, _excluded$27);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1053,10 +1050,10 @@ Openai$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$23 = ["size"];
+var _excluded$26 = ["size"];
 var OpenSource$1 = function OpenSource(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$23);
+    other = _objectWithoutProperties(_ref, _excluded$26);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1071,10 +1068,10 @@ OpenSource$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$22 = ["size"];
+var _excluded$25 = ["size"];
 var Paypal$1 = function Paypal(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$22);
+    other = _objectWithoutProperties(_ref, _excluded$25);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1089,10 +1086,10 @@ Paypal$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$21 = ["size"];
+var _excluded$24 = ["size"];
 var Pinterest$1 = function Pinterest(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$21);
+    other = _objectWithoutProperties(_ref, _excluded$24);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1107,10 +1104,10 @@ Pinterest$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$20 = ["size"];
+var _excluded$23 = ["size"];
 var ProductHunt$1 = function ProductHunt(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$20);
+    other = _objectWithoutProperties(_ref, _excluded$23);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1125,10 +1122,10 @@ ProductHunt$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1$ = ["size"];
+var _excluded$22 = ["size"];
 var Reddit$1 = function Reddit(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1$);
+    other = _objectWithoutProperties(_ref, _excluded$22);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1143,10 +1140,10 @@ Reddit$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1_ = ["size"];
+var _excluded$21 = ["size"];
 var Safari$1 = function Safari(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1_);
+    other = _objectWithoutProperties(_ref, _excluded$21);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1161,10 +1158,10 @@ Safari$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1Z = ["size"];
+var _excluded$20 = ["size"];
 var Skype$1 = function Skype(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1Z);
+    other = _objectWithoutProperties(_ref, _excluded$20);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1179,10 +1176,10 @@ Skype$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1Y = ["size"];
+var _excluded$1$ = ["size"];
 var Slack$1 = function Slack(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1Y);
+    other = _objectWithoutProperties(_ref, _excluded$1$);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1197,10 +1194,10 @@ Slack$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1X = ["size"];
+var _excluded$1_ = ["size"];
 var Snapchat$1 = function Snapchat(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1X);
+    other = _objectWithoutProperties(_ref, _excluded$1_);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1215,10 +1212,10 @@ Snapchat$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1W = ["size"];
+var _excluded$1Z = ["size"];
 var Spotify$1 = function Spotify(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1W);
+    other = _objectWithoutProperties(_ref, _excluded$1Z);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1233,10 +1230,10 @@ Spotify$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1V = ["size"];
+var _excluded$1Y = ["size"];
 var StackOverflow$1 = function StackOverflow(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1V);
+    other = _objectWithoutProperties(_ref, _excluded$1Y);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1251,10 +1248,10 @@ StackOverflow$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1U = ["size"];
+var _excluded$1X = ["size"];
 var Supabase$1 = function Supabase(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1U);
+    other = _objectWithoutProperties(_ref, _excluded$1X);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1269,10 +1266,10 @@ Supabase$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1T = ["size"];
+var _excluded$1W = ["size"];
 var Telegram$1 = function Telegram(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1T);
+    other = _objectWithoutProperties(_ref, _excluded$1W);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1287,10 +1284,10 @@ Telegram$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1S = ["size"];
+var _excluded$1V = ["size"];
 var Threads$1 = function Threads(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1S);
+    other = _objectWithoutProperties(_ref, _excluded$1V);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1305,10 +1302,10 @@ Threads$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1R = ["size"];
+var _excluded$1U = ["size"];
 var Tiktok$1 = function Tiktok(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1R);
+    other = _objectWithoutProperties(_ref, _excluded$1U);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1323,10 +1320,10 @@ Tiktok$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1Q = ["size"];
+var _excluded$1T = ["size"];
 var Trello$1 = function Trello(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1Q);
+    other = _objectWithoutProperties(_ref, _excluded$1T);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1341,10 +1338,10 @@ Trello$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1P = ["size"];
+var _excluded$1S = ["size"];
 var Tumblr$1 = function Tumblr(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1P);
+    other = _objectWithoutProperties(_ref, _excluded$1S);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1359,10 +1356,10 @@ Tumblr$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1O = ["size"];
+var _excluded$1R = ["size"];
 var Twitter$1 = function Twitter(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1O);
+    other = _objectWithoutProperties(_ref, _excluded$1R);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1377,10 +1374,10 @@ Twitter$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1N = ["size"];
+var _excluded$1Q = ["size"];
 var TwitterX$1 = function TwitterX(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1N);
+    other = _objectWithoutProperties(_ref, _excluded$1Q);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1395,10 +1392,10 @@ TwitterX$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1M = ["size"];
+var _excluded$1P = ["size"];
 var Ubuntu$1 = function Ubuntu(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1M);
+    other = _objectWithoutProperties(_ref, _excluded$1P);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1413,10 +1410,10 @@ Ubuntu$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1L = ["size"];
+var _excluded$1O = ["size"];
 var Unsplash$1 = function Unsplash(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1L);
+    other = _objectWithoutProperties(_ref, _excluded$1O);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1431,10 +1428,10 @@ Unsplash$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1K = ["size"];
+var _excluded$1N = ["size"];
 var Vimeo$1 = function Vimeo(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1K);
+    other = _objectWithoutProperties(_ref, _excluded$1N);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1449,10 +1446,10 @@ Vimeo$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1J = ["size"];
+var _excluded$1M = ["size"];
 var Visa$1 = function Visa(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1J);
+    other = _objectWithoutProperties(_ref, _excluded$1M);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1467,10 +1464,10 @@ Visa$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1I = ["size"];
+var _excluded$1L = ["size"];
 var Wechat$1 = function Wechat(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1I);
+    other = _objectWithoutProperties(_ref, _excluded$1L);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1485,10 +1482,10 @@ Wechat$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1H = ["size"];
+var _excluded$1K = ["size"];
 var Wechat2$1 = function Wechat2(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1H);
+    other = _objectWithoutProperties(_ref, _excluded$1K);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1503,10 +1500,10 @@ Wechat2$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1G = ["size"];
+var _excluded$1J = ["size"];
 var Whatsapp$1 = function Whatsapp(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1G);
+    other = _objectWithoutProperties(_ref, _excluded$1J);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1521,10 +1518,10 @@ Whatsapp$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1F = ["size"];
+var _excluded$1I = ["size"];
 var Windows$1 = function Windows(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1F);
+    other = _objectWithoutProperties(_ref, _excluded$1I);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1539,10 +1536,10 @@ Windows$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1E = ["size"];
+var _excluded$1H = ["size"];
 var Wordpress$1 = function Wordpress(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1E);
+    other = _objectWithoutProperties(_ref, _excluded$1H);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1557,10 +1554,10 @@ Wordpress$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1D = ["size"];
+var _excluded$1G = ["size"];
 var Xbox$1 = function Xbox(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1D);
+    other = _objectWithoutProperties(_ref, _excluded$1G);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1575,10 +1572,10 @@ Xbox$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1C = ["size"];
+var _excluded$1F = ["size"];
 var Youtube$1 = function Youtube(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1C);
+    other = _objectWithoutProperties(_ref, _excluded$1F);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -1593,10 +1590,10 @@ Youtube$1.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1B = ["size"];
+var _excluded$1E = ["size"];
 var Zcool$1 = function Zcool(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1B);
+    other = _objectWithoutProperties(_ref, _excluded$1E);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -2889,10 +2886,10 @@ _curry2(function pickBy(test, obj) {
   return result;
 });
 
-var _excluded$1A = ["size"];
+var _excluded$1D = ["size"];
 var Alipay = function Alipay(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1A);
+    other = _objectWithoutProperties(_ref, _excluded$1D);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -2907,10 +2904,10 @@ Alipay.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1z = ["size"];
+var _excluded$1C = ["size"];
 var Amazon = function Amazon(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1z);
+    other = _objectWithoutProperties(_ref, _excluded$1C);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -2925,10 +2922,10 @@ Amazon.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1y = ["size"];
+var _excluded$1B = ["size"];
 var Android = function Android(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1y);
+    other = _objectWithoutProperties(_ref, _excluded$1B);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -2943,10 +2940,10 @@ Android.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1x = ["size"];
+var _excluded$1A = ["size"];
 var Apple = function Apple(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1x);
+    other = _objectWithoutProperties(_ref, _excluded$1A);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -2961,10 +2958,10 @@ Apple.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1w = ["size"];
+var _excluded$1z = ["size"];
 var AppStore = function AppStore(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1w);
+    other = _objectWithoutProperties(_ref, _excluded$1z);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -2979,10 +2976,10 @@ AppStore.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1v = ["size"];
+var _excluded$1y = ["size"];
 var ArrowDown = function ArrowDown(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1v);
+    other = _objectWithoutProperties(_ref, _excluded$1y);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -2997,10 +2994,10 @@ ArrowDown.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1u = ["size"];
+var _excluded$1x = ["size"];
 var ArrowDownS = function ArrowDownS(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1u);
+    other = _objectWithoutProperties(_ref, _excluded$1x);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3015,10 +3012,10 @@ ArrowDownS.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1t = ["size"];
+var _excluded$1w = ["size"];
 var ArrowLeft = function ArrowLeft(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1t);
+    other = _objectWithoutProperties(_ref, _excluded$1w);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3033,10 +3030,10 @@ ArrowLeft.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1s = ["size"];
+var _excluded$1v = ["size"];
 var ArrowLeftS = function ArrowLeftS(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1s);
+    other = _objectWithoutProperties(_ref, _excluded$1v);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3051,10 +3048,10 @@ ArrowLeftS.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1r = ["size"];
+var _excluded$1u = ["size"];
 var ArrowRight = function ArrowRight(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1r);
+    other = _objectWithoutProperties(_ref, _excluded$1u);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3069,10 +3066,10 @@ ArrowRight.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1q = ["size"];
+var _excluded$1t = ["size"];
 var ArrowRightS = function ArrowRightS(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1q);
+    other = _objectWithoutProperties(_ref, _excluded$1t);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3087,10 +3084,10 @@ ArrowRightS.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1p = ["size"];
+var _excluded$1s = ["size"];
 var ArrowUp = function ArrowUp(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1p);
+    other = _objectWithoutProperties(_ref, _excluded$1s);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3105,10 +3102,10 @@ ArrowUp.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1o = ["size"];
+var _excluded$1r = ["size"];
 var ArrowUpS = function ArrowUpS(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1o);
+    other = _objectWithoutProperties(_ref, _excluded$1r);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3123,10 +3120,10 @@ ArrowUpS.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1n = ["size"];
+var _excluded$1q = ["size"];
 var Baidu = function Baidu(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1n);
+    other = _objectWithoutProperties(_ref, _excluded$1q);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3141,10 +3138,10 @@ Baidu.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1m = ["size"];
+var _excluded$1p = ["size"];
 var Bard = function Bard(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1m);
+    other = _objectWithoutProperties(_ref, _excluded$1p);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3159,10 +3156,10 @@ Bard.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1l = ["size"];
+var _excluded$1o = ["size"];
 var Behance = function Behance(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1l);
+    other = _objectWithoutProperties(_ref, _excluded$1o);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3177,10 +3174,10 @@ Behance.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1k = ["size"];
+var _excluded$1n = ["size"];
 var Blender = function Blender(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1k);
+    other = _objectWithoutProperties(_ref, _excluded$1n);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3195,10 +3192,10 @@ Blender.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1j = ["size"];
+var _excluded$1m = ["size"];
 var Check = function Check(_ref) {
   var size = _ref.size,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1j);
+    otherProps = _objectWithoutProperties(_ref, _excluded$1m);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3214,10 +3211,10 @@ Check.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1i = ["size"];
+var _excluded$1l = ["size"];
 var Chrome = function Chrome(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1i);
+    other = _objectWithoutProperties(_ref, _excluded$1l);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3232,10 +3229,10 @@ Chrome.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1h = ["size"];
+var _excluded$1k = ["size"];
 var Close = function Close(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1h);
+    other = _objectWithoutProperties(_ref, _excluded$1k);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3250,10 +3247,10 @@ Close.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1g = ["size"];
+var _excluded$1j = ["size"];
 var Discord = function Discord(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1g);
+    other = _objectWithoutProperties(_ref, _excluded$1j);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3268,10 +3265,10 @@ Discord.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1f = ["size"];
+var _excluded$1i = ["size"];
 var Dribbble = function Dribbble(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1f);
+    other = _objectWithoutProperties(_ref, _excluded$1i);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3286,10 +3283,10 @@ Dribbble.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1e = ["size"];
+var _excluded$1h = ["size"];
 var Drive = function Drive(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1e);
+    other = _objectWithoutProperties(_ref, _excluded$1h);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3304,10 +3301,10 @@ Drive.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1d = ["size"];
+var _excluded$1g = ["size"];
 var Dropbox = function Dropbox(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1d);
+    other = _objectWithoutProperties(_ref, _excluded$1g);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3322,10 +3319,10 @@ Dropbox.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1c = ["size"];
+var _excluded$1f = ["size"];
 var Edge = function Edge(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1c);
+    other = _objectWithoutProperties(_ref, _excluded$1f);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3340,10 +3337,10 @@ Edge.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1b = ["size"];
+var _excluded$1e = ["size"];
 var Facebook = function Facebook(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1b);
+    other = _objectWithoutProperties(_ref, _excluded$1e);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3358,10 +3355,10 @@ Facebook.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$1a = ["size"];
+var _excluded$1d = ["size"];
 var FacebookCircle = function FacebookCircle(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$1a);
+    other = _objectWithoutProperties(_ref, _excluded$1d);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3376,10 +3373,10 @@ FacebookCircle.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$19 = ["size"];
+var _excluded$1c = ["size"];
 var Firefox = function Firefox(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$19);
+    other = _objectWithoutProperties(_ref, _excluded$1c);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3394,10 +3391,10 @@ Firefox.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$18 = ["size"];
+var _excluded$1b = ["size"];
 var Flickr = function Flickr(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$18);
+    other = _objectWithoutProperties(_ref, _excluded$1b);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3412,10 +3409,10 @@ Flickr.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$17 = ["size"];
+var _excluded$1a = ["size"];
 var Github = function Github(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$17);
+    other = _objectWithoutProperties(_ref, _excluded$1a);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3430,10 +3427,10 @@ Github.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$16 = ["size"];
+var _excluded$19 = ["size"];
 var Gitlab = function Gitlab(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$16);
+    other = _objectWithoutProperties(_ref, _excluded$19);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3448,10 +3445,10 @@ Gitlab.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$15 = ["size"];
+var _excluded$18 = ["size"];
 var Google = function Google(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$15);
+    other = _objectWithoutProperties(_ref, _excluded$18);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3466,10 +3463,10 @@ Google.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$14 = ["size"];
+var _excluded$17 = ["size"];
 var GooglePlay = function GooglePlay(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$14);
+    other = _objectWithoutProperties(_ref, _excluded$17);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3484,10 +3481,10 @@ GooglePlay.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$13 = ["size"];
+var _excluded$16 = ["size"];
 var Ie = function Ie(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$13);
+    other = _objectWithoutProperties(_ref, _excluded$16);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3502,10 +3499,10 @@ Ie.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$12 = ["size"];
+var _excluded$15 = ["size"];
 var Instagram = function Instagram(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$12);
+    other = _objectWithoutProperties(_ref, _excluded$15);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3520,10 +3517,10 @@ Instagram.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$11 = ["size"];
+var _excluded$14 = ["size"];
 var Kick = function Kick(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$11);
+    other = _objectWithoutProperties(_ref, _excluded$14);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3538,10 +3535,10 @@ Kick.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$10 = ["size"];
+var _excluded$13 = ["size"];
 var Linkedin = function Linkedin(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$10);
+    other = _objectWithoutProperties(_ref, _excluded$13);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3556,10 +3553,10 @@ Linkedin.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$$ = ["size"];
+var _excluded$12 = ["size"];
 var LinkedinBox = function LinkedinBox(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$$);
+    other = _objectWithoutProperties(_ref, _excluded$12);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3574,10 +3571,10 @@ LinkedinBox.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$_ = ["size"];
+var _excluded$11 = ["size"];
 var MapPin = function MapPin(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$_);
+    other = _objectWithoutProperties(_ref, _excluded$11);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3592,10 +3589,10 @@ MapPin.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$Z = ["size"];
+var _excluded$10 = ["size"];
 var MapPin2 = function MapPin2(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$Z);
+    other = _objectWithoutProperties(_ref, _excluded$10);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3610,10 +3607,10 @@ MapPin2.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$Y = ["size"];
+var _excluded$$ = ["size"];
 var MapPinUser = function MapPinUser(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$Y);
+    other = _objectWithoutProperties(_ref, _excluded$$);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3628,10 +3625,10 @@ MapPinUser.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$X = ["size"];
+var _excluded$_ = ["size"];
 var Medium = function Medium(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$X);
+    other = _objectWithoutProperties(_ref, _excluded$_);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3646,10 +3643,10 @@ Medium.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$W = ["size"];
+var _excluded$Z = ["size"];
 var Menu = function Menu(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$W);
+    other = _objectWithoutProperties(_ref, _excluded$Z);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3664,10 +3661,10 @@ Menu.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$V = ["size"];
+var _excluded$Y = ["size"];
 var Messenger = function Messenger(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$V);
+    other = _objectWithoutProperties(_ref, _excluded$Y);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3682,10 +3679,10 @@ Messenger.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$U = ["size"];
+var _excluded$X = ["size"];
 var Meta = function Meta(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$U);
+    other = _objectWithoutProperties(_ref, _excluded$X);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3700,10 +3697,10 @@ Meta.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$T = ["size"];
+var _excluded$W = ["size"];
 var Microsoft = function Microsoft(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$T);
+    other = _objectWithoutProperties(_ref, _excluded$W);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3718,10 +3715,10 @@ Microsoft.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$S = ["size"];
+var _excluded$V = ["size"];
 var More2 = function More2(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$S);
+    other = _objectWithoutProperties(_ref, _excluded$V);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3736,10 +3733,10 @@ More2.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$R = ["size"];
+var _excluded$U = ["size"];
 var Netflix = function Netflix(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$R);
+    other = _objectWithoutProperties(_ref, _excluded$U);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3754,10 +3751,10 @@ Netflix.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$Q = ["size"];
+var _excluded$T = ["size"];
 var Notion = function Notion(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$Q);
+    other = _objectWithoutProperties(_ref, _excluded$T);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3772,10 +3769,10 @@ Notion.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$P = ["size"];
+var _excluded$S = ["size"];
 var Npmjs = function Npmjs(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$P);
+    other = _objectWithoutProperties(_ref, _excluded$S);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3790,10 +3787,10 @@ Npmjs.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$O = ["size"];
+var _excluded$R = ["size"];
 var Openai = function Openai(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$O);
+    other = _objectWithoutProperties(_ref, _excluded$R);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3808,10 +3805,10 @@ Openai.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$N = ["size"];
+var _excluded$Q = ["size"];
 var OpenSource = function OpenSource(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$N);
+    other = _objectWithoutProperties(_ref, _excluded$Q);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3826,10 +3823,10 @@ OpenSource.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$M = ["size"];
+var _excluded$P = ["size"];
 var Paypal = function Paypal(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$M);
+    other = _objectWithoutProperties(_ref, _excluded$P);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3844,10 +3841,10 @@ Paypal.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$L = ["size"];
+var _excluded$O = ["size"];
 var Pinterest = function Pinterest(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$L);
+    other = _objectWithoutProperties(_ref, _excluded$O);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3862,10 +3859,10 @@ Pinterest.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$K = ["size"];
+var _excluded$N = ["size"];
 var ProductHunt = function ProductHunt(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$K);
+    other = _objectWithoutProperties(_ref, _excluded$N);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3880,10 +3877,10 @@ ProductHunt.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$J = ["size"];
+var _excluded$M = ["size"];
 var Reddit = function Reddit(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$J);
+    other = _objectWithoutProperties(_ref, _excluded$M);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3898,10 +3895,10 @@ Reddit.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$I = ["size"];
+var _excluded$L = ["size"];
 var Safari = function Safari(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$I);
+    other = _objectWithoutProperties(_ref, _excluded$L);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3916,10 +3913,10 @@ Safari.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$H = ["size"];
+var _excluded$K = ["size"];
 var Skype = function Skype(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$H);
+    other = _objectWithoutProperties(_ref, _excluded$K);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3934,10 +3931,10 @@ Skype.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$G = ["size"];
+var _excluded$J = ["size"];
 var Slack = function Slack(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$G);
+    other = _objectWithoutProperties(_ref, _excluded$J);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3952,10 +3949,10 @@ Slack.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$F = ["size"];
+var _excluded$I = ["size"];
 var Snapchat = function Snapchat(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$F);
+    other = _objectWithoutProperties(_ref, _excluded$I);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3970,10 +3967,10 @@ Snapchat.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$E = ["size"];
+var _excluded$H = ["size"];
 var Spotify = function Spotify(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$E);
+    other = _objectWithoutProperties(_ref, _excluded$H);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -3988,10 +3985,10 @@ Spotify.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$D = ["size"];
+var _excluded$G = ["size"];
 var StackOverflow = function StackOverflow(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$D);
+    other = _objectWithoutProperties(_ref, _excluded$G);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4006,10 +4003,10 @@ StackOverflow.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$C = ["size"];
+var _excluded$F = ["size"];
 var Supabase = function Supabase(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$C);
+    other = _objectWithoutProperties(_ref, _excluded$F);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4024,10 +4021,10 @@ Supabase.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$B = ["size"];
+var _excluded$E = ["size"];
 var Telegram = function Telegram(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$B);
+    other = _objectWithoutProperties(_ref, _excluded$E);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4042,10 +4039,10 @@ Telegram.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$A = ["size"];
+var _excluded$D = ["size"];
 var Threads = function Threads(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$A);
+    other = _objectWithoutProperties(_ref, _excluded$D);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4060,10 +4057,10 @@ Threads.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$z = ["size"];
+var _excluded$C = ["size"];
 var Tiktok = function Tiktok(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$z);
+    other = _objectWithoutProperties(_ref, _excluded$C);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4078,10 +4075,10 @@ Tiktok.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$y = ["size"];
+var _excluded$B = ["size"];
 var Trello = function Trello(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$y);
+    other = _objectWithoutProperties(_ref, _excluded$B);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4096,10 +4093,10 @@ Trello.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$x = ["size"];
+var _excluded$A = ["size"];
 var Tumblr = function Tumblr(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$x);
+    other = _objectWithoutProperties(_ref, _excluded$A);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4114,10 +4111,10 @@ Tumblr.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$w = ["size"];
+var _excluded$z = ["size"];
 var Twitter = function Twitter(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$w);
+    other = _objectWithoutProperties(_ref, _excluded$z);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4132,10 +4129,10 @@ Twitter.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$v = ["size"];
+var _excluded$y = ["size"];
 var TwitterX = function TwitterX(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$v);
+    other = _objectWithoutProperties(_ref, _excluded$y);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4150,10 +4147,10 @@ TwitterX.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$u = ["size"];
+var _excluded$x = ["size"];
 var Ubuntu = function Ubuntu(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$u);
+    other = _objectWithoutProperties(_ref, _excluded$x);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4168,10 +4165,10 @@ Ubuntu.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$t = ["size"];
+var _excluded$w = ["size"];
 var Unsplash = function Unsplash(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$t);
+    other = _objectWithoutProperties(_ref, _excluded$w);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4186,10 +4183,10 @@ Unsplash.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$s = ["size"];
+var _excluded$v = ["size"];
 var Vimeo = function Vimeo(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$s);
+    other = _objectWithoutProperties(_ref, _excluded$v);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4204,10 +4201,10 @@ Vimeo.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$r = ["size"];
+var _excluded$u = ["size"];
 var Visa = function Visa(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$r);
+    other = _objectWithoutProperties(_ref, _excluded$u);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4222,10 +4219,10 @@ Visa.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$q = ["size"];
+var _excluded$t = ["size"];
 var Wechat = function Wechat(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$q);
+    other = _objectWithoutProperties(_ref, _excluded$t);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4240,10 +4237,10 @@ Wechat.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$p = ["size"];
+var _excluded$s = ["size"];
 var Wechat2 = function Wechat2(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$p);
+    other = _objectWithoutProperties(_ref, _excluded$s);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4258,10 +4255,10 @@ Wechat2.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$o = ["size"];
+var _excluded$r = ["size"];
 var Whatsapp = function Whatsapp(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$o);
+    other = _objectWithoutProperties(_ref, _excluded$r);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4276,10 +4273,10 @@ Whatsapp.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$n = ["size"];
+var _excluded$q = ["size"];
 var Windows = function Windows(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$n);
+    other = _objectWithoutProperties(_ref, _excluded$q);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4294,10 +4291,10 @@ Windows.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$m = ["size"];
+var _excluded$p = ["size"];
 var Wordpress = function Wordpress(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$m);
+    other = _objectWithoutProperties(_ref, _excluded$p);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4312,10 +4309,10 @@ Wordpress.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$l = ["size"];
+var _excluded$o = ["size"];
 var Xbox = function Xbox(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$l);
+    other = _objectWithoutProperties(_ref, _excluded$o);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4330,10 +4327,10 @@ Xbox.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$k = ["size"];
+var _excluded$n = ["size"];
 var Youtube = function Youtube(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$k);
+    other = _objectWithoutProperties(_ref, _excluded$n);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4348,10 +4345,10 @@ Youtube.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$j = ["size"];
+var _excluded$m = ["size"];
 var Zcool = function Zcool(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties(_ref, _excluded$j);
+    other = _objectWithoutProperties(_ref, _excluded$m);
   return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     height: size,
     viewBox: "0 0 24 24",
@@ -4456,7 +4453,7 @@ var YOUTUBE_URL_REGEXP = /^((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube\.com|you
 var VIMEO_URL_REGEXP = /((?:http|https):\/\/)?(www\.|player\.)?vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|(?:manage\/)?videos?\/|)(\d+)(?:(?:\/|\?h=)(\w+))?(?:|\/\?)/;
 var LOOM_URL_REGEXP = /((?:http|https):\/\/)?(www\.)?loom\.com\/(share|embed)\/((?:\w|\d|-)*)\/?(?:\?(?:t=)?(\d+)?)?/;
 
-var _excluded$i = ["name", "type", "color"];
+var _excluded$l = ["name", "type", "color"];
 var getUniqueKey = function getUniqueKey() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -4467,7 +4464,7 @@ var renderIcon = function renderIcon(_ref) {
   var name = _ref.name,
     type = _ref.type,
     color = _ref.color,
-    otherProps = _objectWithoutProperties(_ref, _excluded$i);
+    otherProps = _objectWithoutProperties(_ref, _excluded$l);
   if (type === "filled") {
     var FilledIcon = FilledIcons[name];
     return /*#__PURE__*/React__default.createElement(FilledIcon, _extends$2({
@@ -4641,8 +4638,8 @@ var isEditorEmpty = function isEditorEmpty(htmlContent) {
   return isNotPresent(htmlContent.replace(/<[^>]*>/g, ""));
 };
 
-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$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 StyledWrapper = styled.div.attrs(function (props) {
   return {
     className: generateResponsiveStyles(props.design)
@@ -4666,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$7({
+  var backgroundStyles = _objectSpread$9({
     position: "relative",
     zIndex: 0
   }, backgroundImage.src ? {
-    "&::before": _objectSpread$7({
+    "&::before": _objectSpread$9({
       content: "''",
       position: "absolute",
       top: 0,
@@ -14151,14 +14148,15 @@ var StyledAnchor = styled.a.attrs(function (props) {
     percentage = _ref$percentage === void 0 ? 0.08 : _ref$percentage,
     _ref$isButton = _ref.isButton,
     isButton = _ref$isButton === void 0 ? false : _ref$isButton,
-    isHighlighted = _ref.isHighlighted;
+    isHighlighted = _ref.isHighlighted,
+    disableHovering = _ref.disableHovering;
   var borderColors = {
     borderColor: (_design$border = design.border) === null || _design$border === void 0 ? void 0 : _design$border.borderColor,
     borderStyle: (_design$border2 = design.border) === null || _design$border2 === void 0 ? void 0 : _design$border2.borderStyle,
     borderWidth: (_design$border3 = design.border) === null || _design$border3 === void 0 ? void 0 : _design$border3.borderWidth
   };
   var borderColorStyles = pickBy(identity, borderColors);
-  var anchorStyles = {
+  var anchorStyles = disableHovering ? {} : {
     color: isHighlighted ? blendColors({
       color0: design.color,
       color1: "#0e19e8",
@@ -14201,6 +14199,32 @@ var StyledAnchor = styled.a.attrs(function (props) {
   return mergeAll([design, borderColorStyles, anchorStyles]);
 });
 
+var DropdownWrapper = styled.div(function (_ref) {
+  var index = _ref.index,
+    height = _ref.height,
+    totalLength = _ref.totalLength;
+  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
+    }
+  }
+
+  var isLargeScreen = currentSize === "desktop" || currentSize === "largeDesktop";
+  return isLargeScreen ? {
+    right: cumulativeWidth,
+    position: "absolute",
+    height: height
+  } : {};
+});
+
 var withConditionalRender = function withConditionalRender(Component, condition) {
   var ConditionalRender = function ConditionalRender(props) {
     return condition(props) && /*#__PURE__*/React__default.createElement(Component, props);
@@ -15360,14 +15384,14 @@ var PaginationWrapper = styled.div.attrs(function (_ref) {
   return (design === null || design === void 0 ? void 0 : design.paginationButtonActiveColor) || "#1F2433";
 });
 
-var _excluded$h = ["enableAnimation", "children", "duration"];
+var _excluded$k = ["enableAnimation", "children", "duration"];
 var MotionStyledWrapper = motion(StyledWrapper);
 var MotionWrapper = function MotionWrapper(_ref) {
   var enableAnimation = _ref.enableAnimation,
     children = _ref.children,
     _ref$duration = _ref.duration,
     duration = _ref$duration === void 0 ? 0.5 : _ref$duration,
-    otherProps = _objectWithoutProperties(_ref, _excluded$h);
+    otherProps = _objectWithoutProperties(_ref, _excluded$k);
   return /*#__PURE__*/React__default.createElement(MotionStyledWrapper, _extends$2({
     initial: enableAnimation ? {
       opacity: 0
@@ -15384,7 +15408,7 @@ var MotionWrapper = function MotionWrapper(_ref) {
   }, otherProps), children);
 };
 
-var _excluded$g = ["design", "nestedComponent", "nestedClassName", "enableAnimation", "children"];
+var _excluded$j = ["design", "nestedComponent", "nestedClassName", "enableAnimation", "children"];
 var BlockWrapper = function BlockWrapper(_ref) {
   var design = _ref.design,
     _ref$nestedComponent = _ref.nestedComponent,
@@ -15393,7 +15417,7 @@ var BlockWrapper = function BlockWrapper(_ref) {
     _ref$enableAnimation = _ref.enableAnimation,
     enableAnimation = _ref$enableAnimation === void 0 ? false : _ref$enableAnimation,
     children = _ref.children,
-    otherProps = _objectWithoutProperties(_ref, _excluded$g);
+    otherProps = _objectWithoutProperties(_ref, _excluded$j);
   return /*#__PURE__*/React__default.createElement(StyledWrapper, _extends$2({
     design: mergeDesign(design)
   }, otherProps), /*#__PURE__*/React__default.createElement(Wrapper, {
@@ -15449,8 +15473,12 @@ 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 LinkElement = function LinkElement(_ref) {
-  var to = _ref.to,
+  var _ref$to = _ref.to,
+    to = _ref$to === void 0 ? "" : _ref$to,
     label = _ref.label,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? DEFAULT_LINK_STYLES : _ref$style,
@@ -15470,18 +15498,22 @@ var LinkElement = function LinkElement(_ref) {
     _ref$disableButtonAnd = _ref.disableButtonAndLinks,
     disableButtonAndLinks = _ref$disableButtonAnd === void 0 ? false : _ref$disableButtonAnd,
     _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children;
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$disableHovering = _ref.disableHovering,
+    disableHovering = _ref$disableHovering === void 0 ? false : _ref$disableHovering,
+    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 = {
+  var commonProps = _objectSpread$8({
     className: classnames([baseClass, className]),
     design: style,
     href: to !== null && to !== void 0 ? to : "",
     rel: "noreferrer",
     percentage: 0.1,
-    isHighlighted: isHighlighted
-  };
+    isHighlighted: isHighlighted,
+    disableHovering: disableHovering
+  }, otherProps);
   if (action === "external") {
     return /*#__PURE__*/React__default.createElement(StyledAnchor, _extends$2({}, commonProps, {
       target: "_blank"
@@ -15502,12 +15534,113 @@ var Link = withConditionalRender(LinkElement, function () {
   return !!(prop("label") || prop("icon"));
 });
 
-var _excluded$f = ["isEmbedded", "src", "design"];
+var _excluded$h = ["link", "design", "index", "height", "className", "totalLength"];
+var Dropdown = function Dropdown(_ref) {
+  var link = _ref.link,
+    design = _ref.design,
+    index = _ref.index,
+    height = _ref.height,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    totalLength = _ref.totalLength,
+    otherProps = _objectWithoutProperties(_ref, _excluded$h);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var _useBreakpoints = useBreakpoints$1(),
+    isSize = _useBreakpoints.isSize;
+  var isSmallerScreen = isSize("mobile") || isSize("tablet");
+  var isLargerScreen = isSize("desktop") || isSize("largeDesktop");
+  var label = link.label,
+    subLinks = link.subLinks;
+  var renderDropdownItems = function renderDropdownItems(className) {
+    return subLinks.map(function (subLink, index) {
+      return /*#__PURE__*/React__default.createElement(Link, _extends$2({
+        disableHovering: true,
+        className: classnames("hover:bg-gray-100", className),
+        key: getUniqueKey(subLink.label, subLink.to, index),
+        style: design
+      }, subLink, otherProps));
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(DropdownWrapper, {
+    className: className,
+    height: height,
+    index: index,
+    totalLength: totalLength
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex cursor-pointer items-center justify-between lg:h-full lg:justify-center",
+    id: "dropdown-".concat(index),
+    onClick: function onClick() {
+      return isSmallerScreen && setIsOpen(!isOpen);
+    },
+    onMouseEnter: function onMouseEnter() {
+      return isLargerScreen && setIsOpen(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return isLargerScreen && setIsOpen(false);
+    }
+  }, /*#__PURE__*/React__default.createElement(Link, {
+    label: label,
+    action: isLargerScreen ? "external" : "",
+    as: "h6",
+    style: design
+  }), /*#__PURE__*/React__default.createElement(motion.div, {
+    animate: isOpen && isSmallerScreen ? "open" : "collapsed",
+    transition: {
+      duration: 0.3
+    },
+    variants: {
+      open: {
+        rotate: 180
+      },
+      collapsed: {
+        rotate: 0
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(ArrowDownS$1, {
+    fill: design.color,
+    size: 20
+  }))), isLargerScreen && /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("rounded-b-md border border-gray-200 bg-white", {
+      "fixed flex flex-col": isOpen,
+      hidden: !isOpen
+    }),
+    onMouseEnter: function onMouseEnter() {
+      return isLargerScreen && setIsOpen(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return isLargerScreen && setIsOpen(false);
+    }
+  }, renderDropdownItems("px-4 py-2 hover:bg-gray-100 last:rounded-b-md")), isSmallerScreen && /*#__PURE__*/React__default.createElement("div", {
+    className: "lg:pr-8"
+  }, /*#__PURE__*/React__default.createElement(AnimatePresence, null, isOpen && /*#__PURE__*/React__default.createElement(motion.div, {
+    animate: {
+      opacity: 1,
+      height: "auto"
+    },
+    className: "flex flex-col gap-x-1",
+    exit: {
+      opacity: 0,
+      height: 0
+    },
+    initial: {
+      opacity: 0,
+      height: 0
+    },
+    transition: {
+      duration: 0.3
+    }
+  }, renderDropdownItems("rounded-md px-4 py-2 hover:bg-gray-100")))));
+};
+
+var _excluded$g = ["isEmbedded", "src", "design"];
 var Media = function Media(_ref) {
   var isEmbedded = _ref.isEmbedded,
     src = _ref.src,
     design = _ref.design,
-    otherProps = _objectWithoutProperties(_ref, _excluded$f);
+    otherProps = _objectWithoutProperties(_ref, _excluded$g);
   if (isEmbedded) {
     return /*#__PURE__*/React__default.createElement("iframe", {
       allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
@@ -15628,7 +15761,7 @@ var Toggle = function Toggle(_ref) {
   })));
 };
 
-var _excluded$e = ["style", "component", "className", "isTitle", "children"];
+var _excluded$f = ["style", "component", "className", "isTitle", "children"];
 var Typography = function Typography(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? DEFAULT_TYPOGRAPHY_STYLES : _ref$style,
@@ -15639,7 +15772,7 @@ var Typography = function Typography(_ref) {
     _ref$isTitle = _ref.isTitle,
     isTitle = _ref$isTitle === void 0 ? false : _ref$isTitle,
     children = _ref.children,
-    otherProps = _objectWithoutProperties(_ref, _excluded$e);
+    otherProps = _objectWithoutProperties(_ref, _excluded$f);
   return /*#__PURE__*/React__default.createElement(StyledWrapper, _extends$2({
     as: isTitle ? component : COMPONENTS.div,
     design: style,
@@ -15655,6 +15788,41 @@ 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; }
+var subscribe = function subscribe(listener) {
+  window.addEventListener("resize", listener);
+  return function () {
+    return window.removeEventListener("resize", listener);
+  };
+};
+var getCurrentSize = function getCurrentSize(window, breakpointOverrides) {
+  var innerWidth = window.innerWidth;
+  var sizes = _objectSpread$7({
+    mobile: innerWidth < 768,
+    tablet: innerWidth >= 768 && innerWidth < 1024,
+    desktop: innerWidth >= 1024 && innerWidth < 1280,
+    largeDesktop: innerWidth >= 1280
+  }, breakpointOverrides === null || breakpointOverrides === void 0 ? void 0 : breakpointOverrides(window));
+  return Object.keys(sizes).find(function (breakpoint) {
+    return sizes[breakpoint];
+  }) || "";
+};
+
+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);
+  };
+  var currentSize = useSyncExternalStore(subscribe, getSnapshot);
+  return {
+    currentSize: currentSize,
+    isSize: equals(currentSize)
+  };
+};
+var useBreakpoints$1 = useBreakpoints;
+
 var BlogContent = function BlogContent(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -20771,7 +20939,7 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
   }, button)))));
 };
 
-var _excluded$d = ["configurations", "className", "id"];
+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; }
 var CardsWithImage = function CardsWithImage(_ref) {
@@ -20779,7 +20947,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties(_ref, _excluded$d);
+    otherProps = _objectWithoutProperties(_ref, _excluded$e);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -20862,13 +21030,13 @@ var CardsWithImage = function CardsWithImage(_ref) {
   }, otherProps)))));
 };
 
-var _excluded$c = ["configurations", "className", "id"];
+var _excluded$d = ["configurations", "className", "id"];
 var CtaClassic = function CtaClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties(_ref, _excluded$c);
+    otherProps = _objectWithoutProperties(_ref, _excluded$d);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -38509,13 +38677,13 @@ var CtaWithEmailAction = function CtaWithEmailAction(_ref) {
   }, promotionText));
 };
 
-var _excluded$b = ["configurations", "className", "id"];
+var _excluded$c = ["configurations", "className", "id"];
 var CtaWithLogo = function CtaWithLogo(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties(_ref, _excluded$b);
+    otherProps = _objectWithoutProperties(_ref, _excluded$c);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -39186,7 +39354,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
   })));
 };
 
-var _excluded$a = ["configurations", "className", "id"];
+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; }
 var FooterClassic = function FooterClassic(_ref) {
@@ -39194,7 +39362,7 @@ var FooterClassic = function FooterClassic(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties(_ref, _excluded$a);
+    otherProps = _objectWithoutProperties(_ref, _excluded$b);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -39302,7 +39470,7 @@ var FooterClassic = function FooterClassic(_ref) {
   }, copyrightText));
 };
 
-var _excluded$9 = ["configurations", "className", "id"];
+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; }
 var FooterWithIcons = function FooterWithIcons(_ref) {
@@ -39310,7 +39478,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties(_ref, _excluded$9);
+    otherProps = _objectWithoutProperties(_ref, _excluded$a);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -39366,7 +39534,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
   }, copyrightText));
 };
 
-var _excluded$8 = ["configurations", "className", "id"];
+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; }
 var FooterWithLinks = function FooterWithLinks(_ref) {
@@ -39374,7 +39542,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties(_ref, _excluded$8);
+    otherProps = _objectWithoutProperties(_ref, _excluded$9);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -41532,14 +41700,14 @@ var useElementVisible = function useElementVisible(ref) {
   return isIntersecting;
 };
 
-var _excluded$7 = ["configurations", "className", "currentPath", "id"];
+var _excluded$8 = ["configurations", "className", "currentPath", "id"];
 var HeaderWithButtons = function HeaderWithButtons(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     currentPath = _ref.currentPath,
     id = _ref.id,
-    otherProps = _objectWithoutProperties(_ref, _excluded$7);
+    otherProps = _objectWithoutProperties(_ref, _excluded$8);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isMenuOpen = _useState2[0],
@@ -41609,6 +41777,98 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
   }))));
 };
 
+var _excluded$7 = ["configurations", "className", "id"];
+var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
+  var configurations = _ref.configurations,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    id = _ref.id,
+    otherProps = _objectWithoutProperties(_ref, _excluded$7);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isMenuOpen = _useState2[0],
+    setIsMenuOpen = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    headerHeight = _useState4[0],
+    setHeaderHeight = _useState4[1];
+  var properties = configurations.properties,
+    design = configurations.design;
+  var position = properties.position,
+    buttons = properties.buttons;
+  var headerIntersectorRef = useRef(null);
+  var headerRef = useRef(null);
+  var isHeadingWrapperVisible = useElementVisible(headerIntersectorRef);
+  var baseClasses = "grid grid-cols-12 sm:gap-x-2 items-center grid-flow-row-dense";
+  useEffect(function () {
+    if (!headerRef.current) return;
+    setHeaderHeight(headerRef.current.offsetHeight);
+  }, [design.body]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    ref: headerIntersectorRef
+  }), /*#__PURE__*/React__default.createElement("div", {
+    ref: headerRef
+  }, /*#__PURE__*/React__default.createElement(BlockWrapper, {
+    id: id,
+    design: design.body,
+    nestedClassName: baseClasses,
+    nestedComponent: StyledWrapper,
+    className: classnames("relative z-10", {
+      "neeto-site-sticky-header": position === "sticky",
+      "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
+    }, className)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("col-start-2 ml-3 flex items-center sm:ml-0 sm:gap-x-4 lg:col-span-4 lg:col-start-1", {
+      "col-span-10": isEmpty(buttons),
+      "col-span-4": isNotEmpty(buttons)
+    })
+  }, /*#__PURE__*/React__default.createElement(Link, _extends$2({
+    action: properties.logo.action,
+    className: "flex w-full gap-x-2",
+    to: properties.logo.to
+  }, otherProps), /*#__PURE__*/React__default.createElement(StyledImage$1, {
+    className: "max-h-8 sm:max-h-10 lg:max-h-14",
+    design: design.logo,
+    src: properties.logo.src
+  }), /*#__PURE__*/React__default.createElement(Typography$1, {
+    component: "p",
+    style: design.logoTitle,
+    className: classnames({
+      "hidden sm:flex": properties.logo.src
+    })
+  }, properties.logo.title))), /*#__PURE__*/React__default.createElement("div", {
+    className: "col-span-6 col-start-7 flex items-center justify-end gap-x-6 sm:col-span-5 sm:col-start-8 lg:col-span-7 lg:col-start-6"
+  }, properties.links.map(function (link, index) {
+    return /*#__PURE__*/React__default.createElement(Dropdown, {
+      index: index,
+      link: link,
+      className: "hidden lg:block",
+      design: design.links,
+      height: headerHeight,
+      key: getUniqueKey(link.label, link.to, index),
+      totalLength: properties.links.length
+    });
+  })), /*#__PURE__*/React__default.createElement("button", {
+    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    onClick: function onClick() {
+      return setIsMenuOpen(function (open) {
+        return !open;
+      });
+    }
+  }, /*#__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"
+  }, 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)
+    });
+  })))));
+};
+
 var _excluded$6 = ["configurations", "className", "currentPath", "id"];
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -41891,10 +42151,6 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
     otherProps = _objectWithoutProperties(_ref, _excluded$3);
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeIndex = _useState2[0],
-    setActiveIndex = _useState2[1];
   var swiperRef = useRef(null);
   var properties = configurations.properties,
     design = configurations.design;
@@ -42005,12 +42261,12 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     Icon: ArrowLeftS$1,
     className: "hidden sm:flex",
     design: design.navigationButtons,
-    isActive: activeIndex > 0,
     onClick: function onClick() {
       var _swiperRef$current;
       return (_swiperRef$current = swiperRef.current) === null || _swiperRef$current === void 0 ? void 0 : _swiperRef$current.slidePrev();
     }
   }), /*#__PURE__*/React__default.createElement(Swiper, {
+    loop: true,
     keyboard: {
       enabled: true,
       onlyInViewport: true
@@ -42022,9 +42278,6 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     className: classnames("ns-hero-with-slider", {
       "pointer-events-none": disableButtonAndLinks
     }),
-    onSlideChange: function onSlideChange(swiper) {
-      return setActiveIndex(swiper.activeIndex);
-    },
     onSwiper: function onSwiper(swiper) {
       swiperRef.current = swiper;
     }
@@ -42044,7 +42297,6 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     Icon: ArrowRightS$1,
     className: "hidden sm:flex",
     design: design.navigationButtons,
-    isActive: activeIndex < slides.length - 1,
     onClick: function onClick() {
       var _swiperRef$current2;
       return (_swiperRef$current2 = swiperRef.current) === null || _swiperRef$current2 === void 0 ? void 0 : _swiperRef$current2.slideNext();
@@ -42594,5 +42846,5 @@ var index = /*#__PURE__*/Object.freeze({
 	Outlined: OutlineIcons
 });
 
-export { BlogContent, CardsClassic, CardsInGridView, CardsWithCustomizableGrid, CardsWithImage, CtaClassic, CtaWithEmailAction, CtaWithLogo, index$1 as DESIGN_OPTIONS, Embed, FaqWithHamburgerView as FaqWithAccordion, FeatureWithBulletList, FeatureWithDetails, FeatureWithGrid, FeatureWithImage, FeatureWithJumboText, FeatureWithList, FeatureWithProgressBar, FooterClassic, FooterWithIcons, FooterWithLinks, GalleryClassic, GalleryWithAutoplay, HeaderWithButtons, HeaderWithIcons, HeaderWithLogoTitle, HeroWithCallToAction, HeroWithMultipleLayouts, index as Icons, LogoClouds, Paragraph, PricingInCardView, Slides, TestimonialWithSlider, TestimonialWithVerticalView };
+export { BlogContent, CardsClassic, CardsInGridView, CardsWithCustomizableGrid, CardsWithImage, CtaClassic, CtaWithEmailAction, CtaWithLogo, index$1 as DESIGN_OPTIONS, Embed, FaqWithHamburgerView as FaqWithAccordion, FeatureWithBulletList, FeatureWithDetails, FeatureWithGrid, FeatureWithImage, FeatureWithJumboText, FeatureWithList, FeatureWithProgressBar, FooterClassic, FooterWithIcons, FooterWithLinks, GalleryClassic, GalleryWithAutoplay, HeaderWithButtons, HeaderWithDropdownLinks, HeaderWithIcons, HeaderWithLogoTitle, HeroWithCallToAction, HeroWithMultipleLayouts, index as Icons, LogoClouds, Paragraph, PricingInCardView, Slides, TestimonialWithSlider, TestimonialWithVerticalView };
 //# sourceMappingURL=index.js.map