@bigbinary/neeto-site-blocks 1.5.0 → 1.6.1

package/dist/index.cjs.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _defineProperty$1 = require('@babel/runtime/helpers/defineProperty');
 var styled = require('styled-components');
 var _extends$2 = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty$1 = require('@babel/runtime/helpers/defineProperty');
 var neetoCist = require('@bigbinary/neeto-cist');
 var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var reactFrameComponent = require('react-frame-component');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var require$$1 = require('util');
@@ -47,13 +48,13 @@ function _interopNamespace(e) {
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$1);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$1);
 var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var require$$1__default = /*#__PURE__*/_interopDefaultLegacy(require$$1);
@@ -133,38 +134,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__default["default"](Icon)(function () {
     return {
-      borderColor: borderColor
+      borderColor: (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433"
     };
   });
   return /*#__PURE__*/React__default["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["default"].createElement(StyledIcon, {
     className: "rounded-full border p-1",
-    size: 27,
-    fill: classnames((_classnames = {}, _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", isActive), _defineProperty__default["default"](_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__default["default"](_ref, _excluded$2T);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2W);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -179,10 +176,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__default["default"](_ref, _excluded$2S);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2V);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -197,10 +194,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__default["default"](_ref, _excluded$2R);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2U);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -215,10 +212,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__default["default"](_ref, _excluded$2Q);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2T);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -233,10 +230,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__default["default"](_ref, _excluded$2P);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2S);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -251,10 +248,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__default["default"](_ref, _excluded$2O);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2R);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -269,10 +266,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__default["default"](_ref, _excluded$2N);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2Q);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -287,10 +284,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__default["default"](_ref, _excluded$2M);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2P);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -305,10 +302,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__default["default"](_ref, _excluded$2L);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2O);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -323,10 +320,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__default["default"](_ref, _excluded$2K);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2N);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -341,10 +338,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__default["default"](_ref, _excluded$2J);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2M);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -359,10 +356,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__default["default"](_ref, _excluded$2I);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2L);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -377,10 +374,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__default["default"](_ref, _excluded$2H);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2K);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -395,10 +392,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__default["default"](_ref, _excluded$2G);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2J);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -413,10 +410,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__default["default"](_ref, _excluded$2F);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2I);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -431,10 +428,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__default["default"](_ref, _excluded$2E);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2H);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -449,10 +446,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__default["default"](_ref, _excluded$2D);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2G);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -467,10 +464,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__default["default"](_ref, _excluded$2C);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$2F);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -486,10 +483,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__default["default"](_ref, _excluded$2B);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$2E);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -505,10 +502,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__default["default"](_ref, _excluded$2A);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2D);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -523,10 +520,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__default["default"](_ref, _excluded$2z);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2C);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -541,10 +538,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__default["default"](_ref, _excluded$2y);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2B);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -559,10 +556,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__default["default"](_ref, _excluded$2x);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2A);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -577,10 +574,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__default["default"](_ref, _excluded$2w);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2z);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -595,10 +592,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__default["default"](_ref, _excluded$2v);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2y);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -613,10 +610,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__default["default"](_ref, _excluded$2u);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2x);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -631,10 +628,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__default["default"](_ref, _excluded$2t);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2w);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -649,10 +646,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__default["default"](_ref, _excluded$2s);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2v);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -667,10 +664,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__default["default"](_ref, _excluded$2r);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2u);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -685,10 +682,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__default["default"](_ref, _excluded$2q);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2t);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -703,10 +700,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__default["default"](_ref, _excluded$2p);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2s);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -721,10 +718,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__default["default"](_ref, _excluded$2o);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2r);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -739,10 +736,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__default["default"](_ref, _excluded$2n);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2q);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -757,10 +754,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__default["default"](_ref, _excluded$2m);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2p);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -775,10 +772,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__default["default"](_ref, _excluded$2l);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2o);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -793,10 +790,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__default["default"](_ref, _excluded$2k);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2n);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -811,10 +808,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__default["default"](_ref, _excluded$2j);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2m);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -829,10 +826,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__default["default"](_ref, _excluded$2i);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2l);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -847,10 +844,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__default["default"](_ref, _excluded$2h);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2k);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -865,10 +862,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__default["default"](_ref, _excluded$2g);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2j);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -883,10 +880,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__default["default"](_ref, _excluded$2f);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2i);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -901,10 +898,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__default["default"](_ref, _excluded$2e);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2h);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -919,10 +916,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__default["default"](_ref, _excluded$2d);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2g);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -937,10 +934,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__default["default"](_ref, _excluded$2c);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2f);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -955,10 +952,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__default["default"](_ref, _excluded$2b);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2e);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -973,10 +970,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__default["default"](_ref, _excluded$2a);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2d);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -991,10 +988,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__default["default"](_ref, _excluded$29);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2c);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1009,10 +1006,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__default["default"](_ref, _excluded$28);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2b);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1027,10 +1024,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__default["default"](_ref, _excluded$27);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$2a);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1045,10 +1042,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__default["default"](_ref, _excluded$26);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$29);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1063,10 +1060,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__default["default"](_ref, _excluded$25);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$28);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1081,10 +1078,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__default["default"](_ref, _excluded$24);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$27);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1099,10 +1096,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__default["default"](_ref, _excluded$23);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$26);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1117,10 +1114,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__default["default"](_ref, _excluded$22);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$25);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1135,10 +1132,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__default["default"](_ref, _excluded$21);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$24);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1153,10 +1150,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__default["default"](_ref, _excluded$20);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$23);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1171,10 +1168,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__default["default"](_ref, _excluded$1$);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$22);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1189,10 +1186,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__default["default"](_ref, _excluded$1_);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$21);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1207,10 +1204,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__default["default"](_ref, _excluded$1Z);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$20);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1225,10 +1222,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__default["default"](_ref, _excluded$1Y);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1$);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1243,10 +1240,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__default["default"](_ref, _excluded$1X);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1_);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1261,10 +1258,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__default["default"](_ref, _excluded$1W);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1Z);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1279,10 +1276,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__default["default"](_ref, _excluded$1V);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1Y);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1297,10 +1294,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__default["default"](_ref, _excluded$1U);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1X);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1315,10 +1312,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__default["default"](_ref, _excluded$1T);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1W);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1333,10 +1330,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__default["default"](_ref, _excluded$1S);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1V);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1351,10 +1348,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__default["default"](_ref, _excluded$1R);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1U);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1369,10 +1366,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__default["default"](_ref, _excluded$1Q);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1T);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1387,10 +1384,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__default["default"](_ref, _excluded$1P);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1S);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1405,10 +1402,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__default["default"](_ref, _excluded$1O);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1R);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1423,10 +1420,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__default["default"](_ref, _excluded$1N);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1Q);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1441,10 +1438,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__default["default"](_ref, _excluded$1M);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1P);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1459,10 +1456,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__default["default"](_ref, _excluded$1L);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1O);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1477,10 +1474,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__default["default"](_ref, _excluded$1K);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1N);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1495,10 +1492,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__default["default"](_ref, _excluded$1J);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1M);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1513,10 +1510,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__default["default"](_ref, _excluded$1I);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1L);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1531,10 +1528,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__default["default"](_ref, _excluded$1H);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1K);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1549,10 +1546,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__default["default"](_ref, _excluded$1G);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1J);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1567,10 +1564,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__default["default"](_ref, _excluded$1F);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1I);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1585,10 +1582,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__default["default"](_ref, _excluded$1E);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1H);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1603,10 +1600,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__default["default"](_ref, _excluded$1D);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1G);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1621,10 +1618,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__default["default"](_ref, _excluded$1C);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1F);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -1639,10 +1636,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__default["default"](_ref, _excluded$1B);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1E);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -2935,10 +2932,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__default["default"](_ref, _excluded$1A);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1D);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -2953,10 +2950,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__default["default"](_ref, _excluded$1z);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1C);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -2971,10 +2968,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__default["default"](_ref, _excluded$1y);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1B);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -2989,10 +2986,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__default["default"](_ref, _excluded$1x);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1A);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3007,10 +3004,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__default["default"](_ref, _excluded$1w);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1z);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3025,10 +3022,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__default["default"](_ref, _excluded$1v);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1y);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3043,10 +3040,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__default["default"](_ref, _excluded$1u);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1x);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3061,10 +3058,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__default["default"](_ref, _excluded$1t);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1w);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3079,10 +3076,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__default["default"](_ref, _excluded$1s);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1v);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3097,10 +3094,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__default["default"](_ref, _excluded$1r);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1u);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3115,10 +3112,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__default["default"](_ref, _excluded$1q);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1t);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3133,10 +3130,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__default["default"](_ref, _excluded$1p);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1s);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3151,10 +3148,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__default["default"](_ref, _excluded$1o);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1r);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3169,10 +3166,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__default["default"](_ref, _excluded$1n);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1q);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3187,10 +3184,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__default["default"](_ref, _excluded$1m);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1p);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3205,10 +3202,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__default["default"](_ref, _excluded$1l);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1o);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3223,10 +3220,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__default["default"](_ref, _excluded$1k);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1n);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3241,10 +3238,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__default["default"](_ref, _excluded$1j);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$1m);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3260,10 +3257,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__default["default"](_ref, _excluded$1i);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1l);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3278,10 +3275,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__default["default"](_ref, _excluded$1h);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1k);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3296,10 +3293,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__default["default"](_ref, _excluded$1g);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1j);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3314,10 +3311,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__default["default"](_ref, _excluded$1f);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1i);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3332,10 +3329,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__default["default"](_ref, _excluded$1e);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1h);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3350,10 +3347,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__default["default"](_ref, _excluded$1d);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1g);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3368,10 +3365,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__default["default"](_ref, _excluded$1c);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1f);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3386,10 +3383,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__default["default"](_ref, _excluded$1b);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1e);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3404,10 +3401,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__default["default"](_ref, _excluded$1a);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1d);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3422,10 +3419,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__default["default"](_ref, _excluded$19);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1c);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3440,10 +3437,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__default["default"](_ref, _excluded$18);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1b);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3458,10 +3455,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__default["default"](_ref, _excluded$17);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$1a);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3476,10 +3473,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__default["default"](_ref, _excluded$16);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$19);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3494,10 +3491,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__default["default"](_ref, _excluded$15);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$18);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3512,10 +3509,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__default["default"](_ref, _excluded$14);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$17);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3530,10 +3527,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__default["default"](_ref, _excluded$13);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$16);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3548,10 +3545,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__default["default"](_ref, _excluded$12);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$15);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3566,10 +3563,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__default["default"](_ref, _excluded$11);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$14);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3584,10 +3581,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__default["default"](_ref, _excluded$10);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$13);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3602,10 +3599,10 @@ Linkedin.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$$ = ["size"];
+var _excluded$12 = ["size"];
 var LinkedinBox = function LinkedinBox(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties__default["default"](_ref, _excluded$$);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$12);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3620,10 +3617,10 @@ LinkedinBox.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$_ = ["size"];
+var _excluded$11 = ["size"];
 var MapPin = function MapPin(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties__default["default"](_ref, _excluded$_);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$11);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3638,10 +3635,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__default["default"](_ref, _excluded$Z);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$10);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3656,10 +3653,10 @@ MapPin2.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$Y = ["size"];
+var _excluded$$ = ["size"];
 var MapPinUser = function MapPinUser(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties__default["default"](_ref, _excluded$Y);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$$);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3674,10 +3671,10 @@ MapPinUser.defaultProps = {
   strokeWidth: "1.5"
 };
 
-var _excluded$X = ["size"];
+var _excluded$_ = ["size"];
 var Medium = function Medium(_ref) {
   var size = _ref.size,
-    other = _objectWithoutProperties__default["default"](_ref, _excluded$X);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$_);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3692,10 +3689,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__default["default"](_ref, _excluded$W);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$Z);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3710,10 +3707,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__default["default"](_ref, _excluded$V);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$Y);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3728,10 +3725,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__default["default"](_ref, _excluded$U);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$X);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3746,10 +3743,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__default["default"](_ref, _excluded$T);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$W);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3764,10 +3761,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__default["default"](_ref, _excluded$S);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$V);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3782,10 +3779,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__default["default"](_ref, _excluded$R);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$U);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3800,10 +3797,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__default["default"](_ref, _excluded$Q);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$T);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3818,10 +3815,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__default["default"](_ref, _excluded$P);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$S);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3836,10 +3833,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__default["default"](_ref, _excluded$O);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$R);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3854,10 +3851,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__default["default"](_ref, _excluded$N);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$Q);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3872,10 +3869,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__default["default"](_ref, _excluded$M);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$P);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3890,10 +3887,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__default["default"](_ref, _excluded$L);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$O);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3908,10 +3905,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__default["default"](_ref, _excluded$K);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$N);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3926,10 +3923,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__default["default"](_ref, _excluded$J);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$M);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3944,10 +3941,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__default["default"](_ref, _excluded$I);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$L);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3962,10 +3959,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__default["default"](_ref, _excluded$H);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$K);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3980,10 +3977,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__default["default"](_ref, _excluded$G);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$J);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -3998,10 +3995,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__default["default"](_ref, _excluded$F);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$I);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4016,10 +4013,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__default["default"](_ref, _excluded$E);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$H);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4034,10 +4031,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__default["default"](_ref, _excluded$D);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$G);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4052,10 +4049,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__default["default"](_ref, _excluded$C);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$F);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4070,10 +4067,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__default["default"](_ref, _excluded$B);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$E);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4088,10 +4085,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__default["default"](_ref, _excluded$A);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$D);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4106,10 +4103,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__default["default"](_ref, _excluded$z);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$C);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4124,10 +4121,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__default["default"](_ref, _excluded$y);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$B);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4142,10 +4139,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__default["default"](_ref, _excluded$x);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$A);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4160,10 +4157,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__default["default"](_ref, _excluded$w);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$z);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4178,10 +4175,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__default["default"](_ref, _excluded$v);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$y);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4196,10 +4193,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__default["default"](_ref, _excluded$u);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$x);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4214,10 +4211,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__default["default"](_ref, _excluded$t);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$w);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4232,10 +4229,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__default["default"](_ref, _excluded$s);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$v);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4250,10 +4247,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__default["default"](_ref, _excluded$r);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$u);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4268,10 +4265,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__default["default"](_ref, _excluded$q);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$t);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4286,10 +4283,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__default["default"](_ref, _excluded$p);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$s);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4304,10 +4301,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__default["default"](_ref, _excluded$o);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$r);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4322,10 +4319,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__default["default"](_ref, _excluded$n);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$q);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4340,10 +4337,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__default["default"](_ref, _excluded$m);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$p);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4358,10 +4355,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__default["default"](_ref, _excluded$l);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$o);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4376,10 +4373,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__default["default"](_ref, _excluded$k);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$n);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4394,10 +4391,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__default["default"](_ref, _excluded$j);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$m);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
     viewBox: "0 0 24 24",
