@bigbinary/neeto-site-blocks 1.1.5 → 1.1.7

package/dist/index.cjs.js

@@ -14205,257 +14205,11 @@ var StyledImage = styled__default["default"].img(function (_ref) {
 });
 var StyledImage$1 = withConditionalRender(StyledImage, prop("src"));
 
-var _templateObject;
-var PaginationWrapper = styled__default["default"].div.attrs(function (_ref) {
-  var isActive = _ref.isActive;
-  return {
-    className: classnames("swiper-pagination-bullet cursor-pointer", {
-      "swiper-pagination-bullet-active": isActive
-    })
-  };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  &.swiper-pagination-bullet {\n    background-color: ", " !important;\n  }\n\n  &.swiper-pagination-bullet-active {\n    background-color: ", " !important;\n  }\n"])), function (_ref2) {
-  var design = _ref2.design;
-  return (design === null || design === void 0 ? void 0 : design.paginationButtonInactiveColor) || "#A2A2A2";
-}, function (_ref3) {
-  var design = _ref3.design;
-  return (design === null || design === void 0 ? void 0 : design.paginationButtonActiveColor) || "#1F2433";
-});
-
-var _excluded$h = ["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);
-  return /*#__PURE__*/React__default["default"].createElement(MotionStyledWrapper, _extends__default["default"]({
-    initial: enableAnimation ? {
-      opacity: 0
-    } : {},
-    transition: enableAnimation ? {
-      duration: duration
-    } : {},
-    viewport: {
-      once: true
-    },
-    whileInView: {
-      opacity: 1
-    }
-  }, otherProps), children);
-};
-
-var _excluded$g = ["design", "nestedComponent", "nestedClassName", "enableAnimation", "children"];
-var BlockWrapper = function BlockWrapper(_ref) {
-  var design = _ref.design,
-    _ref$nestedComponent = _ref.nestedComponent,
-    Wrapper = _ref$nestedComponent === void 0 ? MotionWrapper : _ref$nestedComponent,
-    nestedClassName = _ref.nestedClassName,
-    _ref$enableAnimation = _ref.enableAnimation,
-    enableAnimation = _ref$enableAnimation === void 0 ? false : _ref$enableAnimation,
-    children = _ref.children,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$g);
-  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, _extends__default["default"]({
-    design: mergeDesign(design)
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(Wrapper, {
-    className: classnames("neeto-site-block-wrapper", nestedClassName),
-    enableAnimation: enableAnimation,
-    design: {
-      paddingHorizontal: design.paddingHorizontal
-    }
-  }, children));
-};
-
-var Button = function Button(_ref) {
-  var to = _ref.to,
-    label = _ref.label,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? DEFAULT_BUTTON_STYLES : _ref$style,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$action = _ref.action,
-    action = _ref$action === void 0 ? "" : _ref$action,
-    _ref$draftMode = _ref.draftMode,
-    draftMode = _ref$draftMode === void 0 ? false : _ref$draftMode,
-    _ref$baseUrl = _ref.baseUrl,
-    baseUrl = _ref$baseUrl === void 0 ? "" : _ref$baseUrl,
-    Link = _ref.link;
-  var anchorBaseClass = classnames("inline-flex transition-all duration-300 ease-in-out", {
-    "pointer-events-none": action === ""
-  });
-  var commonProps = {
-    className: classnames([anchorBaseClass, className]),
-    design: style,
-    href: to !== null && to !== void 0 ? to : "",
-    rel: "noreferrer"
-  };
-  if (action === "external") {
-    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
-      isButton: true,
-      target: "_blank"
-    }), label);
-  }
-  if (action === "page") {
-    var pageUrl = draftMode ? "".concat(baseUrl).concat(to) : to;
-    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({
-      as: Link !== null && Link !== void 0 ? Link : "a"
-    }, commonProps, {
-      percentage: 0.1,
-      to: pageUrl
-    }), label);
-  }
-  return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
-    isButton: true
-  }), label);
-};
-var Button$1 = withConditionalRender(Button, prop("label"));
-
-var LinkElement = function LinkElement(_ref) {
-  var to = _ref.to,
-    label = _ref.label,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? DEFAULT_LINK_STYLES : _ref$style,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$icon = _ref.icon,
-    Icon = _ref$icon === void 0 ? null : _ref$icon,
-    _ref$action = _ref.action,
-    action = _ref$action === void 0 ? "" : _ref$action,
-    _ref$baseUrl = _ref.baseUrl,
-    baseUrl = _ref$baseUrl === void 0 ? "" : _ref$baseUrl,
-    _ref$draftMode = _ref.draftMode,
-    draftMode = _ref$draftMode === void 0 ? false : _ref$draftMode,
-    Link = _ref.link;
-  var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out", {
-    "pointer-events-none": action === ""
-  });
-  var commonProps = {
-    className: classnames([baseClass, className]),
-    design: style,
-    href: to !== null && to !== void 0 ? to : "",
-    rel: "noreferrer",
-    percentage: 0.1
-  };
-  if (action === "external") {
-    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
-      target: "_blank"
-    }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
-  }
-  if (action === "page") {
-    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({
-      as: Link !== null && Link !== void 0 ? Link : "a"
-    }, commonProps, {
-      to: draftMode ? "".concat(baseUrl).concat(to) : to
-    }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
-  }
-  return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, commonProps, label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
-};
-var Link = withConditionalRender(LinkElement, function () {
-  return !!(prop("label") || prop("icon"));
-});
-
-var _excluded$f = ["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);
-  if (isEmbedded) {
-    return /*#__PURE__*/React__default["default"].createElement("iframe", {
-      allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
-      className: "w-full",
-      height: "300px",
-      src: validateUrl(src),
-      style: design
-    });
-  }
-  return /*#__PURE__*/React__default["default"].createElement(StyledImage$1, _extends__default["default"]({
-    design: design,
-    src: src
-  }, otherProps));
-};
-
-var Pagination$1 = function Pagination(_ref) {
-  var _classnames, _classnames2;
-  var swiper = _ref.swiper,
-    design = _ref.design;
-  var _useState = React.useState(0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    activeSlide = _useState2[0],
-    setActiveSlide = _useState2[1];
-  React.useEffect(function () {
-    if (!swiper) return undefined;
-    var changeHandler = function changeHandler() {
-      return setActiveSlide(swiper.realIndex);
-    };
-    swiper.on("slideChange", changeHandler);
-    return function () {
-      return swiper.off("slideChange", changeHandler);
-    };
-  }, [swiper]);
-  if (!swiper) return null;
-  var totalSlides = swiper.slides.length;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "swiper-pagination flex items-center justify-center space-x-4"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: classnames({
-      "cursor-default": swiper.isBeginning
-    }),
-    onClick: function onClick() {
-      return !swiper.isBeginning && swiper.slidePrev();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftS$1, {
-    size: 26,
-    fill: classnames((_classnames = {}, _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", swiper.isBeginning), _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", !swiper.isBeginning), _classnames))
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-x-2"
-  }, _toConsumableArray__default["default"](Array(totalSlides)).map(function (_, index) {
-    return /*#__PURE__*/React__default["default"].createElement(PaginationWrapper, {
-      design: design,
-      isActive: activeSlide === index,
-      key: index,
-      onClick: function onClick() {
-        return swiper.slideTo(index);
-      }
-    });
-  })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: classnames({
-      "cursor-default": swiper.isEnd
-    }),
-    onClick: function onClick() {
-      return swiper.slideNext();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ArrowRightS$1, {
-    size: 26,
-    fill: classnames((_classnames2 = {}, _defineProperty__default["default"](_classnames2, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", swiper.isEnd), _defineProperty__default["default"](_classnames2, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", !swiper.isEnd), _classnames2))
-  })));
-};
-
-var Toggle = function Toggle(_ref) {
-  var className = _ref.className,
-    options = _ref.options,
-    activeOption = _ref.activeOption,
-    setActiveOption = _ref.setActiveOption;
-  var buttonClasses = function buttonClasses(isActive) {
-    return classnames("rounded-full px-3 py-2 lg:px-6 lg:py-3 duration-300 font-semibold", {
-      "bg-black text-white text-sm lg:text-base transform": isActive,
-      "bg-white text-black text-sm lg:text-base": !isActive
-    });
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames("flex justify-center p-4", className)
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-site-toggle-button flex rounded-full bg-white"
-  }, options.map(function (option) {
-    return /*#__PURE__*/React__default["default"].createElement("button", {
-      className: buttonClasses(option === activeOption),
-      key: option,
-      onClick: function onClick() {
-        return setActiveOption(option);
-      }
-    }, option);
-  })));
-};
+var FIXED_H1_SIZE = "32px";
+var FIXED_H2_SIZE = "24px";
+var FIXED_H3_SIZE = "20px";
+var FIXED_H4_SIZE = "16px";
+var FIXED_H5_SIZE = "14px";
 
 /* eslint-disable no-bitwise, no-magic-numbers, sort-keys */
 // https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories
