@redocly/openapi-docs 3.0.0-alpha.12 → 3.0.0-alpha.14

package/lib-esm/components/ToggleRightPanelButton/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const HideRightPanelSVG: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;
+export declare const StyledToggleRightPanelButton: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const ShowRightPanelSVG: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;

package/lib-esm/components/ToggleRightPanelButton/styled.js

@@ -0,0 +1,17 @@
+import React from"react";import styled from"styled-components";export const HideRightPanelSVG=styled((()=>React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"var(--color-emphasis-400)"}),React.createElement("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"var(--color-emphasis-400)"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"var(--color-emphasis-400)"}))))`
+  position: absolute;
+`;export const StyledToggleRightPanelButton=styled.a`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  z-index: 1;
+  /* Rectangle 201 */
+  height: var(--layout-controls-height);
+  width: var(--layout-controls-width);
+  background: var(--color-emphasis-100);
+  border-radius: var(--border-radius);
+`;export const ShowRightPanelSVG=styled((()=>React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"var(--color-emphasis-400)"}),React.createElement("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"var(--color-emphasis-400)"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"var(--color-emphasis-400)"}))))`
+  position: absolute;
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/VersionSwitcher.d.ts

@@ -1,7 +1,8 @@
-import type { VersionedSpecStore } from '../services/VersionedSpecStore';
 import type { DropdownOption } from './common/Dropdown';
+import type { OpenAPIDefinitionVersion } from '../recoil/store';
 export interface VersionSwitcherProps {
     onChange: (o: DropdownOption) => void;
-    spec: VersionedSpecStore;
+    versions: OpenAPIDefinitionVersion[];
+    activeVersionIdx: number;
 }
-export declare const VersionSwitcher: ({ spec, onChange }: VersionSwitcherProps) => JSX.Element;
+export declare const VersionSwitcher: ({ versions, onChange, activeVersionIdx, }: VersionSwitcherProps) => JSX.Element | null;

package/lib-esm/components/VersionSwitcher.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{VersionDropdown}from"./common/Dropdown";export const VersionSwitcher=({spec:e,onChange:n})=>{const o=e.versionsInfo.map(((e,n)=>({idx:n,value:e.title})));return React.createElement(VersionWrapper,null,React.createElement(VersionDropdown,{options:o,value:o[e.activeVersionIdx].value,onChange:n,ariaLabel:"Version"}))};const VersionWrapper=styled.div`
+import React from"react";import styled from"styled-components";import{VersionDropdown}from"./common/Dropdown";export const VersionSwitcher=({versions:e,onChange:n,activeVersionIdx:o})=>{const r=e.map(((e,n)=>({idx:n,value:e.title||e.id})));return React.createElement(VersionWrapper,null,React.createElement(VersionDropdown,{options:r,value:r[o].value,onChange:n,ariaLabel:"Version"}))};const VersionWrapper=styled.div`
   padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
   width: 100%;
   display: inline-block;

package/lib-esm/components/common/Dropdown/Dropdown.js

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{ClearButton}from"../ClearButton";const ArrowSvg=({className:e,style:t})=>React.createElement("svg",{className:e,style:t,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},React.createElement("polyline",{points:"6 9 12 15 18 9"})),ArrowIcon=styled(ArrowSvg)`
+import React,{memo,useMemo}from"react";import styled from"styled-components";import{ClearButton}from"../ClearButton";import{normalizeText}from"../../../utils";const ArrowSvg=({className:e,style:t})=>React.createElement("svg",{className:e,style:t,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},React.createElement("polyline",{points:"6 9 12 15 18 9"})),ArrowIcon=styled(ArrowSvg)`
   position: absolute;
   pointer-events: none;
   z-index: 1;
@@ -12,5 +12,5 @@ import React,{memo}from"react";import styled from"styled-components";import{Clea
   polyline {
     color: ${e=>"dark"===e.variant&&"white"};
   }
-`,DropdownComponent=({options:e,onChange:t,handleClear:o,clearable:a,placeholder:n,value:r="",className:l,variant:s="light"})=>React.createElement("div",{className:l+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:s}),a&&(null==r?void 0:r.length)>0&&React.createElement(ClearButton,{handleClear:o}),React.createElement("select",{onChange:o=>{const{selectedIndex:a}=o.target;t(e[n||!r?a-1:a])},value:r,className:"dropdown-select"},n&&React.createElement("option",{disabled:!0,hidden:!0,value:n},n),!r&&!n&&React.createElement("option",{disabled:!0}),e.map((({idx:e,value:t,title:o},a)=>React.createElement("option",{key:e||t+a,value:t,className:"dropdown-option"},o||t)))),React.createElement("label",null,r));export const Dropdown=memo(DropdownComponent);
+`,DropdownComponent=({options:e,onChange:t,handleClear:o,clearable:n,placeholder:a,value:r="",className:l,variant:s="light"})=>{const c=useMemo((()=>e.map((({idx:e,value:t,title:o},n)=>{const a=normalizeText(t);return React.createElement("option",{key:e||a+n,value:a,className:"dropdown-option"},o||a)}))),[e]),i=normalizeText(r);return React.createElement("div",{className:l+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:s}),n&&(null==i?void 0:i.length)>0&&React.createElement(ClearButton,{handleClear:o}),React.createElement("select",{onChange:o=>{const{selectedIndex:n}=o.target;t(e[a||!r?n-1:n])},value:i,className:"dropdown-select"},a&&React.createElement("option",{disabled:!0,hidden:!0,value:a},a),!i&&!a&&React.createElement("option",{disabled:!0}),c),React.createElement("label",null,i))};export const Dropdown=memo(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

package/lib-esm/components/common/Fields/fields-layout.d.ts

@@ -12,5 +12,4 @@ export declare const PropertyNameCell: import("styled-components").StyledCompone
 export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", any, {}, never>;
 export declare const PropertyBullet: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PropertiesTableWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PropertiesTable: import("styled-components").StyledComponent<"table", any, {}, never>;

package/lib-esm/components/common/Fields/fields-layout.js

@@ -149,11 +149,6 @@ import styled,{css}from"styled-components";import{typography}from"../../../utils
   }
 `;export const InnerPropertiesWrap=styled.div`
   padding: var(--schema-nested-offset);
-`;export const PropertiesTableWrap=styled.div`
-  display: block;
-  overflow-x: auto;
-  padding: 5px; /* hack to show overflown anchor icons */
-  margin: -5px;
 `;export const PropertiesTable=styled.table`
   border-collapse: separate;
   border-radius: var(--border-radius);

package/lib-esm/components/common/LinkToField.d.ts

@@ -1,9 +1,18 @@
+import type { Location } from 'react-router-dom';
 import type { PropsWithChildren } from 'react';
 import type { FieldModel } from '../../models';
+import { Pagination } from '../../services';
+import { ShareLink } from './linkify';
 interface LinkToFieldProps {
-    field: FieldModel;
     className?: string;
+    to?: string;
+    location?: Location;
 }
+export declare function generateDeepLink(field: FieldModel, options: {
+    pagination: Pagination;
+}): string;
 export declare const LinkToField: (props: PropsWithChildren<LinkToFieldProps>) => JSX.Element;
-export declare const ShareLinkToField: import("styled-components").StyledComponent<(props: PropsWithChildren<LinkToFieldProps>) => JSX.Element, any, {}, never>;
+export declare const ShareLinkToField: import("styled-components").StyledComponent<typeof ShareLink, any, {
+    isActive: boolean;
+}, never>;
 export {};

package/lib-esm/components/common/LinkToField.js

@@ -1,27 +1,14 @@
-import styled from"styled-components";import React,{useContext,useEffect,useState}from"react";import{StoreContext}from"../../context";import{SECTION_ATTR}from"../../constants";import{constructFieldDeepFragment}from"../../services/history/helpers";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{LinkIcon}from"../icons";export const LinkToField=e=>{var i,n;const o=useContext(StoreContext),[t,r]=useState(!1),l=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",s=constructFieldDeepFragment(e.field),a=o&&s?o.menu.history.generateDeepLink(s,l):null,c=o?{[SECTION_ATTR]:(null===(n=e.field.deps.operation)||void 0===n?void 0:n.id)+o.options.deepLinkPrefix+s,id:a&&a.split("#")[1]||void 0}:null;return useEffect((()=>{if(o&&c)return r(o.menu.history.currentId===c[SECTION_ATTR]),o.menu.history.subscribe((e=>{r(e===c[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==c?void 0:c[SECTION_ATTR]]),s&&o&&a?React.createElement("a",Object.assign({className:e.className+(t?" active":""),href:a,onClick:e=>(((e,i,n)=>{i.defaultPrevented||userIsForcingNavigation(i)||(i.preventDefault(),e.replaceForField(n))})(null==o?void 0:o.menu.history,e,a),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(a),!1)},c),React.createElement(LinkIcon,null),e.children):React.createElement(React.Fragment,null,e.children||null)};export const ShareLinkToField=styled(LinkToField)`
-  ${linkifyMixin("&","13px")}
-
-  & ${LinkIcon} {
-    color: var(--schema-property-deep-link-icon-color);
-
-    background-image: var(--schema-property-deep-link-icon);
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: contain;
-  }
-
-  & {
-    position: absolute;
-    padding-right: 4px;
-    transform: translateX(-90%);
-
-    .field-name:hover & ${LinkIcon}, &:hover & ${LinkIcon} {
-      visibility: visible;
-    }
+import styled from"styled-components";import React from"react";import{AnchorIcon}from"@redocly/theme";import{joinWithSeparator,Pagination}from"../../services";import{constructFieldDeepFragment}from"../../services/history/helpers";import{checkIfPathMatched}from"../SideMenu/useMenuItemLink";import{ShareLink}from"./linkify";export function generateDeepLink(e,i){const t=e.deps.operation,o=constructFieldDeepFragment(e);if(!(null==t?void 0:t.id)&&!t.isCallback)return"#"+o;let n=i.pagination===Pagination.Item?"#":t.href;return joinWithSeparator(n,o,"!")}export const LinkToField=e=>{const i=e.to;return React.createElement(ShareLinkToField,{className:e.className,isActive:!(!(null==e?void 0:e.location)||!checkIfPathMatched(null==e?void 0:e.location,i)),to:i,id:null==i?void 0:i.split("#")[1]})};export const ShareLinkToField=styled(ShareLink)`
+  left: 10px;
+  display: flex;
+  ${({isActive:e})=>e&&`\n    ${AnchorIcon} {\n      visibility: visible;\n    }\n  `}
+  :hover ${AnchorIcon}, :focus ${AnchorIcon} {
+    visibility: visible;
   }
 
-  &.active ${LinkIcon} {
-    visibility: visible;
+  ${AnchorIcon} {
+    width: 13px;
+    height: 13px;
   }
 `;
 //# sourceMappingURL=LinkToField.js.map

package/lib-esm/components/common/Portal/Portal.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+interface PortalProps {
+    mountId?: string;
+}
+export declare const Portal: ({ children, mountId }: PropsWithChildren<PortalProps>) => JSX.Element;
+export {};

package/lib-esm/components/common/Portal/Portal.js

@@ -0,0 +1,2 @@
+import React,{useEffect}from"react";import{createPortal}from"react-dom";import{IS_BROWSER}from"../../../utils";const container=IS_BROWSER?document.createElement("div"):null;export const Portal=({children:e,mountId:t="api-content"})=>{const n=IS_BROWSER?document.getElementById(t):null;return useEffect((()=>{if(n&&container)return n.appendChild(container),()=>{n.removeChild(container)}}),[n]),n&&container?createPortal(e,container):React.createElement(React.Fragment,null,e)};
+//# sourceMappingURL=Portal.js.map

package/lib-esm/components/common/Portal/index.d.ts

@@ -0,0 +1 @@
+export { Portal } from './Portal';

package/lib-esm/components/common/Portal/index.js

@@ -0,0 +1,2 @@
+export{Portal}from"./Portal";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/{ContentItems → common/Skeleton}/Skeleton.js

@@ -1,4 +1,4 @@
-import React from"react";import styled,{keyframes}from"styled-components";import{Section,SamplesMiddlePanel,H2}from"../common";const shimmer=keyframes`
+import React from"react";import styled,{keyframes}from"styled-components";import{H2}from"@redocly/theme";import{Section,SamplesMiddlePanel}from"../panels";const shimmer=keyframes`
   100% {
       transform: translateX(100%);
   }

package/lib-esm/components/common/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { Skeleton } from './Skeleton';

package/lib-esm/components/common/Skeleton/index.js

@@ -0,0 +1,2 @@
+export{Skeleton}from"./Skeleton";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/common/headers.d.ts

@@ -1,8 +1,2 @@
-export declare const H1: import("styled-components").StyledComponent<"h1", any, {}, never>;
-export declare const H2: import("styled-components").StyledComponent<"h2", any, {}, never>;
-export declare const H3: import("styled-components").StyledComponent<"h3", any, {}, never>;
-export declare const H4: import("styled-components").StyledComponent<"h4", any, {}, never>;
-export declare const H5: import("styled-components").StyledComponent<"h5", any, {}, never>;
-export declare const H6: import("styled-components").StyledComponent<"h6", any, {}, never>;
 export declare const SamplesPanelHeader: import("styled-components").StyledComponent<"h3", any, {}, never>;
 export declare const FieldsGroupHeader: import("styled-components").StyledComponent<"h5", any, {}, never>;

package/lib-esm/components/common/headers.js

@@ -1,28 +1,4 @@
-import styled from"styled-components";import{typography}from"../../utils";export const H1=styled.h1`
-  margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);
-
-  ${typography("h1","h")};
-`;export const H2=styled.h2`
-  margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
-
-  ${typography("h2","h")};
-`;export const H3=styled.h3`
-  margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);
-
-  ${typography("h3","h")};
-`;export const H4=styled.h4`
-  margin: var(--h4-margin-top) 0 var(--h4-margin-bottom);
-
-  ${typography("h4","h")};
-`;export const H5=styled.h5`
-  margin: var(--h5-margin-top) 0 var(--h5-margin-bottom);
-
-  ${typography("h5","h")};
-`;export const H6=styled.h6`
-  margin: var(--h6-margin-top) 0 var(--h6-margin-bottom);
-
-  ${typography("h6","h")};
-`;export const SamplesPanelHeader=styled.h3`
+import styled from"styled-components";import{typography}from"../../utils";export const SamplesPanelHeader=styled.h3`
   color: var(--panel-samples-text-color);
 
   ${typography("right-panel-header")};

package/lib-esm/components/common/index.d.ts

@@ -5,8 +5,10 @@ export { deprecatedCss } from './mixins';
 export { FormControl } from './form';
 export * from './Fields';
 export * from './panels';
-export { H1, H2, H3, H4, H5, H6, FieldsGroupHeader, SamplesPanelHeader } from './headers';
-export { linkifyMixin, userIsForcingNavigation, ShareLink, Link } from './linkify';
+export { FieldsGroupHeader, SamplesPanelHeader } from './headers';
+export { ShareLink, Link } from './linkify';
 export * from './shelfs';
 export * from './schema';
 export * from './perfect-scrollbar';
+export { Portal } from './Portal';
+export { Skeleton } from './Skeleton';

package/lib-esm/components/common/index.js

@@ -1,2 +1,2 @@
-export{Dropdown,SchemaDiscriminatorDropdown}from"./Dropdown";export{ShareLinkToField}from"./LinkToField";export{deprecatedCss}from"./mixins";export{FormControl}from"./form";export*from"./Fields";export*from"./panels";export{H1,H2,H3,H4,H5,H6,FieldsGroupHeader,SamplesPanelHeader}from"./headers";export{linkifyMixin,userIsForcingNavigation,ShareLink,Link}from"./linkify";export*from"./shelfs";export*from"./schema";export*from"./perfect-scrollbar";
+export{Dropdown,SchemaDiscriminatorDropdown}from"./Dropdown";export{ShareLinkToField}from"./LinkToField";export{deprecatedCss}from"./mixins";export{FormControl}from"./form";export*from"./Fields";export*from"./panels";export{FieldsGroupHeader,SamplesPanelHeader}from"./headers";export{ShareLink,Link}from"./linkify";export*from"./shelfs";export*from"./schema";export*from"./perfect-scrollbar";export{Portal}from"./Portal";export{Skeleton}from"./Skeleton";
 //# sourceMappingURL=index.js.map

package/lib-esm/components/common/linkify.d.ts

@@ -1,13 +1,9 @@
-import React from 'react';
 import type { PropsWithChildren } from 'react';
-import type { FlattenSimpleInterpolation } from 'styled-components';
-export declare function userIsForcingNavigation(event: React.MouseEvent): boolean;
-export declare const linkifyMixin: (className: string, size: string) => FlattenSimpleInterpolation;
 export declare function Link(props: PropsWithChildren<{
     to: string;
     className?: string;
     security?: boolean;
+    id?: string;
 }>): JSX.Element | null;
-export declare function ShareLink(props: {
-    to: string;
-}): JSX.Element;
+export declare const StyledShareLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+export declare function ShareLink(props: any): JSX.Element;

package/lib-esm/components/common/linkify.js

@@ -1,55 +1,10 @@
-import React,{useCallback}from"react";import styled,{css}from"styled-components";import{useStore}from"../../context";import{LinkIcon}from"../icons";export function userIsForcingNavigation(e){return 0!==e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}export const linkifyMixin=(e,i)=>css`
-  ${e} {
-    cursor: pointer;
-    line-height: inherit;
-    display: inline-block;
-    outline: 0;
-    position: absolute;
-    padding-right: 4px;
-    transform: translateX(-100%);
-  }
-
-  ${e} ${LinkIcon} {
-    width: ${i};
-    height: ${i};
-    visibility: hidden;
-    display: inline-block;
-    vertical-align: middle;
-    color: var(--heading-anchor-color);
-
-    background-image: var(--heading-anchor-icon);
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: contain;
-  }
-
-  h1:hover
-    > ${e}
-    ${LinkIcon},
-    h2:hover
-    > ${e}
-    ${LinkIcon},
-    h3:hover
-    > ${e}
-    ${LinkIcon},
-    h4:hover
-    > ${e}
-    ${LinkIcon},
-    h5:hover
-    > ${e}
-    ${LinkIcon},
-    h6:hover
-    > ${e}
-    ${LinkIcon},
-    ${e}:hover
-    ${LinkIcon} {
-    visibility: visible;
-  }
+import React from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{AnchorIcon}from"@redocly/theme";import{Link as LinkRouter}from"react-router-dom";import{globalOptionsSelector}from"../../recoil/store";export function Link(e){var t;const{routingBasePath:o,hooks:r,onDeepLinkClick:i}=useRecoilValue(globalOptionsSelector),n=e.security?null===(t=null==r?void 0:r.replaceSecurityLink)||void 0===t?void 0:t.call(r,{securityRequirementId:e.to}):e.to,l=i&&{onClick:e=>{e.preventDefault(),i(o+n)}};return n?React.createElement(LinkRouter,Object.assign({id:e.id,className:e.className||"",to:(null==n?void 0:n.startsWith("#"))?n:o+n},l),e.children):e.children?React.createElement("span",{className:e.className}," ",e.children," "):null}export const StyledShareLink=styled(Link)`
+  position: absolute;
+  transform: translateX(-100%);
+  padding-right: var(--heading-anchor-offset-right);
 
-  ${e}:focus ${LinkIcon} {
+  :hover ${AnchorIcon} {
     visibility: visible;
   }
-`;export function Link(e){var i,n,o;const t=useCallback(((i,n)=>{n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),i.replace(encodeURI(e.to)))}),[e.to]),r=useStore();let l;if(e.security){const n=null===(i=null==r?void 0:r.options.hooks)||void 0===i?void 0:i.replaceSecurityLink;l=n&&n({securityRequirementId:e.to})}else l=null===(o=null==r?void 0:(n=r.menu.history).linkForId)||void 0===o?void 0:o.call(n,e.to);return l?React.createElement("a",{className:e.className,href:l,onClick:t.bind(this,null==r?void 0:r.menu.history),"aria-label":e.to},e.children):e.children?React.createElement("span",{className:e.className}," ",e.children," "):null}const StyledShareLink=styled(Link)`
-  ${linkifyMixin("&","18px")};
-`;export function ShareLink(e){return React.createElement(StyledShareLink,{to:e.to},React.createElement(LinkIcon,null))}
+`;export function ShareLink(e){return React.createElement(StyledShareLink,Object.assign({},e),React.createElement(AnchorIcon,null))}
 //# sourceMappingURL=linkify.js.map

package/lib-esm/components/common/panels.js

@@ -1,28 +1,25 @@
-import styled,{css}from"styled-components";import{SECTION_ATTR,LayoutVariant}from"../../constants";export const SamplesMiddlePanel=styled.div`
-  ${({compact:a,isStacked:t,theme:i})=>{const e=a?0:"var(--spacing-vertical)";return css`
+import{H2}from"@redocly/theme";import styled,{css}from"styled-components";import{SECTION_ATTR,LayoutVariant}from"../../constants";export const SamplesMiddlePanel=styled.div`
+  ${({compact:a,isStacked:t,theme:e})=>{const i=a?0:"var(--spacing-vertical)";return css`
       width: 100%;
-      padding: ${e} var(--panel-gap-horizontal);
+      padding: ${i} var(--panel-gap-horizontal);
 
-      ${i.mediaQueries[i.showAtBreakpoint.samplesPanel]} {
+      ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
         width: calc(100% - var(--panel-samples-width));
         padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
         padding-top: 0;
         padding-bottom: ${t?"var(--spacing-vertical)":0};
       }
 
-      ${i.mediaQueries.print} {
+      ${e.mediaQueries.print} {
         width: 100%;
-        padding-top: ${e};
-        padding-bottom: ${e};
+        padding-top: ${i};
+        padding-bottom: ${i};
       }
     `}}
 `;export const Section=styled.div.attrs((a=>({[SECTION_ATTR]:a.sectionId,id:a.id})))`
   z-index: 1;
   padding: 0;
   width: 100%;
-  &:last-child {
-    min-height: calc(100vh + 1px);
-  }
 
   & > &:last-child {
     min-height: initial;
@@ -49,6 +46,9 @@ import styled,{css}from"styled-components";import{SECTION_ATTR,LayoutVariant}fro
         border-bottom: 1px solid var(--border-color);
       }
     `}
+  ${H2} {
+    position: relative;
+  }
 `;export const SamplesPanel=styled.div`
   color: var(--panel-samples-text-color);
   width: 100%;
@@ -57,6 +57,9 @@ import styled,{css}from"styled-components";import{SECTION_ATTR,LayoutVariant}fro
   padding-left: var(--panel-gap-horizontal);
   padding-right: var(--panel-gap-horizontal);
 
+  position: sticky;
+  top: calc(var(--navbar-height) + var(--panel-gap-vertical));
+
   ${({theme:a})=>css`
     ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
       width: var(--panel-samples-width);

package/lib-esm/components/common/perfect-scrollbar.js

@@ -1,4 +1,4 @@
-var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r};import styled,{createGlobalStyle}from"styled-components";import*as PerfectScrollbarNamespace from"perfect-scrollbar";import React,{Component}from"react";import{OptionsContext}from"../../context";import{IS_BROWSER}from"../../utils";let psStyles="";IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled.div`
+var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r};import styled,{createGlobalStyle}from"styled-components";import*as PerfectScrollbarNamespace from"perfect-scrollbar";import React,{Component}from"react";import{useRecoilValue}from"recoil";import{IS_BROWSER}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";let psStyles="";IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled.div`
   position: relative;
-`;export class PerfectScrollbar extends Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),React.createElement(React.Fragment,null,psStyles&&React.createElement(PSStyling,null),React.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}export function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);return React.createElement(OptionsContext.Consumer,null,(e=>e.nativeScrollbars?React.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):React.createElement(PerfectScrollbar,Object.assign({},r),t)))}
+`;export class PerfectScrollbar extends Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),React.createElement(React.Fragment,null,psStyles&&React.createElement(PSStyling,null),React.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}export function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);const{nativeScrollbars:o}=useRecoilValue(globalOptionsSelector);return o?React.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):React.createElement(PerfectScrollbar,Object.assign({},r),t)}
 //# sourceMappingURL=perfect-scrollbar.js.map