@@ -4502,7 +4499,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];
@@ -4513,7 +4510,7 @@ var renderIcon = function renderIcon(_ref) {
   var name = _ref.name,
     type = _ref.type,
     color = _ref.color,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$i);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$l);
   if (type === "filled") {
     var FilledIcon = FilledIcons[name];
     return /*#__PURE__*/React__default["default"].createElement(FilledIcon, _extends__default["default"]({
@@ -4687,8 +4684,8 @@ var isEditorEmpty = function isEditorEmpty(htmlContent) {
   return neetoCist.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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledWrapper = styled__default["default"].div.attrs(function (props) {
   return {
     className: generateResponsiveStyles(props.design)
@@ -4712,11 +4709,11 @@ var StyledWrapper = styled__default["default"].div.attrs(function (props) {
     borderWidth: (_design$border2 = design.border) === null || _design$border2 === void 0 ? void 0 : _design$border2.borderWidth
   };
   var borderColorStyles = pickBy(identity, borderColors);
-  var backgroundStyles = _objectSpread$7({
+  var backgroundStyles = _objectSpread$a({
     position: "relative",
     zIndex: 0
   }, backgroundImage.src ? {
-    "&::before": _objectSpread$7({
+    "&::before": _objectSpread$a({
       content: "''",
       position: "absolute",
       top: 0,
@@ -14197,14 +14194,15 @@ var StyledAnchor = styled__default["default"].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",
@@ -14247,6 +14245,32 @@ var StyledAnchor = styled__default["default"].a.attrs(function (props) {
   return mergeAll([design, borderColorStyles, anchorStyles]);
 });
 
+var DropdownWrapper = styled__default["default"].div(function (_ref) {
+  var index = _ref.index,
+    height = _ref.height,
+    totalLength = _ref.totalLength;
+  var _useFrame = reactFrameComponent.useFrame(),
+    iframeDocument = _useFrame.document;
+  var _useBreakpoints = useBreakpoints$1(),
+    currentSize = _useBreakpoints.currentSize;
+
+  // Calculate cumulative width of dropdowns with buffer
+  var cumulativeWidth = 0;
+  for (var i = totalLength - 1; i > index; i--) {
+    var dropdown = (iframeDocument !== null && iframeDocument !== void 0 ? iframeDocument : document).getElementById("dropdown-".concat(i));
+    if (dropdown) {
+      cumulativeWidth += dropdown.offsetWidth + 15; //buffer width
+    }
+  }
+
+  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["default"].createElement(Component, props);
@@ -15406,14 +15430,14 @@ var PaginationWrapper = styled__default["default"].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__default["default"](_ref, _excluded$h);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$k);
   return /*#__PURE__*/React__default["default"].createElement(MotionStyledWrapper, _extends__default["default"]({
     initial: enableAnimation ? {
       opacity: 0
@@ -15430,7 +15454,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,
@@ -15439,7 +15463,7 @@ var BlockWrapper = function BlockWrapper(_ref) {
     _ref$enableAnimation = _ref.enableAnimation,
     enableAnimation = _ref$enableAnimation === void 0 ? false : _ref$enableAnimation,
     children = _ref.children,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$g);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$j);
   return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, _extends__default["default"]({
     design: mergeDesign(design)
   }, otherProps), /*#__PURE__*/React__default["default"].createElement(Wrapper, {
@@ -15495,8 +15519,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", "setIsMenuOpen"];
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var LinkElement = function LinkElement(_ref) {
-  var 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,
@@ -15516,18 +15544,26 @@ 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,
+    setIsMenuOpen = _ref.setIsMenuOpen,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$i);
   var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out relative", {
     "pointer-events-none": action === "" || disableButtonAndLinks
   });
-  var commonProps = {
+  var commonProps = _objectSpread$9({
     className: classnames([baseClass, className]),
     design: style,
     href: to !== null && to !== void 0 ? to : "",
     rel: "noreferrer",
     percentage: 0.1,
-    isHighlighted: isHighlighted
-  };
+    isHighlighted: isHighlighted,
+    disableHovering: disableHovering,
+    onClick: function onClick() {
+      return setIsMenuOpen && setIsMenuOpen(false);
+    }
+  }, otherProps);
   if (action === "external") {
     return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
       target: "_blank"
@@ -15548,12 +15584,114 @@ 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__default["default"](_ref, _excluded$h);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_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["default"].createElement(Link, _extends__default["default"]({
+        disableHovering: true,
+        className: classnames("hover:bg-gray-100", className),
+        key: getUniqueKey(subLink.label, subLink.to, index),
+        setIsMenuOpen: setIsOpen,
+        style: design
+      }, subLink, otherProps));
+    });
+  };
+  return /*#__PURE__*/React__default["default"].createElement(DropdownWrapper, {
+    className: className,
+    height: height,
+    index: index,
+    totalLength: totalLength
+  }, /*#__PURE__*/React__default["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["default"].createElement(Link, {
+    label: label,
+    action: isLargerScreen ? "external" : "",
+    as: "h6",
+    style: design
+  }), /*#__PURE__*/React__default["default"].createElement(motion.div, {
+    animate: isOpen && isSmallerScreen ? "open" : "collapsed",
+    transition: {
+      duration: 0.3
+    },
+    variants: {
+      open: {
+        rotate: 180
+      },
+      collapsed: {
+        rotate: 0
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ArrowDownS$1, {
+    fill: design.color,
+    size: 20
+  }))), isLargerScreen && /*#__PURE__*/React__default["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["default"].createElement("div", {
+    className: "lg:pr-8"
+  }, /*#__PURE__*/React__default["default"].createElement(AnimatePresence, null, isOpen && /*#__PURE__*/React__default["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__default["default"](_ref, _excluded$f);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$g);
   if (isEmbedded) {
     return /*#__PURE__*/React__default["default"].createElement("iframe", {
       allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
@@ -15674,7 +15812,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,
@@ -15685,7 +15823,7 @@ var Typography = function Typography(_ref) {
     _ref$isTitle = _ref.isTitle,
     isTitle = _ref$isTitle === void 0 ? false : _ref$isTitle,
     children = _ref.children,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$e);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$f);
   return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, _extends__default["default"]({
     as: isTitle ? component : COMPONENTS.div,
     design: style,
@@ -15701,6 +15839,41 @@ var Typography = function Typography(_ref) {
 Typography.displayName = "Typography";
 var Typography$1 = withConditionalRender(Typography, prop("children"));
 
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var subscribe = function subscribe(listener) {
+  window.addEventListener("resize", listener);
+  return function () {
+    return window.removeEventListener("resize", listener);
+  };
+};
+var getCurrentSize = function getCurrentSize(window, breakpointOverrides) {
+  var innerWidth = window.innerWidth;
+  var sizes = _objectSpread$8({
+    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 = reactFrameComponent.useFrame(),
+    iframeWindow = _useFrame.window;
+  var getSnapshot = function getSnapshot() {
+    return getCurrentSize(iframeWindow !== null && iframeWindow !== void 0 ? iframeWindow : window, breakpointOverrides);
+  };
+  var currentSize = React.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,
@@ -20817,15 +20990,15 @@ var CardsWithCustomizableGrid = function CardsWithCustomizableGrid(_ref) {
   }, button)))));
 };
 
-var _excluded$d = ["configurations", "className", "id"];
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$e = ["configurations", "className", "id"];
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CardsWithImage = function CardsWithImage(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$d);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$e);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -20868,7 +21041,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
       duration: 0.01,
       enableAnimation: enableAnimation,
       key: getUniqueKey(title, description, index),
-      design: _objectSpread$6(_objectSpread$6({}, design.card), {}, {
+      design: _objectSpread$7(_objectSpread$7({}, design.card), {}, {
         paddingHorizontal: 0,
         paddingVertical: 0
       }),
@@ -20895,7 +21068,7 @@ var CardsWithImage = function CardsWithImage(_ref) {
   }), isAddMoreRequired && /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
     className: "ns-card-animation col-span-12 flex h-40 items-center justify-center transition-all duration-300 ease-in-out sm:col-span-6 lg:col-span-4",
     enableAnimation: enableAnimation,
-    design: _objectSpread$6(_objectSpread$6({}, design.card), {}, {
+    design: _objectSpread$7(_objectSpread$7({}, design.card), {}, {
       paddingHorizontal: 0,
       paddingVertical: 0,
       backgroundColor: "transparent"
@@ -20908,13 +21081,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__default["default"](_ref, _excluded$c);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$d);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -38555,13 +38728,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__default["default"](_ref, _excluded$b);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$c);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -38781,8 +38954,8 @@ var FeatureWithBulletList = function FeatureWithBulletList(_ref) {
   }))));
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FeatureWithDetails = function FeatureWithDetails(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -38843,7 +39016,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
       })
     }, icon && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex-shrink-0"
-    }, renderIcon(_objectSpread$5({
+    }, renderIcon(_objectSpread$6({
       name: icon,
       type: icon.type
     }, design.icon))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
@@ -39232,15 +39405,15 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
   })));
 };
 
-var _excluded$a = ["configurations", "className", "id"];
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$b = ["configurations", "className", "id"];
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterClassic = function FooterClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$a);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$b);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -39288,7 +39461,7 @@ var FooterClassic = function FooterClassic(_ref) {
       return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
         key: getUniqueKey(_icon.name, index),
         icon: function icon() {
-          return renderIcon(_objectSpread$4({
+          return renderIcon(_objectSpread$5({
             name: _icon.name,
             type: _icon.type,
             className: "hover:text-gray-600"
@@ -39335,7 +39508,7 @@ var FooterClassic = function FooterClassic(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       key: getUniqueKey(_icon2.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$4({
+        return renderIcon(_objectSpread$5({
           name: _icon2.name,
           type: _icon2.type,
           className: "hover:text-gray-600"
@@ -39348,15 +39521,15 @@ var FooterClassic = function FooterClassic(_ref) {
   }, copyrightText));
 };
 
-var _excluded$9 = ["configurations", "className", "id"];
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$a = ["configurations", "className", "id"];
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterWithIcons = function FooterWithIcons(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$9);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$a);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -39398,7 +39571,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       key: getUniqueKey(_icon.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$3({
+        return renderIcon(_objectSpread$4({
           name: _icon.name,
           type: _icon.type,
           className: "text-red-60 hover:text-gray-600"
@@ -39412,15 +39585,15 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
   }, copyrightText));
 };
 
-var _excluded$8 = ["configurations", "className", "id"];
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$9 = ["configurations", "className", "id"];
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterWithLinks = function FooterWithLinks(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$8);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$9);
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -39495,7 +39668,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       key: getUniqueKey(_icon.name, index),
       icon: function icon() {
-        return renderIcon(_objectSpread$2({
+        return renderIcon(_objectSpread$3({
           name: _icon.name,
           type: _icon.type
         }, design.socialIcon));
@@ -41578,14 +41751,16 @@ var useElementVisible = function useElementVisible(ref) {
   return isIntersecting;
 };
 
-var _excluded$7 = ["configurations", "className", "currentPath", "id"];
+var _excluded$8 = ["configurations", "className", "currentPath", "id"];
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithButtons = function HeaderWithButtons(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     currentPath = _ref.currentPath,
     id = _ref.id,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$7);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$8);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isMenuOpen = _useState2[0],
@@ -41645,16 +41820,116 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-2 col-start-1 ml-2 mt-3 block space-y-2 lg:hidden"
+    className: "fadeIn col-span-2 col-start-1 ml-2 mt-4 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (button, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       isHighlighted: button.to && currentPath === button.to,
       key: getUniqueKey(button.to, button.label, index),
-      style: design.links
-    }, button, otherProps));
+      style: (mergeRight(design.links), {
+        fontSize: "1.25em",
+        fontWeight: "500"
+      })
+    }, _objectSpread$2(_objectSpread$2({
+      setIsMenuOpen: setIsMenuOpen
+    }, button), otherProps)));
   }))));
 };
 
+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__default["default"](_ref, _excluded$7);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    isMenuOpen = _useState2[0],
+    setIsMenuOpen = _useState2[1];
+  var _useState3 = React.useState(0),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    headerHeight = _useState4[0],
+    setHeaderHeight = _useState4[1];
+  var properties = configurations.properties,
+    design = configurations.design;
+  var position = properties.position,
+    buttons = properties.buttons;
+  var headerIntersectorRef = React.useRef(null);
+  var headerRef = React.useRef(null);
+  var isHeadingWrapperVisible = useElementVisible(headerIntersectorRef);
+  var baseClasses = "grid grid-cols-12 sm:gap-x-2 items-center grid-flow-row-dense";
+  React.useEffect(function () {
+    if (!headerRef.current) return;
+    setHeaderHeight(headerRef.current.offsetHeight);
+  }, [design.body]);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: headerIntersectorRef
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: headerRef
+  }, /*#__PURE__*/React__default["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["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": neetoCist.isNotEmpty(buttons)
+    })
+  }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
+    action: properties.logo.action,
+    className: "flex w-full gap-x-2",
+    to: properties.logo.to
+  }, otherProps), /*#__PURE__*/React__default["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["default"].createElement(Typography$1, {
+    component: "p",
+    style: design.logoTitle,
+    className: classnames({
+      "hidden sm:flex": properties.logo.src
+    })
+  }, properties.logo.title))), /*#__PURE__*/React__default["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["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["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["default"].createElement(Menu, {
+    fill: design.hamburgerMenu.color
+  })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "fadeIn col-span-12 col-start-1 mt-4 flex flex-col gap-y-6 lg:hidden"
+  }, properties.links.map(function (link, index) {
+    return /*#__PURE__*/React__default["default"].createElement(Dropdown, {
+      index: index,
+      link: link,
+      key: getUniqueKey(link.label, link.to, index),
+      design: (mergeRight(design.links), {
+        fontSize: "1.25em",
+        fontWeight: "500"
+      })
+    });
+  })))));
+};
+
 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__default["default"](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; }
@@ -41737,13 +42012,17 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(More2, {
     fill: design.hamburgerMenu.color
   })), isLinksOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-4 col-start-1 ml-2 mt-3  space-y-1 lg:hidden"
+    className: "fadeIn col-span-4 col-start-1 ml-2 mt-4 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (icon, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       className: "w-full",
       isHighlighted: icon.to && currentPath === icon.to,
       key: getUniqueKey(icon.url, icon.label, index),
-      style: design.links
+      setIsMenuOpen: setIsLinksOpen,
+      style: (mergeRight(design.links), {
+        fontSize: "1.25em",
+        fontWeight: "500"
+      })
     }, icon));
   })), isIconsOpen && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "fadeIn col-span-2 col-start-11 mt-3 flex flex-col justify-end space-y-1 lg:hidden"