@@ -15564,6 +15318,263 @@ function Interweave(props) {
   });
 }
 
+var StyledInterweave = styled__default["default"](Interweave)(function (_ref) {
+  var fontSize = _ref.fontSize;
+  return "\n  h1 {\n    font-size: ".concat(fontSize ? "calc(".concat(FIXED_H1_SIZE, " + ").concat(fontSize, ")") : FIXED_H1_SIZE, ";\n    font-weight: inherit;\n  }\n\n  h2 {\n    font-size: ").concat(fontSize ? "calc(".concat(FIXED_H2_SIZE, " + ").concat(fontSize, ")") : FIXED_H2_SIZE, ";\n    font-weight: inherit;\n  }\n\n  h3 {\n    font-size: ").concat(fontSize ? "calc(".concat(FIXED_H3_SIZE, " + ").concat(fontSize, ")") : FIXED_H3_SIZE, ";\n    font-weight: inherit;\n  }\n\n  h4 {\n    font-size: ").concat(fontSize ? "calc(".concat(FIXED_H4_SIZE, " + ").concat(fontSize, ")") : FIXED_H4_SIZE, ";\n    font-weight: inherit;\n  }\n\n  h5 {\n    font-size: ").concat(fontSize ? "calc(".concat(FIXED_H5_SIZE, " + ").concat(fontSize, ")") : FIXED_H5_SIZE, ";\n    font-weight: inherit;\n  }\n");
+});
+
+var _templateObject;
+var PaginationWrapper = styled__default["default"].div.attrs(function (_ref) {
+  var isActive = _ref.isActive;
+  return {
+    className: classnames("swiper-pagination-bullet cursor-pointer", {
+      "swiper-pagination-bullet-active": isActive
+    })
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  &.swiper-pagination-bullet {\n    background-color: ", " !important;\n  }\n\n  &.swiper-pagination-bullet-active {\n    background-color: ", " !important;\n  }\n"])), function (_ref2) {
+  var design = _ref2.design;
+  return (design === null || design === void 0 ? void 0 : design.paginationButtonInactiveColor) || "#A2A2A2";
+}, function (_ref3) {
+  var design = _ref3.design;
+  return (design === null || design === void 0 ? void 0 : design.paginationButtonActiveColor) || "#1F2433";
+});
+
+var _excluded$h = ["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);
+  return /*#__PURE__*/React__default["default"].createElement(MotionStyledWrapper, _extends__default["default"]({
+    initial: enableAnimation ? {
+      opacity: 0
+    } : {},
+    transition: enableAnimation ? {
+      duration: duration
+    } : {},
+    viewport: {
+      once: true
+    },
+    whileInView: {
+      opacity: 1
+    }
+  }, otherProps), children);
+};
+
+var _excluded$g = ["design", "nestedComponent", "nestedClassName", "enableAnimation", "children"];
+var BlockWrapper = function BlockWrapper(_ref) {
+  var design = _ref.design,
+    _ref$nestedComponent = _ref.nestedComponent,
+    Wrapper = _ref$nestedComponent === void 0 ? MotionWrapper : _ref$nestedComponent,
+    nestedClassName = _ref.nestedClassName,
+    _ref$enableAnimation = _ref.enableAnimation,
+    enableAnimation = _ref$enableAnimation === void 0 ? false : _ref$enableAnimation,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$g);
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, _extends__default["default"]({
+    design: mergeDesign(design)
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement(Wrapper, {
+    className: classnames("neeto-site-block-wrapper", nestedClassName),
+    enableAnimation: enableAnimation,
+    design: {
+      paddingHorizontal: design.paddingHorizontal
+    }
+  }, children));
+};
+
+var Button = function Button(_ref) {
+  var to = _ref.to,
+    label = _ref.label,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? DEFAULT_BUTTON_STYLES : _ref$style,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$action = _ref.action,
+    action = _ref$action === void 0 ? "" : _ref$action,
+    _ref$draftMode = _ref.draftMode,
+    draftMode = _ref$draftMode === void 0 ? false : _ref$draftMode,
+    _ref$baseUrl = _ref.baseUrl,
+    baseUrl = _ref$baseUrl === void 0 ? "" : _ref$baseUrl,
+    Link = _ref.link;
+  var anchorBaseClass = classnames("inline-flex transition-all duration-300 ease-in-out", {
+    "pointer-events-none": action === ""
+  });
+  var commonProps = {
+    className: classnames([anchorBaseClass, className]),
+    design: style,
+    href: to !== null && to !== void 0 ? to : "",
+    rel: "noreferrer"
+  };
+  if (action === "external") {
+    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
+      isButton: true,
+      target: "_blank"
+    }), label);
+  }
+  if (action === "page") {
+    var pageUrl = draftMode ? "".concat(baseUrl).concat(to) : to;
+    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({
+      as: Link !== null && Link !== void 0 ? Link : "a"
+    }, commonProps, {
+      percentage: 0.1,
+      to: pageUrl
+    }), label);
+  }
+  return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
+    isButton: true
+  }), label);
+};
+var Button$1 = withConditionalRender(Button, prop("label"));
+
+var LinkElement = function LinkElement(_ref) {
+  var to = _ref.to,
+    label = _ref.label,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? DEFAULT_LINK_STYLES : _ref$style,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$icon = _ref.icon,
+    Icon = _ref$icon === void 0 ? null : _ref$icon,
+    _ref$action = _ref.action,
+    action = _ref$action === void 0 ? "" : _ref$action,
+    _ref$baseUrl = _ref.baseUrl,
+    baseUrl = _ref$baseUrl === void 0 ? "" : _ref$baseUrl,
+    _ref$draftMode = _ref.draftMode,
+    draftMode = _ref$draftMode === void 0 ? false : _ref$draftMode,
+    Link = _ref.link;
+  var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out", {
+    "pointer-events-none": action === ""
+  });
+  var commonProps = {
+    className: classnames([baseClass, className]),
+    design: style,
+    href: to !== null && to !== void 0 ? to : "",
+    rel: "noreferrer",
+    percentage: 0.1
+  };
+  if (action === "external") {
+    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
+      target: "_blank"
+    }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
+  }
+  if (action === "page") {
+    return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({
+      as: Link !== null && Link !== void 0 ? Link : "a"
+    }, commonProps, {
+      to: draftMode ? "".concat(baseUrl).concat(to) : to
+    }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, commonProps, label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
+};
+var Link = withConditionalRender(LinkElement, function () {
+  return !!(prop("label") || prop("icon"));
+});
+
+var _excluded$f = ["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);
+  if (isEmbedded) {
+    return /*#__PURE__*/React__default["default"].createElement("iframe", {
+      allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
+      className: "w-full",
+      height: "300px",
+      src: validateUrl(src),
+      style: design
+    });
+  }
+  return /*#__PURE__*/React__default["default"].createElement(StyledImage$1, _extends__default["default"]({
+    design: design,
+    src: src
+  }, otherProps));
+};
+
+var Pagination$1 = function Pagination(_ref) {
+  var _classnames, _classnames2;
+  var swiper = _ref.swiper,
+    design = _ref.design;
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    activeSlide = _useState2[0],
+    setActiveSlide = _useState2[1];
+  React.useEffect(function () {
+    if (!swiper) return undefined;
+    var changeHandler = function changeHandler() {
+      return setActiveSlide(swiper.realIndex);
+    };
+    swiper.on("slideChange", changeHandler);
+    return function () {
+      return swiper.off("slideChange", changeHandler);
+    };
+  }, [swiper]);
+  if (!swiper) return null;
+  var totalSlides = swiper.slides.length;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "swiper-pagination flex items-center justify-center space-x-4"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    className: classnames({
+      "cursor-default": swiper.isBeginning
+    }),
+    onClick: function onClick() {
+      return !swiper.isBeginning && swiper.slidePrev();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftS$1, {
+    size: 26,
+    fill: classnames((_classnames = {}, _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", swiper.isBeginning), _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", !swiper.isBeginning), _classnames))
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-x-2"
+  }, _toConsumableArray__default["default"](Array(totalSlides)).map(function (_, index) {
+    return /*#__PURE__*/React__default["default"].createElement(PaginationWrapper, {
+      design: design,
+      isActive: activeSlide === index,
+      key: index,
+      onClick: function onClick() {
+        return swiper.slideTo(index);
+      }
+    });
+  })), /*#__PURE__*/React__default["default"].createElement("button", {
+    className: classnames({
+      "cursor-default": swiper.isEnd
+    }),
+    onClick: function onClick() {
+      return swiper.slideNext();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ArrowRightS$1, {
+    size: 26,
+    fill: classnames((_classnames2 = {}, _defineProperty__default["default"](_classnames2, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", swiper.isEnd), _defineProperty__default["default"](_classnames2, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", !swiper.isEnd), _classnames2))
+  })));
+};
+
+var Toggle = function Toggle(_ref) {
+  var className = _ref.className,
+    options = _ref.options,
+    activeOption = _ref.activeOption,
+    setActiveOption = _ref.setActiveOption;
+  var buttonClasses = function buttonClasses(isActive) {
+    return classnames("rounded-full px-3 py-2 lg:px-6 lg:py-3 duration-300 font-semibold", {
+      "bg-black text-white text-sm lg:text-base transform": isActive,
+      "bg-white text-black text-sm lg:text-base": !isActive
+    });
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames("flex justify-center p-4", className)
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-site-toggle-button flex rounded-full bg-white"
+  }, options.map(function (option) {
+    return /*#__PURE__*/React__default["default"].createElement("button", {
+      className: buttonClasses(option === activeOption),
+      key: option,
+      onClick: function onClick() {
+        return setActiveOption(option);
+      }
+    }, option);
+  })));
+};
+
 var _excluded$e = ["style", "component", "className", "isTitle", "children"];
 var Typography = function Typography(_ref) {
   var _ref$style = _ref.style,
@@ -15580,9 +15591,10 @@ var Typography = function Typography(_ref) {
     as: component,
     className: classnames("neeto-site-typography break-words", className),
     design: style
-  }, otherProps), isTitle ? children : /*#__PURE__*/React__default["default"].createElement(Interweave, {
+  }, otherProps), isTitle ? children : /*#__PURE__*/React__default["default"].createElement(StyledInterweave, {
     className: "neeto-editor-content",
-    content: children
+    content: children,
+    fontSize: style.fontSize
   }));
 };
 Typography.displayName = "Typography";
@@ -40695,7 +40707,6 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     design: design.logo,
     src: properties.logo.src
   }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
-    isTitle: true,
     component: "p",
     style: design.logoTitle,
     className: classnames({