package/lib-esm/components/icons/LockIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from './types';
-export declare const LockIcon: import("styled-components").StyledComponent<({ className, style, }: Pick<IconProps, 'size' | 'float' | 'color' | 'className' | 'style'>) => JSX.Element, any, Pick<IconProps, "style" | "className" | "color" | "size" | "float">, never>;
+export declare const LockIcon: import("styled-components").StyledComponent<({ className, style, }: Pick<IconProps, 'size' | 'float' | 'color' | 'className' | 'style'>) => JSX.Element, any, Pick<IconProps, "style" | "color" | "className" | "size" | "float">, never>;

package/lib-esm/components/icons/Spinner.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from './types';
-export declare const Spinner: import("styled-components").StyledComponent<({ className }: Pick<IconProps, 'className' | 'color'>) => JSX.Element, any, Pick<IconProps, "className" | "color">, never>;
+export declare const Spinner: import("styled-components").StyledComponent<({ className }: Pick<IconProps, 'className' | 'color'>) => JSX.Element, any, Pick<IconProps, "color" | "className">, never>;

package/lib-esm/components/index.d.ts

@@ -1,24 +1,21 @@
 export * from './NextSectionButton';
-export * from './StoreProvider';
-export * from './RedoclyReferenceDocs';
-export * from './RedoclyReferenceDocsMultiStandalone';
+export * from './RedoclyOpenAPIDocs';
 export * from './pluggable';
 export * from './rightPanel/Console';
