@redocly/marketing-pages 0.1.4 → 0.1.5

package/dist/components/Blog/FeaturedClassics.js

@@ -1,4 +1,4 @@
-import t,{useMemo as a}from"react";import{linearGradient as m}from"polished";import s from"styled-components";import{PrimaryPostCard as l}from"./PrimaryPostCard";import{GridSection as d,MediaBox as c,Skewed as p}from"../PositionItems";import{TextGradient as f}from"../TextGradient/TextGradient";import{breakpoints as g}from"@redocly/theme/core/utils";import{useThemeHooks as u}from"@redocly/theme/core/hooks";const G=()=>{const{usePageSharedData:o}=u(),{posts:r}=o("blog-posts"),i=["Using Redocly tools for better OpenAPI development","Build rich developer experiences with Markdown in OpenAPI","What's an API?"],n=a(()=>r.filter(({title:e})=>i.includes(e)),[r]);return t.createElement(p,{angle:0,bg:m({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetTop:"-300px",offsetBottom:"-200px"},t.createElement(c,{mb:6},t.createElement(h,null,"Featured classics"),t.createElement(d,{gridTemplateColumns:{base:"1fr",medium:"repeat(3, 1fr)"},justifyItems:{base:"center"},gridGap:{base:"5rem"}},n.map(e=>t.createElement(l,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,excerpt:e.excerpt,date:e.date,author:e.author})))))},h=s(f)`
+import t,{useMemo as a}from"react";import{linearGradient as m}from"polished";import s from"styled-components";import{PrimaryPostCard as l}from"./PrimaryPostCard";import{GridSection as d,MediaBox as p,Skewed as c}from"../PositionItems";import{TextGradient as f}from"../TextGradient/TextGradient";import{breakpoints as g}from"@redocly/theme/core/utils";import{useThemeHooks as u}from"@redocly/theme/core/hooks";const G=()=>{const{usePageSharedData:o}=u(),{posts:r}=o("blog-posts"),i=["Using Redocly tools for better OpenAPI development","Build rich developer experiences with Markdown in OpenAPI","What's an API?"],n=a(()=>r.filter(({title:e})=>i.includes(e)),[r]);return t.createElement(c,{angle:0,bg:m({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetTop:"-300px",offsetBottom:"-200px"},t.createElement(p,{mb:6},t.createElement(h,null,"Featured classics"),t.createElement(d,{gridTemplateColumns:{base:"1fr",medium:"repeat(3, 1fr)"},justifyItems:{base:"center"},gridGap:{base:"5rem"}},n.map(e=>t.createElement(l,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,date:e.date,author:e.author})))))},h=s(f)`
   font-size: 28px;
   line-height: 30px;
   font-family: var(--font-family);

package/dist/components/Blog/FirstThreePosts.js

@@ -1,4 +1,4 @@
-import r from"react";import o from"styled-components";import{TextGradient as s}from"../TextGradient/TextGradient";import{Box as c}from"../../ui/Box";import{MediaBox as m,GridSection as p,Grid as a}from"../PositionItems";import{H2Title as f,Paragraph as i}from"../TypographyElements/TypographyElements";import{PostLink as n}from"./PostLink";import{Author as x}from"./Author";import{formatDateString as d}from"../../utils/dates";import{breakpoints as g}from"@redocly/theme/core/utils";import{useThemeHooks as b}from"@redocly/theme/core/hooks";function M(){const{usePageSharedData:e}=b(),{posts:t}=e("blog-posts");return r.createElement(m,{my:6},r.createElement(p,{gridTemplateColumns:{base:"1fr",small:"1fr 1fr"},gridTemplateRows:{base:"1fr",small:"1fr 1fr"},gridTemplateAreas:{base:'"first" "second" "third"',small:'"first second" "first third"'},gridGap:{base:"20px"}},r.createElement(h,{post:t[0]}),r.createElement(l,{post:t[1],gridArea:"second"}),r.createElement(l,{post:t[2],gridArea:"third"})))}const h=({post:e})=>r.createElement(a,{gridArea:"first"},r.createElement(n,{to:e.slug},r.createElement(u,{background:e.image},r.createElement(w,null),r.createElement(c,{position:"relative"},r.createElement(f,{color:"var(--secondary-color)"},e.title),r.createElement(i,{color:"var(--secondary-color)"},e.description?e.description:e.excerpt),r.createElement(v,{author:e.author,date:d(e.date)}))))),u=o.div`
+import e from"react";import o from"styled-components";import{TextGradient as s}from"../TextGradient/TextGradient";import{Box as m}from"../../ui/Box";import{MediaBox as c,GridSection as p,Grid as a}from"../PositionItems";import{H2Title as f,Paragraph as i}from"../TypographyElements/TypographyElements";import{PostLink as n}from"./PostLink";import{Author as x}from"./Author";import{formatDateString as d}from"../../utils/dates";import{breakpoints as g}from"@redocly/theme/core/utils";import{useThemeHooks as b}from"@redocly/theme/core/hooks";function M(){const{usePageSharedData:r}=b(),{posts:t}=r("blog-posts");return e.createElement(c,{my:6},e.createElement(p,{gridTemplateColumns:{base:"1fr",small:"1fr 1fr"},gridTemplateRows:{base:"1fr",small:"1fr 1fr"},gridTemplateAreas:{base:'"first" "second" "third"',small:'"first second" "first third"'},gridGap:{base:"20px"}},e.createElement(h,{post:t[0]}),e.createElement(l,{post:t[1],gridArea:"second"}),e.createElement(l,{post:t[2],gridArea:"third"})))}const h=({post:r})=>e.createElement(a,{gridArea:"first"},e.createElement(n,{to:r.slug},e.createElement(u,{background:r.image},e.createElement(w,null),e.createElement(m,{position:"relative"},e.createElement(f,{color:"var(--secondary-color)"},r.title),e.createElement(i,{color:"var(--secondary-color)"},r.description),e.createElement(v,{author:r.author,date:d(r.date)}))))),u=o.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -6,7 +6,7 @@ import r from"react";import o from"styled-components";import{TextGradient as s}f
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
-  background-image: url(${({background:e})=>e});
+  background-image: url(${({background:r})=>r});
   position: relative;
   overflow: hidden;
   border-radius: 8px;
@@ -14,21 +14,15 @@ import r from"react";import o from"styled-components";import{TextGradient as s}f
 
   transition: box-shadow 0.3s;
   &:hover {
-    box-shadow:
-      0 0 50px rgba(0 68 212 / 18%),
-      0 8px 16px 0 rgb(0 68 212 / 18%);
+    box-shadow: 0 0 50px rgba(0 68 212 / 18%), 0 8px 16px 0 rgb(0 68 212 / 18%);
   }
 `,w=o.div`
   position: absolute;
-  background: linear-gradient(
-    to right bottom,
-    rgba(0, 104, 251, 0.8) 15.14%,
-    rgba(126, 65, 255, 0.8) 87.3%
-  );
+  background: linear-gradient(to right bottom, rgba(0, 104, 251, 0.8) 15.14%, rgba(126, 65, 255, 0.8) 87.3%);
   width: 100%;
   height: 100%;
   left: 0;
-`,l=({post:e,gridArea:t})=>r.createElement(a,{gridArea:t},r.createElement(n,{to:e.slug},r.createElement(E,{gridArea:t},r.createElement(y,{my:0},e.title),r.createElement(i,{color:"var(--color-text-dimmed)",m:0},e.description?e.description:e.excerpt),r.createElement(i,{color:"var(--color-text-dimmed)",fontWeight:500,fontStyle:"italic"},d(e.date))))),y=o(s)`
+`,l=({post:r,gridArea:t})=>e.createElement(a,{gridArea:t},e.createElement(n,{to:r.slug},e.createElement(E,{gridArea:t},e.createElement(y,{my:0},r.title),e.createElement(i,{color:"var(--color-text-dimmed)",m:0},r.description),e.createElement(i,{color:"var(--color-text-dimmed)",fontWeight:500,fontStyle:"italic"},d(r.date))))),y=o(s)`
   font-size: 18px;
   line-height: 24px;
   font-family: var(--font-family);
@@ -48,9 +42,7 @@ import r from"react";import o from"styled-components";import{TextGradient as s}f
   transition: box-shadow 0.2s;
 
   &:hover {
-    box-shadow:
-      0 0 36px rgba(0 68 212 / 18%),
-      0 8px 16px 0 rgb(0 68 212 / 18%);
+    box-shadow: 0 0 36px rgba(0 68 212 / 18%), 0 8px 16px 0 rgb(0 68 212 / 18%);
   }
 `,v=o(x)`
   position: relative;

package/dist/components/Blog/LatestPosts.js

@@ -1,4 +1,4 @@
-import t,{useState as s,useMemo as g}from"react";import p from"styled-components";import{Button as h}from"../Button/CustomButton";import{Box as y}from"../../ui/Box";import{MediaBox as C,GridSection as x}from"../PositionItems";import{H2Title as S}from"../TypographyElements/TypographyElements";import{PostsCategoryFilter as b}from"../Blog/PostsCategoryFilter";import{SecondaryPostCard as k}from"../Blog/SecondaryPostCard";import{useMediaQuery as w}from"../../hooks/useMediaQuery";import{useThemeHooks as E}from"@redocly/theme/core/hooks";const R=()=>{const{usePageSharedData:c}=E(),n=w("(max-width: 550px)"),[r,a]=s(!1),[o,m]=s(null),{posts:l,metadata:{categories:d}}=c("blog-posts"),f=e=>{m(e),a(!1)},i=g(()=>o?l.filter(e=>e.categories.findIndex(u=>u.id===o)!==-1):l,[o]);return t.createElement(C,null,t.createElement(S,{color:"var(--color-text-dark)"},"Latest posts"),!n&&t.createElement(b,{categories:d,selectedCategory:o,onCategoryClick:f}),t.createElement(x,{gridTemplateColumns:{base:"1fr",small:"1fr 1fr"},gridRowGap:6,gridColumnGap:5,justifyItems:{base:"center"}},i.slice(0,r?void 0:4).map(e=>t.createElement(k,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,excerpt:e.excerpt,date:e.date,author:e.author}))),i.length>4&&t.createElement(y,{display:"flex",mt:6,justifyContent:"center"},t.createElement(v,{variant:"outlined",onClick:()=>a(e=>!e),size:"large"},r?"Show less":"Show more")))},v=p(h)`
+import t,{useState as i,useMemo as g}from"react";import p from"styled-components";import{Button as h}from"../Button/CustomButton";import{Box as y}from"../../ui/Box";import{MediaBox as C,GridSection as x}from"../PositionItems";import{H2Title as S}from"../TypographyElements/TypographyElements";import{PostsCategoryFilter as b}from"../Blog/PostsCategoryFilter";import{SecondaryPostCard as k}from"../Blog/SecondaryPostCard";import{useMediaQuery as w}from"../../hooks/useMediaQuery";import{useThemeHooks as E}from"@redocly/theme/core/hooks";const R=()=>{const{usePageSharedData:c}=E(),n=w("(max-width: 550px)"),[r,a]=i(!1),[o,m]=i(null),{posts:l,metadata:{categories:d}}=c("blog-posts"),f=e=>{m(e),a(!1)},s=g(()=>o?l.filter(e=>e.categories.findIndex(u=>u.id===o)!==-1):l,[o]);return t.createElement(C,null,t.createElement(S,{color:"var(--color-text-dark)"},"Latest posts"),!n&&t.createElement(b,{categories:d,selectedCategory:o,onCategoryClick:f}),t.createElement(x,{gridTemplateColumns:{base:"1fr",small:"1fr 1fr"},gridRowGap:6,gridColumnGap:5,justifyItems:{base:"center"}},s.slice(0,r?void 0:4).map(e=>t.createElement(k,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,date:e.date,author:e.author}))),s.length>4&&t.createElement(y,{display:"flex",mt:6,justifyContent:"center"},t.createElement(v,{variant:"outlined",onClick:()=>a(e=>!e),size:"large"},r?"Show less":"Show more")))},v=p(h)`
   color: var(--color-accent-main);
   border: 1px solid var(--color-accent-main);
 

package/dist/components/Blog/PrimaryPostCard.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Post } from './types';
-interface PrimaryPostCardProps extends Pick<Post, 'title' | 'excerpt' | 'author' | 'date' | 'description'> {
+interface PrimaryPostCardProps extends Pick<Post, 'title' | 'author' | 'date' | 'description'> {
     to: string;
     img: string;
 }

package/dist/components/Blog/PrimaryPostCard.js

@@ -1,13 +1,13 @@
-import t from"react";import e from"styled-components";import{H4Title as c,Paragraph as d}from"../TypographyElements/TypographyElements";import{Box as x}from"../../ui/Box";import{Author as h}from"./Author";import{PostLink as s}from"./PostLink";import{formatDateString as f}from"../../utils/dates";import{breakpoints as g}from"@redocly/theme/core/utils";function j(r){const{title:i,to:a,img:n,excerpt:m,author:l,date:p,description:o}=r;return t.createElement(b,null,t.createElement(s,{to:a},t.createElement(x,{display:"flex",flexDirection:"column",height:"100%",p:"24px 32px 32px 32px"},t.createElement(u,{src:n}),t.createElement(w,null,t.createElement(c,null,i),t.createElement(d,{color:"var(--color-text-dimmed)"},o||m),t.createElement(E,{author:l,date:f(p)})))))}const u=e.img`
+import t from"react";import e from"styled-components";import{H4Title as p,Paragraph as d}from"../TypographyElements/TypographyElements";import{Box as c}from"../../ui/Box";import{Author as x}from"./Author";import{PostLink as h}from"./PostLink";import{formatDateString as s}from"../../utils/dates";import{breakpoints as f}from"@redocly/theme/core/utils";function S(o){const{title:r,to:i,img:a,author:n,date:m,description:l}=o;return t.createElement(u,null,t.createElement(h,{to:i},t.createElement(c,{display:"flex",flexDirection:"column",height:"100%",p:"24px 32px 32px 32px"},t.createElement(g,{src:a}),t.createElement(b,null,t.createElement(p,null,r),t.createElement(d,{color:"var(--color-text-dimmed)"},l),t.createElement(w,{author:n,date:s(m)})))))}const g=e.img`
   width: 100%;
   height: 150px;
   margin-bottom: 26px;
   object-fit: contain;
 
-  @media screen and (min-width: ${g.large}) {
+  @media screen and (min-width: ${f.large}) {
     height: 210px;
   }
-`,b=e.div`
+`,u=e.div`
   position: relative;
   max-width: 600px;
   background: white;
@@ -21,10 +21,10 @@ import t from"react";import e from"styled-components";import{H4Title as c,Paragr
       0 0 50px rgba(0 68 212 / 18%),
       0 8px 16px 0 rgb(0 68 212 / 18%);
   }
-`,w=e.div`
+`,b=e.div`
   display: flex;
   flex-direction: column;
   height: 100%;
-`,E=e(h)`
+`,w=e(x)`
   margin-top: auto;
-`;export{j as PrimaryPostCard};
+`;export{S as PrimaryPostCard};

package/dist/components/Blog/SecondaryPostCard.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Post } from './types';
-interface SecondaryPostCardProps extends Pick<Post, 'title' | 'excerpt' | 'author' | 'date' | 'description'> {
+interface SecondaryPostCardProps extends Pick<Post, 'title' | 'author' | 'date' | 'description'> {
     to: string;
     img: string;
 }

package/dist/components/Blog/SecondaryPostCard.js

@@ -1,8 +1,8 @@
-import t from"react";import e from"styled-components";import{Box as d}from"../../ui/Box";import{Author as p}from"./Author";import{PostLink as x}from"./PostLink";import{H4Title as h,Paragraph as s}from"../TypographyElements/TypographyElements";import{formatDateString as g}from"../../utils/dates";function D(r){const{title:a,to:i,img:n,excerpt:l,author:c,date:m,description:o}=r;return t.createElement(b,null,t.createElement(x,{to:i},t.createElement(d,{display:"flex",flexDirection:"column",height:"100%"},t.createElement("div",null,t.createElement(f,null),t.createElement(u,{src:n})),t.createElement(v,null,t.createElement(h,{my:1,color:"var(--color-text-accent)"},a),t.createElement(s,{color:"var(--color-text-dimmed)"},o||l),t.createElement(E,{author:c,date:g(m)})))))}const u=e.img`
+import t from"react";import e from"styled-components";import{Box as c}from"../../ui/Box";import{Author as d}from"./Author";import{PostLink as p}from"./PostLink";import{H4Title as x,Paragraph as h}from"../TypographyElements/TypographyElements";import{formatDateString as s}from"../../utils/dates";function A(o){const{title:r,to:a,img:i,author:n,date:l,description:m}=o;return t.createElement(f,null,t.createElement(p,{to:a},t.createElement(c,{display:"flex",flexDirection:"column",height:"100%"},t.createElement("div",null,t.createElement(u,null),t.createElement(g,{src:i})),t.createElement(b,null,t.createElement(x,{my:1,color:"var(--color-text-accent)"},r),t.createElement(h,{color:"var(--color-text-dimmed)"},m),t.createElement(v,{author:n,date:s(l)})))))}const g=e.img`
   width: 100%;
   height: 270px;
   object-fit: cover;
-`,f=e.div`
+`,u=e.div`
   background: linear-gradient(
     to right bottom,
     rgba(0, 104, 251, 0.8) 15.14%,
@@ -12,7 +12,7 @@ import t from"react";import e from"styled-components";import{Box as d}from"../..
   position: absolute;
   width: 100%;
   height: 270px;
-`,b=e.div`
+`,f=e.div`
   position: relative;
   max-width: 500px;
   background: white;
@@ -26,11 +26,11 @@ import t from"react";import e from"styled-components";import{Box as d}from"../..
       0 0 50px rgba(0 68 212 / 18%),
       0 8px 16px 0 rgb(0 68 212 / 18%);
   }
-`,v=e.div`
+`,b=e.div`
   padding: 18px 36px 36px 36px;
   display: flex;
   flex-direction: column;
   height: 100%;
-`,E=e(p)`
+`,v=e(d)`
   margin-top: auto;
-`;export{D as SecondaryPostCard};
+`;export{A as SecondaryPostCard};

package/dist/components/Blog/types.d.ts

@@ -7,7 +7,6 @@ export type Post = {
         heading: string;
     };
     slug: string;
-    excerpt: string;
     author: Author;
     categories: Category[];
     image: string;

package/dist/components/Footer/FooterColumn.js

@@ -1,4 +1,4 @@
-import t from"react";import r,{css as v}from"styled-components";import{breakpoints as i}from"@redocly/theme/core/utils";import{useThemeHooks as E}from"@redocly/theme/core/hooks";import{LaunchIcon as k}from"@redocly/theme/icons/LaunchIcon/LaunchIcon";import{Link as n}from"@redocly/theme/components/Link/Link";import{Image as $}from"@redocly/theme/components/Image/Image";import{ResponsiveImg as a}from"../ImageComponents";import{Box as T}from"../../ui/Box";import{FooterCopyright as I}from"./FooterCopyright";function S({column:o,className:x,subscribeSection:l,copyrightText:u}){const{useTranslate:h,useTelemetry:y}=E(),{translate:m}=h(),b=y(),{items:d=[]}=o,c=d.every(e=>e.label===e.link&&(e.icon||e.srcSet)),p=m(o.labelTranslationKey,o.label),w=o.type==="link"?t.createElement(n,{to:o.link,external:o.external,target:o.target},p):p;return t.createElement(L,{"data-component-name":"Footer/FooterColumn",className:x},t.createElement(z,null,w),l&&t.createElement(C,null,t.createElement(n,{to:"https://github.com/Redocly"},t.createElement(a,{src:require("../../../images/icons/github.svg"),alt:"GitHub icon"})),t.createElement(n,{to:"https://www.linkedin.com/company/redocly"},t.createElement(a,{src:require("../../../images/icons/linkedin.svg"),alt:"LinkedIn icon"})),t.createElement(n,{to:"https://x.com/Redocly"},t.createElement(a,{src:require("../../../images/icons/logo-x.svg"),alt:"X icon"})),t.createElement(n,{to:"https://www.youtube.com/@redocly"},t.createElement(a,{src:require("../../../images/icons/youtube.svg"),alt:"YouTube icon"}))),t.createElement(g,{$iconsOnly:c,$subscribeSection:l},d?.map((e,f)=>e.type==="error"?null:e.type==="separator"?t.createElement(R,{key:e.label+"_"+f},m(e.labelTranslationKey,e.label)):t.createElement(O,{key:f,to:e.link,external:e.external,target:e.target,"data-cy":e.label,$iconsOnly:c,onClick:()=>b.send("footer_item_clicked",{})},e.icon||e.srcSet?t.createElement(s,null,t.createElement($,{src:e.icon,srcSet:e.srcSet})):null,!c&&m(e.labelTranslationKey,e.label),e.external?t.createElement(k,{size:"10px"}):null)),l&&t.createElement(F,null,t.createElement(I,{copyrightText:u||""}))))}const F=r.div`
+import t from"react";import o,{css as v}from"styled-components";import{breakpoints as i}from"@redocly/theme/core/utils";import{useThemeHooks as E}from"@redocly/theme/core/hooks";import{LaunchIcon as k}from"@redocly/theme/icons/LaunchIcon/LaunchIcon";import{Link as n}from"@redocly/theme/components/Link/Link";import{Image as $}from"@redocly/theme/components/Image/Image";import{ResponsiveImg as a}from"../ImageComponents";import{Box as T}from"../../ui/Box";import{FooterCopyright as I}from"./FooterCopyright";function S({column:r,className:x,subscribeSection:l,copyrightText:h}){const{useTranslate:u,useTelemetry:y}=E(),{translate:m}=u(),b=y(),{items:d=[]}=r,c=d.every(e=>e.label===e.link&&(e.icon||e.srcSet)),p=m(r.labelTranslationKey,r.label),w=r.type==="link"?t.createElement(n,{to:r.link,external:r.external,target:r.target},p):p;return t.createElement(L,{"data-component-name":"Footer/FooterColumn",className:x},t.createElement(z,null,w),l&&t.createElement(C,null,t.createElement(n,{to:"https://github.com/Redocly"},t.createElement(a,{src:require("../../../images/icons/github.svg"),alt:"GitHub icon"})),t.createElement(n,{to:"https://www.linkedin.com/company/redocly"},t.createElement(a,{src:require("../../../images/icons/linkedin.svg"),alt:"LinkedIn icon"})),t.createElement(n,{to:"https://x.com/Redocly"},t.createElement(a,{src:require("../../../images/icons/logo-x.svg"),alt:"X icon"})),t.createElement(n,{to:"https://www.youtube.com/@redocly"},t.createElement(a,{src:require("../../../images/icons/youtube.svg"),alt:"YouTube icon"}))),t.createElement(g,{$iconsOnly:c,$subscribeSection:l},d?.map((e,f)=>e.type==="error"?null:e.type==="separator"?t.createElement(R,{key:e.label+"_"+f},m(e.labelTranslationKey,e.label)):t.createElement(O,{key:f,to:e.link,external:e.external,target:e.target,"data-cy":e.label,$iconsOnly:c,onClick:()=>b.send("footer_item_clicked",{})},e.icon||e.srcSet?t.createElement(s,null,t.createElement($,{src:e.icon,srcSet:e.srcSet})):null,!c&&m(e.labelTranslationKey,e.label),e.external?t.createElement(k,{size:"10px"}):null)),l&&t.createElement(F,null,t.createElement(I,{copyrightText:h||""}))))}const F=o.div`
   display: flex;
   flex-direction: column;
   font-size: 16px;
@@ -6,7 +6,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
   line-height: 24px;
   color: var(--typography-text-color);
   font-family: Inter;
-`,z=r.p`
+`,z=o.p`
   display: inline-block;
   font-weight: var(--footer-title-font-weight);
   margin-top: 0;
@@ -21,7 +21,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
   @media screen and (min-width: ${i.small}) {
     margin-bottom: var(--footer-title-margin-bottom);
   }
-`,C=r(T)`
+`,C=o(T)`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -35,7 +35,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
     background-color: var(--color-warm-grey-2);
     border-radius: 6px;
   }
-`,L=r.div`
+`,L=o.div`
   display: flex;
   flex-direction: column;
   text-align: left;
@@ -63,7 +63,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
     margin-bottom: 60px;
     padding: 0;
   }
-`,s=r.div`
+`,s=o.div`
   display: inline-flex;
   width: var(--footer-item-icon-width);
   height: var(--footer-item-icon-height);
@@ -72,7 +72,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
   border: 1px solid var(--footer-item-icon-border-color);
   border-radius: var(--footer-item-icon-border-radius);
   padding: var(--footer-item-icon-padding);
-`,O=r(n)`
+`,O=o(n)`
   color: var(--text-color-secondary);
   text-decoration: none;
   font-family: Inter;
@@ -86,15 +86,15 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
   }
 
   &:last-child ${s} {
-    margin-right: ${({$iconsOnly:o})=>o?"0":"var(--footer-item-icon-margin-right)"};
+    margin-right: ${({$iconsOnly:r})=>r?"0":"var(--footer-item-icon-margin-right)"};
   }
-`,g=r.div`
+`,g=o.div`
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  flex-direction: ${o=>o.$iconsOnly?"row":"column"};
+  flex-direction: ${r=>r.$iconsOnly?"row":"column"};
 
-  ${({$subscribeSection:o})=>o&&v`
+  ${({$subscribeSection:r})=>r&&v`
       @media screen and (max-width: ${i.medium}) {
         flex-direction: row;
         gap: 24px;
@@ -105,7 +105,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
   @media screen and (min-width: ${i.small}) {
     justify-content: flex-start;
   }
-`,R=r.div`
+`,R=o.div`
   opacity: 0.75;
   margin: 10px 0 5px 0;
   font-size: 0.75em;

package/dist/components/Footer/FooterColumns.js

@@ -1,4 +1,4 @@
-import n from"react";import r from"styled-components";import{FooterColumn as c}from"./FooterColumn";import{breakpoints as e}from"@redocly/theme/core/utils";function d({columns:t,className:l,copyrightText:s}){return t?.length?n.createElement(i,{"data-component-name":"Footer/FooterColumns",className:l},n.createElement(m,null,t.map((o,a)=>n.createElement(c,{key:`${o.label}_${a}`,column:o,subscribeSection:t.length-1===a,copyrightText:s})))):null}const i=r.div`
+import n from"react";import r from"styled-components";import{FooterColumn as c}from"./FooterColumn";import{breakpoints as e}from"@redocly/theme/core/utils";function d({columns:t,className:l,copyrightText:s}){return t?.length?n.createElement(o,{"data-component-name":"Footer/FooterColumns",className:l},n.createElement(a,null,t.map((i,m)=>n.createElement(c,{key:`${i.label}_${m}`,column:i,subscribeSection:t.length-1===m,copyrightText:s})))):null}const o=r.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -12,7 +12,7 @@ import n from"react";import r from"styled-components";import{FooterColumn as c}f
   @media screen and (min-width: ${e.small}) {
     margin: 0 auto;
   }
-`,m=r.div`
+`,a=r.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   justify-content: center;
@@ -31,4 +31,4 @@ import n from"react";import r from"styled-components";import{FooterColumn as c}f
   @media screen and (min-width: ${e.large}) {
     padding: 0 100px;
   }
-`;export{d as FooterColumns,i as FooterColumnsContainer,m as FooterRow};
+`;export{d as FooterColumns,o as FooterColumnsContainer,a as FooterRow};

package/dist/components/Footer/FooterCopyright.js

@@ -1,4 +1,4 @@
-import t from"react";import o from"styled-components";import{useThemeHooks as i}from"@redocly/theme/core/hooks";import{breakpoints as m}from"@redocly/theme/core/utils";function s({copyrightText:e="",className:r}){const{useTranslate:n}=i(),{translate:a}=n();return e?t.createElement(l,{className:r,"data-component-name":"Footer/FooterCopyright","data-translation-key":"theme.footer.copyrightText"},t.createElement(c,null,a("theme.footer.copyrightText",e))):null}const l=o.section`
+import e from"react";import o from"styled-components";import{useThemeHooks as i}from"@redocly/theme/core/hooks";import{breakpoints as m}from"@redocly/theme/core/utils";function s({copyrightText:t="",className:r}){const{useTranslate:n}=i(),{translate:a}=n();return t?e.createElement(l,{className:r,"data-component-name":"Footer/FooterCopyright","data-translation-key":"theme.footer.copyrightText"},e.createElement(c,null,a("theme.footer.copyrightText",t))):null}const l=o.section`
   display: flex;
   justify-content: space-between;
   align-items: center;

package/dist/components/Menu/MenuItem.js

@@ -1,4 +1,4 @@
-import t,{useRef as E}from"react";import n,{css as z}from"styled-components";import{useNestedMenu as W,useThemeHooks as _}from"@redocly/theme/core/hooks";import{LaunchIcon as $}from"@redocly/theme/icons/LaunchIcon/LaunchIcon";import{Link as F}from"@redocly/theme/components/Link/Link";import{ChevronDownIcon as s}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{ChevronRightIcon as u}from"@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";import{HttpTag as G}from"@redocly/theme/components/Tags/HttpTag";import{MenuItemType as d}from"@redocly/theme/core/constants";import{getMenuItemType as O}from"@redocly/theme/core/utils";import{ArrowRightIcon as U}from"@redocly/theme/icons/ArrowRightIcon/ArrowRightIcon";import{Badge as q}from"@redocly/theme/components/Badge/Badge";import{ButtonWithArrow as J}from"../Button/ButtonWithArrow";function Q(r){const{item:e,depth:a,className:l,onClick:v}=r,{useTranslate:L,useTelemetry:N}=_(),{translate:m}=L(),i=O(e),f=E(null),p=E(null),{isExpanded:g,canUnmount:K,style:H,handleExpand:P}=W({...r,type:i,labelRef:p,nestedMenuRef:f}),S=N(),x=i===d.DrillDown,h=i===d.Group,c=h&&!x,V=i===d.Operation,y=e.label==="Reunite"&&e.link==="/reunite",k=()=>{S.send?.("sidebar_item_clicked",{label:e.label,type:e.type}),v?.(),h&&P()},j=c?g?t.createElement(s,{size:"var(--menu-item-label-chevron-size)",color:"--tree-content-color-default"}):t.createElement(u,{size:"var(--menu-item-label-chevron-size)",color:"--tree-content-color-default"}):null,A=e.deprecated?"http-deprecated":e.httpVerb,B=y&&t.createElement(I,{active:e.active,deprecated:e.deprecated,depth:a,withChevron:c,onClick:k,ref:p,role:e.link?"none":"link",style:{flexDirection:"column"}},e.sublabel?t.createElement(C,{style:{margin:"0",color:"var(--text-color-primary)",fontFamily:"Inter",fontSize:"14px",fontWeight:"400",lineHeight:"22px"}},m(e.subLabelTranslationKey,e.sublabel)):null,t.createElement(ee,null,t.createElement("div",{style:{flexDirection:"row",gap:"8px",display:"flex",alignItems:"center"}},e.icon?t.createElement(M,{src:e.icon}):null,t.createElement(R,null,t.createElement("span",null,m(e.labelTranslationKey,e.label)),e.badges?.map(({name:o,color:b})=>t.createElement(D,{color:b,key:o},o)),e.external?t.createElement($,{size:"var(--menu-item-external-icon-size)"}):null)),t.createElement(J,{mode:"light",link:e.link,buttonText:""}))),w=e.label&&!y&&t.createElement(I,{active:e.active,deprecated:e.deprecated,depth:a,withChevron:c,onClick:k,ref:p,role:e.link?"none":"link"},c&&j,e.icon?t.createElement(M,{src:e.icon}):null,t.createElement(T,null,t.createElement(R,null,t.createElement("span",null,m(e.labelTranslationKey,e.label)),e.badges?.map(({name:o,color:b})=>t.createElement(D,{color:b,key:o},o)),e.external?t.createElement($,{size:"var(--menu-item-external-icon-size)"}):null),e.sublabel?t.createElement(C,null,m(e.subLabelTranslationKey,e.sublabel)):null),x?t.createElement(U,{size:"16px"}):null,V?t.createElement(G,{color:A||""},e.httpVerb==="hook"?"event":e.httpVerb):null);return t.createElement(Y,{"data-component-name":"Menu/MenuItem",className:X({type:i,item:e,className:l})},e.link?t.createElement(te,{to:e.link,external:e.external,target:e.target,languageInsensitive:e.languageInsensitive},w,B):w,h?t.createElement(Z,{depth:a,ref:f,style:H},g||!K?r.children:null):null,e.separatorLine?t.createElement(re,{depth:a,linePosition:e.linePosition}):null)}function X({type:r,item:e,className:a}){const l=[a,`menu-item-type-${r}`];return r===d.Separator&&l.push(`menu-item-type-${r}-${e.variant||"primary"}`),e.menuStyle==="drilldown-header"&&(l.push("menu-item-type-drilldown-header"),e.link&&l.push("menu-item-type-drilldown-header-link")),l.filter(v=>v).join(" ").trim()}const Y=n.div`
+import t,{useRef as E}from"react";import r,{css as z}from"styled-components";import{useNestedMenu as W,useThemeHooks as _}from"@redocly/theme/core/hooks";import{LaunchIcon as $}from"@redocly/theme/icons/LaunchIcon/LaunchIcon";import{Link as F}from"@redocly/theme/components/Link/Link";import{ChevronDownIcon as s}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{ChevronRightIcon as u}from"@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";import{HttpTag as G}from"@redocly/theme/components/Tags/HttpTag";import{MenuItemType as d}from"@redocly/theme/core/constants";import{getMenuItemType as O}from"@redocly/theme/core/utils";import{ArrowRightIcon as U}from"@redocly/theme/icons/ArrowRightIcon/ArrowRightIcon";import{Badge as q}from"@redocly/theme/components/Badge/Badge";import{ButtonWithArrow as J}from"../Button/ButtonWithArrow";function Q(n){const{item:e,depth:a,className:l,onClick:v}=n,{useTranslate:L,useTelemetry:N}=_(),{translate:m}=L(),i=O(e),b=E(null),p=E(null),{isExpanded:g,canUnmount:K,style:H,handleExpand:P}=W({...n,type:i,labelRef:p,nestedMenuRef:b}),S=N(),x=i===d.DrillDown,h=i===d.Group,c=h&&!x,V=i===d.Operation,y=e.label==="Reunite"&&e.link==="/reunite",k=()=>{S.send?.("sidebar_item_clicked",{label:e.label,type:e.type}),v?.(),h&&P()},j=c?g?t.createElement(s,{size:"var(--menu-item-label-chevron-size)",color:"--tree-content-color-default"}):t.createElement(u,{size:"var(--menu-item-label-chevron-size)",color:"--tree-content-color-default"}):null,A=e.deprecated?"http-deprecated":e.httpVerb,B=y&&t.createElement(I,{active:e.active,deprecated:e.deprecated,depth:a,withChevron:c,onClick:k,ref:p,role:e.link?"none":"link",style:{flexDirection:"column"}},e.sublabel?t.createElement(C,{style:{margin:"0",color:"var(--text-color-primary)",fontFamily:"Inter",fontSize:"14px",fontWeight:"400",lineHeight:"22px"}},m(e.subLabelTranslationKey,e.sublabel)):null,t.createElement(ee,null,t.createElement("div",{style:{flexDirection:"row",gap:"8px",display:"flex",alignItems:"center"}},e.icon?t.createElement(M,{src:e.icon}):null,t.createElement(R,null,t.createElement("span",null,m(e.labelTranslationKey,e.label)),e.badges?.map(({name:o,color:f})=>t.createElement(D,{color:f,key:o},o)),e.external?t.createElement($,{size:"var(--menu-item-external-icon-size)"}):null)),t.createElement(J,{mode:"light",link:e.link,buttonText:""}))),w=e.label&&!y&&t.createElement(I,{active:e.active,deprecated:e.deprecated,depth:a,withChevron:c,onClick:k,ref:p,role:e.link?"none":"link"},c&&j,e.icon?t.createElement(M,{src:e.icon}):null,t.createElement(T,null,t.createElement(R,null,t.createElement("span",null,m(e.labelTranslationKey,e.label)),e.badges?.map(({name:o,color:f})=>t.createElement(D,{color:f,key:o},o)),e.external?t.createElement($,{size:"var(--menu-item-external-icon-size)"}):null),e.sublabel?t.createElement(C,null,m(e.subLabelTranslationKey,e.sublabel)):null),x?t.createElement(U,{size:"16px"}):null,V?t.createElement(G,{color:A||""},e.httpVerb==="hook"?"event":e.httpVerb):null);return t.createElement(Y,{"data-component-name":"Menu/MenuItem",className:X({type:i,item:e,className:l})},e.link?t.createElement(te,{to:e.link,external:e.external,target:e.target,languageInsensitive:e.languageInsensitive},w,B):w,h?t.createElement(Z,{depth:a,ref:b,style:H},g||!K?n.children:null):null,e.separatorLine?t.createElement(ne,{depth:a,linePosition:e.linePosition}):null)}function X({type:n,item:e,className:a}){const l=[a,`menu-item-type-${n}`];return n===d.Separator&&l.push(`menu-item-type-${n}-${e.variant||"primary"}`),e.menuStyle==="drilldown-header"&&(l.push("menu-item-type-drilldown-header"),e.link&&l.push("menu-item-type-drilldown-header-link")),l.filter(v=>v).join(" ").trim()}const Y=r.div`
   display: flex;
   flex-direction: column;
   background-color: var(--menu-item-bg-color);
@@ -21,7 +21,7 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
     text-decoration: none;
     color: var(--menu-item-text-color);
   }
-`,Z=n.div`
+`,Z=r.div`
   overflow: hidden;
   order: 1;
   position: relative;
@@ -36,15 +36,15 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
     bottom: var(--spacing-unit);
     top: 0;
     z-index: var(--z-index-surface);
-    left: ${({depth:r})=>`calc(
+    left: ${({depth:n})=>`calc(
         var(--menu-item-label-margin-horizontal) +
         var(--menu-item-padding-horizontal) +
         (var(--menu-item-label-chevron-size) / 2 - 1px) +
-        var(--menu-item-nested-offset) * ${r})
+        var(--menu-item-nested-offset) * ${n})
       `};
     border: 0.5px solid var(--border-color-primary);
   }
-`,I=n.li`
+`,I=r.li`
   display: flex;
   position: relative;
   cursor: pointer;
@@ -57,13 +57,13 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
   padding: var(--menu-item-label-padding);
   gap: var(--menu-item-label-gap);
 
-  padding-left: ${({withChevron:r,depth:e})=>`calc(
+  padding-left: ${({withChevron:n,depth:e})=>`calc(
       var(--menu-item-padding-horizontal) +
-      ${r?"0px":"var(--menu-item-label-chevron-offset)"} +
+      ${n?"0px":"var(--menu-item-label-chevron-offset)"} +
       ${e?"var(--menu-item-nested-offset) * "+e:"0px"}
     )`};
 
-  ${({active:r,deprecated:e})=>r&&z`
+  ${({active:n,deprecated:e})=>n&&z`
       color: ${e?"var(--menu-content-color-disabled)":"var(--menu-item-color-active)"};
       background-color: var(--menu-item-bg-color-active);
 
@@ -79,7 +79,7 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
       }
     `};
 
-  ${({deprecated:r})=>r&&z`
+  ${({deprecated:n})=>n&&z`
       color: var(--menu-content-color-disabled);
 
       &:hover {
@@ -114,11 +114,11 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
   &:empty {
     padding: 0;
   }
-`,T=n.div`
+`,T=r.div`
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-`,ee=n(T)`
+`,ee=r(T)`
   flex-direction: row;
   justify-content: space-between;
   width: 100%;
@@ -127,39 +127,39 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
   section {
       background-color: var(--bg-color);
     }
-`,C=n.div`
+`,C=r.div`
   margin: var(--menu-item-sublabel-margin);
   color: var(--menu-item-sublabel-text-color);
   font-weight: var(--menu-item-sublabel-font-weight);
   font-size: var(--menu-item-sublabel-font-size);
   font-family: var(--menu-item-sublabel-font-family);
-`,M=n.img`
+`,M=r.img`
   width: var(--menu-item-icon-size);
   height: var(--menu-item-icon-size);
   margin: var(--menu-item-icon-margin);
   border-radius: var(--menu-item-icon-border-radius);
   flex-shrink: 0;
   overflow: hidden;
-`,te=n(F)`
+`,te=r(F)`
   order: 1;
-`,re=n.div`
+`,ne=r.div`
   height: var(--menu-item-separator-line-height);
   background-color: var(--menu-item-separator-line-bg-color);
-  margin: ${({depth:r})=>`
+  margin: ${({depth:n})=>`
     var(--menu-item-padding-vertical)
     var(--sidebar-margin-horizontal)
     var(--menu-item-padding-vertical)
     calc(var(--sidebar-margin-horizontal) +
-    ${r?"var(--menu-item-nested-offset) * "+r:"0px"})
+    ${n?"var(--menu-item-nested-offset) * "+n:"0px"})
   `};
-  order: ${({linePosition:r})=>r==="top"?0:1};
-`,R=n.span`
+  order: ${({linePosition:n})=>n==="top"?0:1};
+`,R=r.span`
   & > * {
     margin-right: var(--spacing-xxs);
   }
-`,D=n(q)`
+`,D=r(q)`
   margin-left: 0;
-  background-color: ${({color:r})=>r||"var(--color-info-base)"};
+  background-color: ${({color:n})=>n||"var(--color-info-base)"};
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   padding: 0 var(--spacing-xxs);

package/dist/components/Navbar/NavbarItem.js

@@ -1,4 +1,4 @@
-import e from"react";import t,{css as O}from"styled-components";import{useLocation as q}from"react-router-dom";import{getPathnameForLocale as k,withPathPrefix as E}from"@redocly/theme/core/utils";import{useThemeHooks as M}from"@redocly/theme/core/hooks";import{LaunchIcon as A}from"@redocly/theme/icons/LaunchIcon/LaunchIcon";import{Link as v}from"@redocly/theme/components/Link/Link";import{Dropdown as K}from"@redocly/theme/components/Dropdown/Dropdown";function Z({navItem:a,className:c}){const{pathname:h}=q(),{useTranslate:P,useI18nConfig:_,useTelemetry:j}=M(),{translate:u}=P(),{defaultLocale:x,currentLocale:f,locales:b}=_(),w=j(),[R,T]=e.useState(!1);if(e.useEffect(()=>{T(window.ontouchstart!==void 0)},[]),a.link){const i=a,n=h===E(k(i.link,x,f,b));return e.createElement(I,{active:n,"data-component-name":"Navbar/NavbarItem",className:c,onClick:()=>w.send("navbar_menu_item_clicked",{type:"link"})},e.createElement(ie,{to:i.link,external:i.external,target:i.target,active:n},i.icon?e.createElement(N,{url:i.icon}):null,e.createElement(C,null,u(i.labelTranslationKey,i.label)),i.external?e.createElement(A,{size:"10px"}):null))}else if(a.items){const i=a,n=i.items,B=n.flatMap(r=>r.link?h===E(k(r?.link,x,f,b)):!1).includes(!0),y=["Collaborative editor suite","Combo of Redoc, Revel, and Reef","External developer showcase","API reference and mock server","Internal service catalog","API monitoring"],D=n.reduce((r,o,l)=>(o.type.startsWith("separator")?r.push({[o.label]:[]}):o.label==="Reunite"?r[r.length-1][Object.keys(r[r.length-1])[0]].push(e.createElement(G,{key:`${o.label}`,to:o.link},e.createElement(J,null,"Build your docs with"),e.createElement(Q,null,e.createElement(U,null,e.createElement(L,{src:o.icon}),e.createElement("p",null,o.label)),e.createElement("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"inherit",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"28",height:"28",rx:"14",fill:"inherit"}),e.createElement("path",{d:"M14.875 9.625L14.2494 10.2344L17.5656 13.5625H8.75V14.4375H17.5656L14.2494 17.7507L14.875 18.375L19.25 14L14.875 9.625Z",fill:"inherit"}))))):r[r.length-1][Object.keys(r[r.length-1])[0]].push(e.createElement(ae,{key:`${o.label}`,to:o.link},o.icon&&e.createElement(L,{src:o.icon}),e.createElement(X,null,o.label,y[l-1]&&e.createElement("span",null,y[l-1])))),r),[]),d=[],p=[];let m={};return D.map(r=>{Object.entries(r).map(([o,l])=>{o==="Products"?l.map((s,H)=>{H===0?m=s:d.push(s)}):l.map(s=>{p.push(s)})})}),e.createElement(oe,{trigger:e.createElement(I,{active:B,"data-component-name":"Navbar/NavbarItem",className:c,onClick:()=>w.send("navbar_menu_item_clicked",{type:"group"})},e.createElement(N,{url:i.icon}),e.createElement(C,null,u(i.labelTranslationKey,i.label)),e.createElement(z,{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"16",height:"16",fill:"none",style:{mixBlendMode:"multiply"}}),e.createElement("path",{d:"M8 10.9998L3 5.9998L3.7 5.2998L8 9.5998L12.3 5.2998L13 5.9998L8 10.9998Z",fill:"#1C1C1C"}))),triggerEvent:R?"click":"hover"},e.createElement(Y,null,e.createElement(re,null,e.createElement(W,null,m&&e.createElement(ee,{style:{display:"flex"}},m),e.createElement($,null,d&&e.createElement(te,null,d.map((r,o)=>e.createElement(g,{key:o,product:`${r.key.toLowerCase()}`,isLast:o===d.length-1},r))),p&&e.createElement(V,null,e.createElement(S,null,e.createElement("img",{src:require("./images/open-source-icon.svg")}),"Open source tools:"),e.createElement(F,null,p.map((r,o)=>e.createElement("span",{key:o},r)))))))))}else return null}const F=t.div`
+import e from"react";import t,{css as O}from"styled-components";import{useLocation as q}from"react-router-dom";import{getPathnameForLocale as k,withPathPrefix as E}from"@redocly/theme/core/utils";import{useThemeHooks as H}from"@redocly/theme/core/hooks";import{LaunchIcon as A}from"@redocly/theme/icons/LaunchIcon/LaunchIcon";import{Link as v}from"@redocly/theme/components/Link/Link";import{Dropdown as K}from"@redocly/theme/components/Dropdown/Dropdown";function Z({navItem:a,className:c}){const{pathname:h}=q(),{useTranslate:P,useI18nConfig:_,useTelemetry:j}=H(),{translate:u}=P(),{defaultLocale:x,currentLocale:f,locales:b}=_(),w=j(),[R,T]=e.useState(!1);if(e.useEffect(()=>{T(window.ontouchstart!==void 0)},[]),a.link){const i=a,n=h===E(k(i.link,x,f,b));return e.createElement(I,{active:n,"data-component-name":"Navbar/NavbarItem",className:c,onClick:()=>w.send("navbar_menu_item_clicked",{type:"link"})},e.createElement(ie,{to:i.link,external:i.external,target:i.target,active:n},i.icon?e.createElement(N,{url:i.icon}):null,e.createElement(C,null,u(i.labelTranslationKey,i.label)),i.external?e.createElement(A,{size:"10px"}):null))}else if(a.items){const i=a,n=i.items,B=n.flatMap(r=>r.link?h===E(k(r?.link,x,f,b)):!1).includes(!0),y=["Collaborative editor suite","Combo of Redoc, Revel, and Reef","External developer showcase","API reference and mock server","Internal service catalog","API monitoring"],D=n.reduce((r,o,l)=>(o.type.startsWith("separator")?r.push({[o.label]:[]}):o.label==="Reunite"?r[r.length-1][Object.keys(r[r.length-1])[0]].push(e.createElement(G,{key:`${o.label}`,to:o.link},e.createElement(J,null,"Build your docs with"),e.createElement(Q,null,e.createElement(U,null,e.createElement(L,{src:o.icon}),e.createElement("p",null,o.label)),e.createElement("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"inherit",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"28",height:"28",rx:"14",fill:"inherit"}),e.createElement("path",{d:"M14.875 9.625L14.2494 10.2344L17.5656 13.5625H8.75V14.4375H17.5656L14.2494 17.7507L14.875 18.375L19.25 14L14.875 9.625Z",fill:"inherit"}))))):r[r.length-1][Object.keys(r[r.length-1])[0]].push(e.createElement(ae,{key:`${o.label}`,to:o.link},o.icon&&e.createElement(L,{src:o.icon}),e.createElement(X,null,o.label,y[l-1]&&e.createElement("span",null,y[l-1])))),r),[]),d=[],p=[];let m={};return D.map(r=>{Object.entries(r).map(([o,l])=>{o==="Products"?l.map((s,M)=>{M===0?m=s:d.push(s)}):l.map(s=>{p.push(s)})})}),e.createElement(oe,{trigger:e.createElement(I,{active:B,"data-component-name":"Navbar/NavbarItem",className:c,onClick:()=>w.send("navbar_menu_item_clicked",{type:"group"})},e.createElement(N,{url:i.icon}),e.createElement(C,null,u(i.labelTranslationKey,i.label)),e.createElement(z,{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"16",height:"16",fill:"none",style:{mixBlendMode:"multiply"}}),e.createElement("path",{d:"M8 10.9998L3 5.9998L3.7 5.2998L8 9.5998L12.3 5.2998L13 5.9998L8 10.9998Z",fill:"#1C1C1C"}))),triggerEvent:R?"click":"hover"},e.createElement(Y,null,e.createElement(re,null,e.createElement(W,null,m&&e.createElement(ee,{style:{display:"flex"}},m),e.createElement($,null,d&&e.createElement(te,null,d.map((r,o)=>e.createElement(g,{key:o,product:`${r.key.toLowerCase()}`,isLast:o===d.length-1},r))),p&&e.createElement(V,null,e.createElement(S,null,e.createElement("img",{src:require("./images/open-source-icon.svg")}),"Open source tools:"),e.createElement(F,null,p.map((r,o)=>e.createElement("span",{key:o},r)))))))))}else return null}const F=t.div`
   display: flex;
   align-items: center;
   gap: 16px;

package/dist/components/Navbar/NavbarMenu.js

@@ -1,4 +1,4 @@
-import a from"react";import i from"styled-components";import{NavbarItem as p}from"@redocly/theme/components/Navbar/NavbarItem";import{breakpoints as u}from"@redocly/theme/core/utils";function v({menuItems:l,className:m}){return a.useEffect(()=>{const t=document.querySelectorAll('[data-component-name="Navbar/NavbarItem"]'),e=document.getElementById("navigation-menu"),n=document.getElementById("nav-items-block");t.forEach(o=>{o.addEventListener("mouseover",()=>{if(n!==null&&e!==null){const r=o.getBoundingClientRect(),s=n?.getBoundingClientRect(),d=r.width,c=r.left-s.left;e.style.width=`${d}px`,e.style.transform=`translateX(${c}px)`,e.style.opacity="1"}})}),n?.addEventListener("mouseleave",()=>{e!==null&&(e.style.opacity="0")})},[]),a.createElement(y,{"data-component-name":"Navbar/NavbarMenu",className:m},a.createElement(b,{id:"nav-items-block"},a.createElement(f,{id:"navigation-menu"}),l.map((t,e)=>a.createElement(p,{key:`${t.label}_${e}`,"data-cy":t.label,navItem:t}))))}const f=i.div`
+import a from"react";import i from"styled-components";import{NavbarItem as p}from"@redocly/theme/components/Navbar/NavbarItem";import{breakpoints as u}from"@redocly/theme/core/utils";function v({menuItems:l,className:m}){return a.useEffect(()=>{const t=document.querySelectorAll('[data-component-name="Navbar/NavbarItem"]'),e=document.getElementById("navigation-menu"),n=document.getElementById("nav-items-block");t.forEach(r=>{r.addEventListener("mouseover",()=>{if(n!==null&&e!==null){const o=r.getBoundingClientRect(),s=n?.getBoundingClientRect(),d=o.width,c=o.left-s.left;e.style.width=`${d}px`,e.style.transform=`translateX(${c}px)`,e.style.opacity="1"}})}),n?.addEventListener("mouseleave",()=>{e!==null&&(e.style.opacity="0")})},[]),a.createElement(y,{"data-component-name":"Navbar/NavbarMenu",className:m},a.createElement(b,{id:"nav-items-block"},a.createElement(f,{id:"navigation-menu"}),l.map((t,e)=>a.createElement(p,{key:`${t.label}_${e}`,"data-cy":t.label,navItem:t}))))}const f=i.div`
   position: absolute;
   left: 0;
   width: 40px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",