@@ -41751,6 +42030,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       className: "w-full",
       key: getUniqueKey(_icon2.to, index),
+      setIsMenuOpen: setIsIconsOpen,
       style: design.icons,
       icon: function icon() {
         return renderIcon(_objectSpread$1({
@@ -41835,7 +42115,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
     fill: design.hamburgerMenu.color
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-2 col-start-1 space-y-2 lg:hidden"
+    className: "fadeIn col-span-12 mt-4 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (_ref2, index) {
     var label = _ref2.label,
       to = _ref2.to,
@@ -41843,10 +42123,14 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       action: action,
       label: label,
+      setIsMenuOpen: setIsMenuOpen,
       to: to,
       isHighlighted: to && currentPath === to,
       key: getUniqueKey(to, label, index),
-      style: design.links
+      style: (mergeRight(design.links), {
+        fontSize: "1.25em",
+        fontWeight: "500"
+      })
     }, otherProps));
   }))));
 };
@@ -41937,10 +42221,6 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$3);
-  var _useState = React.useState(0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    activeIndex = _useState2[0],
-    setActiveIndex = _useState2[1];
   var swiperRef = React.useRef(null);
   var properties = configurations.properties,
     design = configurations.design;
@@ -42051,12 +42331,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["default"].createElement(Swiper, {
+    loop: true,
     keyboard: {
       enabled: true,
       onlyInViewport: true
@@ -42068,9 +42348,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;
     }
@@ -42090,7 +42367,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();
@@ -42664,6 +42940,7 @@ exports.FooterWithLinks = FooterWithLinks;
 exports.GalleryClassic = GalleryClassic;
 exports.GalleryWithAutoplay = GalleryWithAutoplay;
 exports.HeaderWithButtons = HeaderWithButtons;
+exports.HeaderWithDropdownLinks = HeaderWithDropdownLinks;
 exports.HeaderWithIcons = HeaderWithIcons;
 exports.HeaderWithLogoTitle = HeaderWithLogoTitle;
 exports.HeroWithCallToAction = HeroWithCallToAction;