-export * from './ProProviders';
-export { ToggleRightPanelButton, ControlsWrap, ChangeViewButton, BackgroundStub, NextSectionButtonWrap, ApiContentWrap, BackgroundStubFix, } from './styled.elements';
+export { ControlsWrap, BackgroundStub, ApiContentWrap, BackgroundStubFix, } from './RedoclyOpenAPIDocs/styled';
+export { NextSectionButtonWrap } from './NextSectionButton/styled';
 export * from './common';
 export * from './ApiInfo';
-export { Operation as OperationItem } from './Operation';
 export { SectionItem } from './SectionItem';
 export { ContentItem } from './ContentItem';
 export { ContentItems } from './ContentItems';
 export { DiscriminatorDropdown } from './DiscriminatorDropdown';
 export * from './Schema/';
-export { Operation } from './Operation';
-export type { OperationProps } from './Operation';
+export { OperationItem } from './OperationItem';
+export type { OperationItemProps } from './OperationItem';
 export * from './Loading/Loading';
 export * from './Markdown';
-export * from './SecuritySchemes/SecuritySchemes';
+export { OAuthFlow } from './SecuritySchemes/OAuthFlow';
 export * from './Responses';
 export * from './ResponseSamples/ResponseSamples';
 export { PayloadSamples, ExampleValue, Example, DropdownWrapper } from './PayloadSamples';
@@ -31,5 +28,7 @@ export * from './StickySidebar/StickyResponsiveSidebar';
 export * from './SchemaDefinition/SchemaDefinition';
 export * from './SourceCodeWithFile/SourceCodeWithFile';
 export * from './RequestSamples/RequestSamples';
+export * from './ChangeViewButton';
+export * from './ToggleRightPanelButton';
 export { ShelfIcon, LockIcon, CrossIcon } from './icons';
 export type { IconProps } from './icons';

package/lib-esm/components/index.js

@@ -1,2 +1,2 @@
-export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./RedoclyReferenceDocsMultiStandalone";export*from"./pluggable";export*from"./rightPanel/Console";export*from"./ProProviders";export{ToggleRightPanelButton,ControlsWrap,ChangeViewButton,BackgroundStub,NextSectionButtonWrap,ApiContentWrap,BackgroundStubFix}from"./styled.elements";export*from"./common";export*from"./ApiInfo";export{Operation as OperationItem}from"./Operation";export{SectionItem}from"./SectionItem";export{ContentItem}from"./ContentItem";export{ContentItems}from"./ContentItems";export{DiscriminatorDropdown}from"./DiscriminatorDropdown";export*from"./Schema/";export{Operation}from"./Operation";export*from"./Loading/Loading";export*from"./Markdown";export*from"./SecuritySchemes/SecuritySchemes";export*from"./Responses";export*from"./ResponseSamples/ResponseSamples";export{PayloadSamples,ExampleValue,Example,DropdownWrapper}from"./PayloadSamples";export*from"./MediaTypeSwitch";export*from"./Parameters";export*from"./DropdownOrLabel";export*from"./ErrorBoundary";export*from"./SideMenu/";export*from"./StickySidebar/StickyResponsiveSidebar";export*from"./SchemaDefinition/SchemaDefinition";export*from"./SourceCodeWithFile/SourceCodeWithFile";export*from"./RequestSamples/RequestSamples";export{ShelfIcon,LockIcon,CrossIcon}from"./icons";
+export*from"./NextSectionButton";export*from"./RedoclyOpenAPIDocs";export*from"./pluggable";export*from"./rightPanel/Console";export{ControlsWrap,BackgroundStub,ApiContentWrap,BackgroundStubFix}from"./RedoclyOpenAPIDocs/styled";export{NextSectionButtonWrap}from"./NextSectionButton/styled";export*from"./common";export*from"./ApiInfo";export{SectionItem}from"./SectionItem";export{ContentItem}from"./ContentItem";export{ContentItems}from"./ContentItems";export{DiscriminatorDropdown}from"./DiscriminatorDropdown";export*from"./Schema/";export{OperationItem}from"./OperationItem";export*from"./Loading/Loading";export*from"./Markdown";export{OAuthFlow}from"./SecuritySchemes/OAuthFlow";export*from"./Responses";export*from"./ResponseSamples/ResponseSamples";export{PayloadSamples,ExampleValue,Example,DropdownWrapper}from"./PayloadSamples";export*from"./MediaTypeSwitch";export*from"./Parameters";export*from"./DropdownOrLabel";export*from"./ErrorBoundary";export*from"./SideMenu/";export*from"./StickySidebar/StickyResponsiveSidebar";export*from"./SchemaDefinition/SchemaDefinition";export*from"./SourceCodeWithFile/SourceCodeWithFile";export*from"./RequestSamples/RequestSamples";export*from"./ChangeViewButton";export*from"./ToggleRightPanelButton";export{ShelfIcon,LockIcon,CrossIcon}from"./icons";
 //# sourceMappingURL=index.js.map

package/lib-esm/components/pluggable/PullRight.d.ts

@@ -1,2 +1,3 @@
-import React from 'react';
-export declare function PullRight({ children }: React.PropsWithChildren<unknown>): JSX.Element;
+export declare function PullRight({ children }: {
+    children: any;
+}): JSX.Element;

package/lib-esm/components/pluggable/PullRight.js

@@ -1,58 +1,4 @@
-import React from"react";import styled from"styled-components";import{SamplesPanel}from"../common/panels";import{CodePanel}from"../Panel";import{Markdown}from"../Markdown";const MarkdownCodeBlock=styled((o=>React.createElement(Markdown,Object.assign({},o))))`
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));
-  }
-
-  table {
-    color: #ffffff;
-    overflow-wrap: break-word;
-    word-break: break-word;
-
-    & tr {
-      td,
-      th {
-        background-color: var(--panel-samples-controls-background-color);
-      }
-    }
-
-    & tr:nth-child(2n) {
-      td,
-      th {
-        background-color: var(--samples-panel-markdown-background-color);
-      }
-    }
-
-    & thead tr th,
-    & tbody tr td {
-      background-color: var(--samples-panel-markdown-background-color);
-      border-color: var(--samples-panel-markdown-border-color);
-    }
-  }
-
-  code {
-    font-size: var(--code-block-font-size);
-    font-family: var(--code-block-font-family);
-    color: var(--code-block-text-color);
-    background-color: var(--code-block-background-color);
-  }
-
-  a,
-  a:visited {
-    color: var(--link-visited);
-  }
-
-  pre {
-    border: none;
-    padding: calc(var(--spacing-unit) * 4);
-    border-radius: var(--code-block-border-radius);
-    background: var(--code-block-background-color);
-  }
-`;export function PullRight({children:o}){return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,this.props.children&&React.createElement(MarkdownCodeBlock,{source:o})))}const StyledRightPanel=styled(SamplesPanel)`
+import React from"react";import styled from"styled-components";import{Panel}from"@redocly/theme";export function PullRight({children:t}){return React.createElement(StyledRightPanel,{className:"panel-pull-right"},t)}const StyledRightPanel=styled(Panel)`
   float: right;
   z-index: 1;
   position: relative;

package/lib-esm/components/pluggable/RedocExample.d.ts

@@ -1,12 +1,10 @@
 import type { OpenAPIEncoding } from '../../types';
-import type { ProStore } from '../../services';
 interface RedocExampleProps {
-    store: ProStore;
     pointer: string;
     mimeType: string;
     encoding?: {
         [field: string]: OpenAPIEncoding;
     };
 }
-export declare const RedocExample: ({ store, pointer, mimeType, encoding, }: RedocExampleProps) => JSX.Element;
+export declare const RedocExample: ({ pointer, mimeType, encoding }: RedocExampleProps) => JSX.Element;
 export {};

package/lib-esm/components/pluggable/RedocExample.js

@@ -1,2 +1,2 @@
-import React from"react";import{ExampleModel}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";export const RedocExample=({store:e,pointer:m,mimeType:o,encoding:t})=>{const a=new ExampleModel(e.definition.parser,{$ref:m},o,t);return React.createElement(Row,{layout:e.layout},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:a,mimeType:o})))};
+import React from"react";import{useRecoilValue}from"recoil";import{getExamples}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../../recoil/app";export const RedocExample=({pointer:e,mimeType:o,encoding:r})=>{const{parser:m}=useRecoilValue(globalStoreSelector),t=useRecoilValue(layoutSelector),l=getExamples({parser:m,infoOrRef:{$ref:e},mime:o,encoding:r});return React.createElement(Row,{layout:t},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:l,mimeType:o})))};
 //# sourceMappingURL=RedocExample.js.map

package/lib-esm/components/pluggable/RedocRequestBody.d.ts

@@ -1,8 +1,6 @@
-import type { ProStore } from '../../services';
 interface RedocRequestBodyProps {
-    store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare const RedocRequestBody: ({ store, pointer, hideSamples, }: RedocRequestBodyProps) => JSX.Element;
+export declare const RedocRequestBody: ({ pointer, hideSamples }: RedocRequestBodyProps) => JSX.Element;
 export {};

package/lib-esm/components/pluggable/RedocRequestBody.js

@@ -1,2 +1,2 @@
-import React from"react";import{RequestBodyModel,OperationModel}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";export const RedocRequestBody=({store:e,pointer:t,hideSamples:o})=>{const n=new OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),a=new RequestBodyModel({parser:e.definition.parser,infoOrRef:{$ref:t},options:e.options,operation:n}),r=o?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:e.layout},React.createElement(r,null,a.content&&React.createElement(BodyContent,{content:a.content,description:a.description})),!o&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,a.content&&React.createElement(PayloadSamples,{content:a.content})))||React.createElement("span",null))};
+import React from"react";import{useRecoilValue}from"recoil";import{getRequestBody,getOperation}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../..//recoil/app";export const RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:a}=useRecoilValue(globalStoreSelector),l=useRecoilValue(layoutSelector),r=getOperation(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),n=getRequestBody({parser:a,infoOrRef:{$ref:e},options:o,operation:r}),m=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:l},React.createElement(m,null,n.content&&React.createElement(BodyContent,{content:n.content,description:n.description})),!t&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,n.content&&React.createElement(PayloadSamples,{content:n.content})))||React.createElement("span",null))};
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib-esm/components/pluggable/RedocResponse.d.ts

@@ -1,7 +1,5 @@
-import type { ProStore } from '../../services';
 export interface RedocResponseProps {
-    store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare const RedocResponse: ({ store, pointer, hideSamples }: RedocResponseProps) => JSX.Element;
+export declare const RedocResponse: ({ pointer, hideSamples }: RedocResponseProps) => JSX.Element;

package/lib-esm/components/pluggable/RedocResponse.js

@@ -1,2 +1,2 @@
-import React from"react";import{ResponseModel,OperationModel}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{ResponseDetails}from"../Responses";import{PayloadSamples}from"../PayloadSamples";export const RedocResponse=({store:e,pointer:t,hideSamples:o})=>{const a=new OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),n=new ResponseModel({parser:e.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:t},options:e.options,operation:a});n.description=n.summary;const l=o?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:e.layout},React.createElement(l,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:n})),!o&&n.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:n.content})))||React.createElement("span",null))};
+import React from"react";import{useRecoilValue}from"recoil";import{getOperation,getResponse}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{ResponseDetails}from"../Responses";import{PayloadSamples}from"../PayloadSamples";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../../recoil/app";export const RedocResponse=({pointer:e,hideSamples:t})=>{const{options:o,parser:a}=useRecoilValue(globalStoreSelector),l=useRecoilValue(layoutSelector),r=getOperation(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),s=getResponse({parser:a,code:"default",defaultAsError:!1,infoOrRef:{$ref:e},options:o,operation:r});s.description=s.summary;const p=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:l},React.createElement(p,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:s})),!t&&s.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:s.content})))||React.createElement("span",null))};
 //# sourceMappingURL=RedocResponse.js.map