@redocly/openapi-docs 3.0.0 → 3.0.1

package/lib/components/ExpandAllButton/getAllNestedSchema.d.ts

@@ -0,0 +1,8 @@
+import type { SchemaModel } from '../../models';
+import type { OperationStore } from '../../jotai/operation';
+export declare const getAllNestedSchema: ({ schema, activeOneOf, skipReadOnly, skipWriteOnly, }: {
+    schema?: SchemaModel | undefined;
+    activeOneOf: OperationStore['activeOneOf'];
+    skipReadOnly?: boolean | undefined;
+    skipWriteOnly?: boolean | undefined;
+}) => any;

package/lib/components/ExpandAllButton/getAllNestedSchema.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAllNestedSchema=void 0;const LinkToField_1=require("../common/LinkToField"),getAllNestedSchema=({schema:e,activeOneOf:i,skipReadOnly:s=!1,skipWriteOnly:t=!1})=>{var l;if(!e||e.isCircular)return{};if(e.oneOf&&e.oneOf.length){const s=e.oneOf[i[e.pointer]||0];return(null==s?void 0:s.isCircular)?{}:(0,exports.getAllNestedSchema)({schema:s,activeOneOf:i})}return(e.fields||(null===(l=e.items)||void 0===l?void 0:l.fields)||[]).reduce(((e,l)=>l.schema.isCircular||l.schema.isPrimitive||s&&l.schema.readOnly||t&&l.schema.writeOnly?e:Object.assign(Object.assign(Object.assign({},e),{[(0,LinkToField_1.generateDeepLink)(l)]:!1}),(0,exports.getAllNestedSchema)({schema:l.schema,activeOneOf:i,skipReadOnly:s,skipWriteOnly:t}))),{})};exports.getAllNestedSchema=getAllNestedSchema;
+//# sourceMappingURL=getAllNestedSchema.js.map

package/lib/components/ExpandAllButton/index.d.ts

@@ -0,0 +1,2 @@
+export { ExpandAllButton } from './ExpandAllButton';
+export { useUpdateExpandedFields } from './useUpdateExpandedFields';

package/lib/components/ExpandAllButton/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useUpdateExpandedFields=exports.ExpandAllButton=void 0;var ExpandAllButton_1=require("./ExpandAllButton");Object.defineProperty(exports,"ExpandAllButton",{enumerable:!0,get:function(){return ExpandAllButton_1.ExpandAllButton}});var useUpdateExpandedFields_1=require("./useUpdateExpandedFields");Object.defineProperty(exports,"useUpdateExpandedFields",{enumerable:!0,get:function(){return useUpdateExpandedFields_1.useUpdateExpandedFields}});
+//# sourceMappingURL=index.js.map

package/lib/components/ExpandAllButton/useUpdateExpandedFields.d.ts

@@ -0,0 +1,2 @@
+import type { FieldModel, MediaContentModel } from '../../models';
+export declare function useUpdateExpandedFields(type: 'response' | 'request', headers: FieldModel[], body?: MediaContentModel, pointer?: string): void;

package/lib/components/ExpandAllButton/useUpdateExpandedFields.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useUpdateExpandedFields=void 0;const index_1=require("jotai/index"),react_1=require("react"),theme_1=require("@redocly/theme"),models_1=require("../../models"),operation_1=require("../../jotai/operation"),getAllNestedSchema_1=require("./getAllNestedSchema"),app_1=require("../../jotai/app");function useUpdateExpandedFields(e,t,s,i){var a;const d=(0,index_1.useAtomValue)(app_1.activeMimeNameAtom),n=s&&(null===(a=(0,models_1.getActiveMediaType)(s,d))||void 0===a?void 0:a.schema),[{activeOneOf:l},o]=(0,index_1.useAtom)((0,operation_1.operationStore)(i)),r=(i=!1)=>{((null==t?void 0:t.length)||s)&&o((s=>{const a=(0,getAllNestedSchema_1.getAllNestedSchema)({schema:n,activeOneOf:s.activeOneOf,skipReadOnly:"request"===e,skipWriteOnly:"response"===e})||{},d=(0,getAllNestedSchema_1.getAllNestedSchema)({schema:{type:"object",fields:t},activeOneOf:s.activeOneOf,skipReadOnly:"request"===e,skipWriteOnly:"response"===e});return Object.assign(Object.assign({},s),{[e]:{expandedFields:Object.assign(Object.assign(Object.assign({},a),d),i?s[e].expandedFields:{})}})}))};(0,theme_1.useMount)((()=>{r(!0)})),(0,theme_1.useUnmount)((()=>{((null==t?void 0:t.length)||s)&&o((t=>Object.assign(Object.assign({},t),{[e]:{expandedFields:{}}})))})),(0,react_1.useEffect)((()=>{Object.keys(l).length>1&&r(!0)}),[l])}exports.useUpdateExpandedFields=useUpdateExpandedFields;
+//# sourceMappingURL=useUpdateExpandedFields.js.map

package/lib/components/ExternalDocumentation/ExternalDocumentation.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { OpenAPIExternalDocumentation } from '../../types';
 interface ExternalDocumentationProps {
     externalDocs: OpenAPIExternalDocumentation;
     compact?: boolean;
 }
-export declare const ExternalDocumentation: React.NamedExoticComponent<ExternalDocumentationProps>;
+export declare const ExternalDocumentation: import("react").NamedExoticComponent<ExternalDocumentationProps>;
 export {};

package/lib/components/ExternalDocumentation/ExternalDocumentation.js

@@ -1,5 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalDocumentation=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),LinkWrap=styled_components_1.default.div`
-  ${theme_1.linksCss};
-  ${({compact:e})=>e?"":"margin: 1em 0"}
-`;function ExternalDocumentationComponent({externalDocs:e,compact:t}){if(!e||!e.url)return null;const r=(0,utils_1.normalizeText)(e.description);return react_1.default.createElement(LinkWrap,{compact:t},react_1.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},r||e.url))}exports.ExternalDocumentation=(0,react_1.memo)(ExternalDocumentationComponent);
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalDocumentation=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),LinkWrap=styled_components_1.default.div`
+  ${theme_1.markdownLinksCss};
+  ${({compact:e})=>e?"":"margin: var(--spacing-sm) 0 0"}
+`;function ExternalDocumentationComponent({externalDocs:e,compact:t}){if(!e||!e.url)return null;const r=(0,utils_1.normalizeText)(e.description);return(0,jsx_runtime_1.jsx)(LinkWrap,{compact:t,children:(0,jsx_runtime_1.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer","aria-label":r||e.url,children:r||e.url})})}exports.ExternalDocumentation=(0,react_1.memo)(ExternalDocumentationComponent);
 //# sourceMappingURL=ExternalDocumentation.js.map

package/lib/components/Language/LanguageDropdown.d.ts

@@ -0,0 +1,15 @@
+import type { ReactElement } from 'react';
+import type { TabType } from '../../models/tab';
+export interface LanguageDropdownProps {
+    samples: TabType<{
+        lang: string;
+    }>[];
+    activeTab?: string;
+    onChange: (key: string) => void;
+    trigger?: ReactElement;
+    withArrow?: boolean;
+    withCheckmark?: boolean;
+    withIcon?: boolean;
+    width?: number;
+}
+export declare const LanguageDropdown: ({ samples, activeTab, onChange, trigger, width, withArrow, withCheckmark, withIcon, }: LanguageDropdownProps) => ReactElement;

package/lib/components/Language/LanguageDropdown.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageDropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),LanguageItem_1=require("./LanguageItem"),styled_1=require("./styled"),LanguageDropdown=({samples:e,activeTab:t,onChange:r,trigger:n,width:i,withArrow:o=!0,withCheckmark:a=!0,withIcon:s=!0})=>{const u=(0,react_1.useCallback)((t=>()=>{const n=e.find((({key:e})=>e===t.key));n&&r(n.key)}),[r,e]),d=(0,react_1.useMemo)((()=>e.map((e=>(0,jsx_runtime_1.jsx)(styled_1.StyledDropdownMenuItem,{$width:i,onAction:u(e),children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,active:t===e.key,withCheckmark:a,withIcon:s})},e.key)))),[t,u,e,i,a,s]),g=e.find((({key:e})=>e===t)),_=n||(0,jsx_runtime_1.jsx)(styled_1.DropdownTriggerButton,{variant:"ghost",children:null==g?void 0:g.title});return d.length>1?(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{trigger:_,withArrow:o,alignment:"end",children:(0,jsx_runtime_1.jsx)(theme_1.DropdownMenu,{children:d})}):_};exports.LanguageDropdown=LanguageDropdown;
+//# sourceMappingURL=LanguageDropdown.js.map

package/lib/components/Language/LanguageItem.d.ts

@@ -0,0 +1,11 @@
+import type { TabType } from '../../models/tab';
+interface LanguageItemProps {
+    item: TabType & {
+        lang: string;
+    };
+    active?: boolean;
+    withCheckmark?: boolean;
+    withIcon?: boolean;
+}
+export declare const LanguageItem: ({ item, active, withCheckmark, withIcon }: LanguageItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Language/LanguageItem.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),CurlIcon_1=require("../../icons/CurlIcon"),CSharpIcon_1=require("../../icons/CSharpIcon"),NodeJSIcon_1=require("../../icons/NodeJSIcon"),JavaScriptIcon_1=require("../../icons/JavaScriptIcon"),PythonIcon_1=require("../../icons/PythonIcon"),RIcon_1=require("../../icons/RIcon"),RubyIcon_1=require("../../icons/RubyIcon"),PHPIcon_1=require("../../icons/PHPIcon"),GOIcon_1=require("../../icons/GOIcon"),JavaIcon_1=require("../../icons/JavaIcon"),PayloadIcon_1=require("../../icons/PayloadIcon"),styled_1=require("./styled"),iconMap={Payload:(0,jsx_runtime_1.jsx)(PayloadIcon_1.PayloadIcon,{}),curl:(0,jsx_runtime_1.jsx)(CurlIcon_1.CurlIcon,{}),"C#":(0,jsx_runtime_1.jsx)(CSharpIcon_1.CSharpIcon,{}),"C#+Newtonsoft":(0,jsx_runtime_1.jsx)(CSharpIcon_1.CSharpIcon,{}),"Node.js":(0,jsx_runtime_1.jsx)(NodeJSIcon_1.NodeJSIcon,{}),JavaScript:(0,jsx_runtime_1.jsx)(JavaScriptIcon_1.JavaScriptIcon,{}),Python:(0,jsx_runtime_1.jsx)(PythonIcon_1.PythonIcon,{}),R:(0,jsx_runtime_1.jsx)(RIcon_1.RIcon,{}),Ruby:(0,jsx_runtime_1.jsx)(RubyIcon_1.RubyIcon,{}),PHP:(0,jsx_runtime_1.jsx)(PHPIcon_1.PHPIcon,{}),Go:(0,jsx_runtime_1.jsx)(GOIcon_1.GOIcon,{}),Java:(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{}),"Java8+Apache":(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{})},LanguageItem=({item:n,active:e,withCheckmark:o,withIcon:c})=>(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(styled_1.LanguageTitleContainer,{children:[c&&(0,jsx_runtime_1.jsx)(styled_1.LanguageIcon,{children:iconMap[n.lang]}),(0,jsx_runtime_1.jsx)(styled_1.LanguageTitle,{active:e,children:n.title})]}),o&&e&&(0,jsx_runtime_1.jsx)(theme_1.CheckmarkIcon,{})]});exports.LanguageItem=LanguageItem;
+//# sourceMappingURL=LanguageItem.js.map

package/lib/components/Language/LanguageList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { TabType } from '../../models/tab';
+type LangTypeType = TabType<{
+    lang: string;
+}>;
+interface LanguageListProps {
+    languages: LangTypeType[];
+    activeLanguage: string;
+}
+export declare const LanguageList: import("react").NamedExoticComponent<LanguageListProps>;
+export {};

package/lib/components/Language/LanguageList.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants"),LanguageListSkeleton_1=require("../common/Skeleton/LanguageListSkeleton");function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=(0,react_1.useState)([]),[s,i]=(0,react_1.useState)([]),r=(0,react_1.useRef)(null),o=(0,jotai_1.useAtomValue)(app_1.layoutAtom),u=(0,jotai_1.useSetAtom)(app_1.languageAtom),_=(0,react_1.useCallback)((()=>{var n;const s=null===(n=null==r?void 0:r.current)||void 0===n?void 0:n.offsetWidth;if(!s)return;const{newVisibleItems:o,newHiddenItems:u}=calculateVisibleAndHiddenItems(s,[...e]),_=u.findIndex((e=>e.key===t));-1!==_&&swapItems(o,u,_),a(o),i(u)}),[t,e]);return(0,react_1.useLayoutEffect)((()=>(_(),window.addEventListener("resize",_),()=>{window.removeEventListener("resize",_)})),[o,t]),(0,jsx_runtime_1.jsxs)(styled_1.Container,{ref:r,children:[(0,jsx_runtime_1.jsxs)(styled_1.LanguageListContainer,{children:[!n.length&&(0,jsx_runtime_1.jsx)(LanguageListSkeleton_1.LanguageListSkeleton,{}),n.map((e=>(0,jsx_runtime_1.jsx)(styled_1.LanguageListItem,{onClick:()=>u(e.key),active:t===e.key,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,withIcon:!0})},e.key)))]}),s.length?(0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:s,onChange:e=>{const t=s.findIndex((t=>t.key===e));if(-1!==t){const r=[...s],o=[...n];swapItems(o,r,t),a(o),i(r),u(e)}},trigger:(0,jsx_runtime_1.jsx)(theme_1.Button,{icon:(0,jsx_runtime_1.jsx)(theme_1.OverflowMenuVerticalIcon,{}),variant:"text",style:{height:"100%"}}),withArrow:!1,withCheckmark:!1,width:156}):null]})}function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],s=[];return t.forEach((t=>{e&&n+constants_1.ITEM_WIDTH<=e?(a.push(t),n+=constants_1.ITEM_WIDTH):s.push(t)})),{newVisibleItems:a,newHiddenItems:s}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
+//# sourceMappingURL=LanguageList.js.map

package/lib/components/Language/_tests_/LanguageDropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Language/_tests_/LanguageDropdown.test.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("@testing-library/react"),LanguageDropdown_1=require("../LanguageDropdown"),mockSamples=[{key:"js",title:"JS",lang:"js"},{key:"node.js",title:"Node.JS",lang:"nodejs"}],mockActiveTab=mockSamples[0].key,mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockSamples[0].title)).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));react_1.fireEvent.click(react_1.screen.getByText(mockSamples[0].title));const t=mockSamples[1];react_1.fireEvent.click(e(t.title)),expect(mockOnChange).toHaveBeenCalledWith(t.key)}))}));
+//# sourceMappingURL=LanguageDropdown.test.js.map

package/lib/components/Language/constants.d.ts

@@ -0,0 +1 @@
+export declare const ITEM_WIDTH = 78;

package/lib/components/Language/constants.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ITEM_WIDTH=void 0,exports.ITEM_WIDTH=78;
+//# sourceMappingURL=constants.js.map

package/lib/components/Language/index.d.ts

@@ -0,0 +1,3 @@
+export { LanguageDropdown } from './LanguageDropdown';
+export { LanguageList } from './LanguageList';
+export { LanguageItem } from './LanguageItem';

package/lib/components/Language/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=exports.LanguageList=exports.LanguageDropdown=void 0;var LanguageDropdown_1=require("./LanguageDropdown");Object.defineProperty(exports,"LanguageDropdown",{enumerable:!0,get:function(){return LanguageDropdown_1.LanguageDropdown}});var LanguageList_1=require("./LanguageList");Object.defineProperty(exports,"LanguageList",{enumerable:!0,get:function(){return LanguageList_1.LanguageList}});var LanguageItem_1=require("./LanguageItem");Object.defineProperty(exports,"LanguageItem",{enumerable:!0,get:function(){return LanguageItem_1.LanguageItem}});
+//# sourceMappingURL=index.js.map

package/lib/components/Language/styled.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { DropdownMenuItem } from '@redocly/theme';
+export declare const Container: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const LanguageTitle: import("styled-components").StyledComponent<"span", any, {
+    active?: boolean | undefined;
+}, never>;
+export declare const LanguageTitleContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const LanguageIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const LanguageListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LanguageListItem: import("styled-components").StyledComponent<"button", any, {
+    active: boolean;
+}, never>;
+export declare const StyledDropdownMenuItem: import("styled-components").StyledComponent<typeof DropdownMenuItem, any, Partial<Pick<import("@redocly/theme").LinkProps, "target" | "to" | "external">> & {
+    prefix?: import("react").ReactNode;
+    suffix?: import("react").ReactNode;
+    content?: import("react").ReactNode;
+    separatorLine?: boolean | undefined;
+    dataAttributes?: Record<string, string> | undefined;
+    className?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    role?: string | undefined;
+    separator?: boolean | undefined;
+    disabled?: boolean | undefined;
+    dangerous?: boolean | undefined;
+    onAction?: (() => void) | undefined;
+    active?: boolean | undefined;
+} & {
+    $width?: number | undefined;
+}, never>;
+export declare const DropdownTriggerButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps, never>;

package/lib/components/Language/styled.js

@@ -0,0 +1,76 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownTriggerButton=exports.StyledDropdownMenuItem=exports.LanguageListItem=exports.LanguageListContainer=exports.LanguageIcon=exports.LanguageTitleContainer=exports.LanguageTitle=exports.Container=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),constants_1=require("./constants");exports.Container=styled_components_1.default.span`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,exports.LanguageTitle=styled_components_1.default.span`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: ${({active:e})=>e?"var(--font-weight-medium)":"var(--font-weight-regular)"};
+`,exports.LanguageTitleContainer=styled_components_1.default.span`
+  display: inherit;
+  gap: inherit;
+  flex-direction: inherit;
+  justify-content: inherit;
+  align-items: inherit;
+`,exports.LanguageIcon=styled_components_1.default.span`
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+`,exports.LanguageListContainer=styled_components_1.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,exports.LanguageListItem=styled_components_1.default.button`
+  background: none;
+  border: none;
+  width: ${constants_1.ITEM_WIDTH}px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  flex-direction: column;
+  gap: calc(var(--spacing-unit) * 0.5);
+  padding: var(--spacing-xs) 0;
+  color: ${({active:e})=>e?"var(--text-color-primary)":"var(--text-color-description)"};
+  border-radius: var(--border-radius);
+  text-align: center;
+  position: relative;
+
+  :hover {
+    color: var(--text-color-primary);
+  }
+
+  ${({active:e})=>e&&styled_components_1.css`
+      &::before {
+        position: absolute;
+        top: -21px;
+        border-top: 3px solid var(--text-color-primary);
+        width: 100%;
+        content: '';
+        border-bottom-left-radius: calc(var(--border-radius) / 2);
+        border-bottom-right-radius: calc(var(--border-radius) / 2);
+      }
+    `}
+`,exports.StyledDropdownMenuItem=(0,styled_components_1.default)(theme_1.DropdownMenuItem)`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-xs);
+  padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
+    var(--spacing-sm);
+  width: ${({$width:e=204})=>e}px;
+  fill: var(--menu-content-color-active);
+`,exports.DropdownTriggerButton=(0,styled_components_1.default)(theme_1.Button)`
+  display: inline-flex;
+
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
+  cursor: pointer;
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/Markdown/Markdown.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { MarkdownProps } from './types';
-export declare const Markdown: ({ source, ast, htmlWrap, ...props }: MarkdownProps) => JSX.Element | null;
+export declare const Markdown: ({ source, ast, htmlWrap, ...props }: MarkdownProps) => ReactElement | null;

package/lib/components/Markdown/Markdown.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__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 n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=void 0;const react_1=__importStar(require("react")),markdoc_1=require("@markdoc/markdoc"),recoil_1=require("@redocly/recoil"),dompurify_1=__importDefault(require("dompurify")),theme_1=require("@redocly/theme"),store_1=require("../../recoil/store"),utils_1=require("../../utils"),Markdown=e=>{var t,r,o,n,l,i,a,d,u,{source:s,ast:c,htmlWrap:_}=e,f=__rest(e,["source","ast","htmlWrap"]);const p=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);if(!s&&!c)return null;const m=(null==p?void 0:p.allowedMdComponents)&&{tags:null===(t=p.allowedMdComponents)||void 0===t?void 0:t.tags,nodes:null===(r=p.allowedMdComponents)||void 0===r?void 0:r.nodes,partials:null===(o=p.allowedMdComponents)||void 0===o?void 0:o.partials,variables:null===(n=p.allowedMdComponents)||void 0===n?void 0:n.variables,functions:null===(l=p.allowedMdComponents)||void 0===l?void 0:l.functions},v=(null==p?void 0:p.allowedMdComponents)&&{components:null===(i=p.allowedMdComponents)||void 0===i?void 0:i.components};let y;if(s)if((0,utils_1.isString)(s)){const e=(null===(a=null==p?void 0:p.hooks)||void 0===a?void 0:a.sanitize)?null===(u=null===(d=p.hooks)||void 0===d?void 0:d.sanitize)||void 0===u?void 0:u.call(d,s):(null==p?void 0:p.untrustedDefinition)?dompurify_1.default.sanitize(s):s,t=(0,markdoc_1.parse)(e);y=(0,markdoc_1.transform)(t,m)}else{const e=markdoc_1.Ast.fromJSON(s.result);y=(Array.isArray(e),(0,markdoc_1.transform)(e,m))}else c&&(y=(0,markdoc_1.transform)(c,m));const b=e=>{const t=markdoc_1.renderers.react(e,react_1.default,v);return react_1.default.createElement(theme_1.MarkdownWrapper,Object.assign({},f,{children:t,as:"div"}))};if(!_)return b(y);return y=Array.isArray(y)?y:y.children,react_1.default.createElement(react_1.default.Fragment,null," ",y.map(((e,t)=>{var r,o,n,l;return react_1.default.createElement(react_1.Fragment,{key:(null===(r=null==e?void 0:e.attributes)||void 0===r?void 0:r.id)||t},(l=null==e?void 0:e.attributes,o=!1!==(null==l?void 0:l.htmlWrap),n=e,o?_(b(n)):b(n)))})))};exports.Markdown=Markdown;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__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 i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=__importStar(require("react")),markdoc_1=require("@markdoc/markdoc"),jotai_1=require("jotai"),dompurify_1=__importDefault(require("dompurify")),theme_1=require("@redocly/theme"),store_1=require("../../jotai/store"),TAGS_NOT_TO_WRAP=["OpenApiResponse","OpenApiRequestBody"],Markdown=e=>{var t,r,o,i,n,a,s,l,u,{source:d,ast:c,htmlWrap:_}=e,m=__rest(e,["source","ast","htmlWrap"]);const p=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);if(!d&&!c)return null;const f=(null==p?void 0:p.markdocOptions)&&{tags:null===(t=p.markdocOptions)||void 0===t?void 0:t.tags,nodes:null===(r=p.markdocOptions)||void 0===r?void 0:r.nodes,partials:null===(o=p.markdocOptions)||void 0===o?void 0:o.partials,variables:null===(i=p.markdocOptions)||void 0===i?void 0:i.variables,functions:null===(n=p.markdocOptions)||void 0===n?void 0:n.functions},v=(null==p?void 0:p.markdocOptions)&&{components:null===(a=p.markdocOptions)||void 0===a?void 0:a.components};let O;if(d)if((0,theme_1.isString)(d)){const e=(null===(s=null==p?void 0:p.unstable_hooks)||void 0===s?void 0:s.sanitize)?null===(u=null===(l=p.unstable_hooks)||void 0===l?void 0:l.sanitize)||void 0===u?void 0:u.call(l,d):(null==p?void 0:p.sanitize)?dompurify_1.default.sanitize(d):d,t=(0,markdoc_1.parse)(e);O=(0,markdoc_1.transform)(t,f)}else{const e=markdoc_1.Ast.fromJSON("object"==typeof d.result?JSON.stringify(d.result):d.result);O=(Array.isArray(e),(0,markdoc_1.transform)(e,f))}else c&&(O=(0,markdoc_1.transform)(c,f));const b=e=>{const t=markdoc_1.renderers.react(e,react_1.default,v);return(0,jsx_runtime_1.jsx)(theme_1.Markdown,Object.assign({},m,{children:t,as:"div"}))};if(!_)return b(O);const h=e=>{var t;return!1!==(null===(t=e.attributes)||void 0===t?void 0:t.htmlWrap)&&!TAGS_NOT_TO_WRAP.includes(null==e?void 0:e.name)};return O=Array.isArray(O)?O:O.children,(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:O.map(((e,t)=>{var r,o,i;return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:(o=h(e),i=e,o?_(b(i)):b(i))},(null===(r=null==e?void 0:e.attributes)||void 0===r?void 0:r.id)||t)}))})};exports.Markdown=Markdown;
 //# sourceMappingURL=Markdown.js.map

package/lib/components/Markdown/index.d.ts

@@ -1,3 +1,2 @@
 export { Markdown } from './Markdown';
-export * from './styled';
 export * from './types';

package/lib/components/Markdown/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=void 0;var Markdown_1=require("./Markdown");Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return Markdown_1.Markdown}}),__exportStar(require("./styled"),exports),__exportStar(require("./types"),exports);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,n){void 0===n&&(n=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,o)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=void 0;var Markdown_1=require("./Markdown");Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return Markdown_1.Markdown}}),__exportStar(require("./types"),exports);
 //# sourceMappingURL=index.js.map

package/lib/components/Markdown/types.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { Node } from '@markdoc/markdoc';
 export type MarkdownProps = {
     sanitize?: boolean;
+    base?: boolean;
     source?: string | GenericObject;
     ast?: Node[];
     className?: string;
-    htmlWrap?: (part: JSX.Element) => JSX.Element;
+    htmlWrap?: (part: ReactElement) => ReactElement;
 };

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import type { DropdownProps } from '../common';
+import type { ReactElement } from 'react';
+import type { SelectProps } from '../common';
 import type { MediaContentModel, MediaTypeModel } from '../../models';
 interface MediaTypesSwitchProps {
     content?: MediaContentModel;
     withLabel?: boolean;
-    renderDropdown: (props: DropdownProps) => JSX.Element | null;
-    children: (activeMime: MediaTypeModel) => JSX.Element;
+    renderSelect: (props: SelectProps) => ReactElement | null;
+    children: (activeMime: MediaTypeModel) => ReactElement;
 }
-export declare const MediaTypesSwitch: React.NamedExoticComponent<MediaTypesSwitchProps>;
+export declare const MediaTypesSwitch: import("react").NamedExoticComponent<MediaTypesSwitchProps>;
 export {};

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),PayloadSamples_1=require("../PayloadSamples"),common_1=require("../common"),app_1=require("../../recoil/app"),models_1=require("../../models");function Wrapper({children:e,withLabel:t,innerRef:r}){return t?react_1.default.createElement(PayloadSamples_1.DropdownWrapper,{ref:r},react_1.default.createElement(PayloadSamples_1.DropdownLabel,null,"Content type"),e):react_1.default.createElement(common_1.FormControl,{ref:r},e)}function MediaTypesSwitchComponent({content:e,withLabel:t,renderDropdown:r,children:n}){const[a,i]=(0,recoil_1.useRecoilState)(app_1.activeMimeNameSelector),o=(0,react_1.useCallback)((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;i(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,i]),l=(0,react_1.useRef)(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const c=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),u=(0,models_1.getActiveMediaType)(e,a);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Wrapper,{innerRef:l,withLabel:t},r({value:u.name,options:c,onChange:o,ariaLabel:"Content type"})),n(u))}exports.MediaTypesSwitch=(0,react_1.memo)(MediaTypesSwitchComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),common_1=require("../common"),app_1=require("../../jotai/app"),models_1=require("../../models");function Wrapper({children:e,withLabel:t,innerRef:r}){return e?t?(0,jsx_runtime_1.jsxs)(PayloadSamples_1.SelectWrapper,{ref:r,children:[(0,jsx_runtime_1.jsx)(PayloadSamples_1.SelectLabel,{children:"Content type"}),e]}):(0,jsx_runtime_1.jsx)(common_1.Container,{ref:r,children:e}):null}function MediaTypesSwitchComponent({content:e,withLabel:t,renderSelect:r,children:n}){const[i,a]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),o=(0,react_1.useCallback)((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;a(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,a]),l=(0,react_1.useRef)(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const s=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=(0,models_1.getActiveMediaType)(e,i);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Wrapper,{innerRef:l,withLabel:t,children:r({value:c.name,options:s,onChange:o,ariaLabel:"Content type"})}),n(c)]})}exports.MediaTypesSwitch=(0,react_1.memo)(MediaTypesSwitchComponent);
 //# sourceMappingURL=MediaTypesSwitch.js.map

package/lib/components/OperationItem/Description.d.ts

@@ -0,0 +1,10 @@
+import type { OpenAPIExternalDocumentation } from '../../types';
+interface DescriptionProps {
+    description?: string | GenericObject;
+    externalDocs?: OpenAPIExternalDocumentation;
+    extensions: {
+        [p: string]: string | Record<string, unknown>;
+    };
+}
+export declare function Description({ description, externalDocs, extensions }: DescriptionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/components/OperationItem/Description.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Description=void 0;const jsx_runtime_1=require("react/jsx-runtime"),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation"),Extensions_1=require("../common/Extensions");function Description({description:e,externalDocs:n,extensions:t}){return e?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:e}),n&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:n}),Object.keys(t||{}).length?(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:t}):null]}):null}exports.Description=Description;
+//# sourceMappingURL=Description.js.map

package/lib/components/OperationItem/OperationItem.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import type { OperationItemProps } from './types';
-export declare const OperationItem: React.NamedExoticComponent<OperationItemProps>;
+export declare const OperationItem: import("react").NamedExoticComponent<OperationItemProps>;

package/lib/components/OperationItem/OperationItem.js

@@ -1,15 +1,25 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("@redocly/recoil"),theme_1=require("@redocly/theme"),Endpoint_1=require("../Endpoint"),panels_1=require("../common/panels"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),ExternalDocumentation_1=require("../ExternalDocumentation"),Fields_1=require("../Fields"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),SecurityRequirement_1=require("../SecurityRequirement"),Panel_1=require("../Panel"),services_1=require("../../services"),events_1=require("../../events"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../models/operation"),operation_2=require("../../recoil/operation"),RenderHook_1=require("../RenderHook"),OperationRow=(0,styled_components_1.default)(panels_1.Row)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),RenderHook_1=require("../RenderHook"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),RequestDetails_1=require("../Request/RequestDetails"),OperationSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
+  margin-left: auto;
+  --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var s,n;const{parser:o,options:i}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[l,p]=(0,react_1.useState)(),{unstable_hooks:_,feedback:m}=i,c=(0,react_1.useMemo)((()=>(0,operation_1.getOperation)(o,e,t,i,a)),[a,e,i,t,o]),{name:d,deprecated:u,isWebhook:x,badges:j}=c,k=r===theme_1.LayoutVariant.STACKED,h=(null==m?void 0:m.type)||"sentiment",b=!0!==(null==m?void 0:m.hide),S=j.filter((({position:e})=>"before"===e)),R=j.filter((({position:e})=>"after"===e)),[O,f]=(0,react_1.useState)(null),g=(0,react_1.useCallback)((e=>{l!==e&&p(e)}),[l]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:r,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:k,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==_?void 0:_.BeforeOperation),props:{operation:c}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{"data-testid":"operation-item-header",children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:a,"aria-label":`link to ${d}`}),S.map((({name:e,color:t})=>(0,jsx_runtime_1.jsx)(OperationBadge,{color:t,children:e},e))),d,R.map((({name:e,color:t})=>(0,jsx_runtime_1.jsx)(OperationBadge,{color:t,children:e},e))),u&&(0,jsx_runtime_1.jsx)(OperationBadge,{deprecated:!0,children:"Deprecated"}),x&&(0,jsx_runtime_1.jsx)(OperationBadge,{children:"Webhook"})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:k,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:c})}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:k,"data-testid":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:c})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:k,children:(null===(s=c.responses)||void 0===s?void 0:s.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:c.responses,operationId:c.id,operationPointer:c.pointer,callbackId:c.callbackId,activeResponseTab:l,onTabChange:g}):null}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:k,"data-testid":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:c,activeResponseTab:l,onTabChange:g})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:k,children:[(null===(n=c.callbacks)||void 0===n?void 0:n.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(c.id,"callbacks")}),"Callbacks"]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:c.callbacks,onExpand:f,selectedCallback:O})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==_?void 0:_.AfterOperation),props:{operation:c}})]}),O?(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:k,"data-testid":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:O})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:k,fullWidth:!0,children:b?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:h,settings:m.settings,path:c.href})}):null})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const FeedbackWrapper=styled_components_1.default.div`
+  & > div {
+    flex: 1 1 auto;
+    display: flex;
+    justify-content: center;
+  }
+
+  & > div > div {
+    width: 100%;
+    max-width: var(--feedback-width);
+  }
+`,OperationRow=(0,styled_components_1.default)(common_1.Row)`
   flex-direction: column;
   align-items: flex-start;
-  ${theme_1.H2} {
-    position: relative;
-  }
-`,OperationSubRowStyled=(0,styled_components_1.default)(panels_1.Row)`
+  padding: var(--spacing-base) 0 calc(var(--spacing-xl) + var(--spacing-xs));
+`,OperationSubRowStyled=(0,styled_components_1.default)(common_1.Row)`
   margin: calc(var(--spacing-unit) * 2) 0;
-`,Description=styled_components_1.default.div`
-  margin-bottom: calc(var(--spacing-unit) * 4);
-`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var r,l,n;const o=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),c=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),{parser:i,options:s}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:p,feedback:d,showWebhookVerb:m,pathInMiddlePanel:_,expandDefaultRequest:f,expandDefaultResponse:S}=s,E=(0,operation_1.getOperation)(i,e,t,s,a),{name:k,description:b,deprecated:y,externalDocs:v,isWebhook:h,httpVerb:R}=E,q=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(E.pointer)),O=o===theme_1.LayoutVariant.STACKED||!c,g=!0!==(null==d?void 0:d.hide)&&void 0!==(null==d?void 0:d.type);(0,theme_1.useMount)((()=>{q((e=>Object.assign(Object.assign({},e),{activeExampleName:E.activeExampleName,activeServer:E.activeServer})))}));const P=!(!b&&!v),x=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.createPanelToggleEvent)({operation:E,isExpanded:t,panelType:e});null===(a=null==p?void 0:p.panelToggle)||void 0===a||a.call(p,r)}),[p,E]);return react_1.default.createElement(OperationRow,{layout:o},react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==u?void 0:u.BeforeOperation),props:{operation:E}}),react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:a}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperationSummary||(null==u?void 0:u.BeforeOperationSummary),props:{operation:E}}),k,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperationSummary||(null==u?void 0:u.AfterOperationSummary),props:{operation:E}}),y&&react_1.default.createElement(common_1.Badge,{deprecated:!0},"Deprecated"),h&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Badge,null,"Webhook"),m&&R&&react_1.default.createElement(common_1.Badge,null,R.toUpperCase()))),_&&!h&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},P&&react_1.default.createElement(Description,null,void 0!==b&&react_1.default.createElement(Markdown_1.Markdown,{source:b}),v&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:v}),Object.keys(E.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:E.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:E.security}),(null===(r=E.parameters)||void 0===r?void 0:r.length)||E.requestBody?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("request"),onToggle:x("request"),expanded:f,className:"panel-request-schemas"},react_1.default.createElement(Parameters_1.Parameters,{parameters:E.parameters,body:E.requestBody})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!_&&!h&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},(null===(l=E.responses)||void 0===l?void 0:l.length)?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("responses"),onToggle:x("responses"),expanded:S,className:"panel-response-schemas"},react_1.default.createElement(Responses_1.OperationResponseList,{responses:E.responses,operationPointer:E.pointer})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},(null===(n=E.callbacks)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-callback-schemas",header:(0,services_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:E.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==u?void 0:u.AfterOperation),props:{operation:E}})),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:E.callbacks})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},g?react_1.default.createElement(FeedbackWrapper,null,react_1.default.createElement(theme_1.Feedback,{type:d.type,settings:d.settings,path:E.href})):null)))}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const FeedbackWrapper=styled_components_1.default.div`
-  display: flex;
-  justify-content: center;
+`,OperationBadge=(0,styled_components_1.default)(theme_1.Badge)`
+  margin: 0;
+  background-color: ${({color:e})=>e};
 `;
 //# sourceMappingURL=OperationItem.js.map

package/lib/components/OperationItem/_tests_/OperationItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/OperationItem/_tests_/OperationItem.test.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("@testing-library/react"),react_router_dom_1=require("react-router-dom"),OperationItem_1=require("../OperationItem"),services_1=require("../../../services"),petstore_json_1=__importDefault(require("./fixtures/petstore.json")),operationDefinition_json_1=__importDefault(require("./fixtures/operationDefinition.json")),app_1=require("../../../jotai/app"),store_1=require("../../../jotai/store");jest.mock("jotai",(()=>Object.assign(Object.assign({},jest.requireActual("jotai")),{useAtomValue:jest.fn((e=>e===store_1.globalStoreAtom?{parser:{definition:petstore_json_1.default},options:(0,services_1.normalizeOptions)({codeSamples:{languages:[{lang:"curl",label:"curl"}]}})}:e===app_1.environmentAtom?[{},""]:{})),useAtom:jest.fn((e=>e===app_1.environmentAtom?[[{server:{}}],jest.fn()]:[{activeOneOf:{"/paths/~1pet/post":0},requestValues:{},request:{expandedFields:{}},response:{expandedFields:{}},activeLanguage:"curl"},jest.fn()]))}))),describe("OperationItem",(()=>{it("should render badges with correct position",(()=>{const{getByTestId:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(OperationItem_1.OperationItem,{item:{operationDefinition:operationDefinition_json_1.default,parent:void 0,href:"test"}}),{wrapper:react_router_dom_1.BrowserRouter}),t=e("operation-item-header").childNodes;expect(t[1].textContent).toBe("Alpha"),expect(t[3].textContent).toBe("Beta"),expect(t[4].textContent).toBe("Gamma")}))}));
+//# sourceMappingURL=OperationItem.test.js.map

package/lib/components/Overlay.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { LicenseInfo } from '../services/check';
 export interface LicenseCheckProps {
     licenseInfo: LicenseInfo;
 }
-export declare const Overlay: ({ licenseInfo }: LicenseCheckProps) => JSX.Element | null;
+export declare const Overlay: ({ licenseInfo }: LicenseCheckProps) => ReactElement | null;

package/lib/components/Overlay.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overlay=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed",Overlay=({licenseInfo:e})=>{const[t,r]=(0,react_1.useState)(null),[a,l]=(0,react_1.useState)(-1),[i,n]=(0,react_1.useState)(!1);return(0,react_1.useEffect)((()=>{var t;e.local?n(!0):(e.valid?e.allowed?e.expired&&r(e.t?EXPIRED:TRIAL_EXPIRED):r(INVALID_HOST):r(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&l(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)))}),[e]),i?react_1.default.createElement(TrialWrap,null,react_1.default.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!t&&a>-1?react_1.default.createElement(TrialWrap,null," Trial version: ",a," days remaining "):t?react_1.default.createElement(Flash,null,react_1.default.createElement("span",null,t," ",react_1.default.createElement("br",null),react_1.default.createElement("small",null,"Please contact ",react_1.default.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};exports.Overlay=Overlay;const TrialWrap=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overlay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed",Overlay=({licenseInfo:e})=>{const[i,t]=(0,react_1.useState)(null),[r,n]=(0,react_1.useState)(-1),[s,l]=(0,react_1.useState)(!1);return(0,react_1.useEffect)((()=>{var i;e.local?l(!0):(e.valid?e.allowed?e.expired&&t(e.t?EXPIRED:TRIAL_EXPIRED):t(INVALID_HOST):t(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&n(Math.ceil(((null!==(i=null==e?void 0:e.e)&&void 0!==i?i:0)-Date.now()/1e3)/60/60/24)))}),[e]),s?(0,jsx_runtime_1.jsxs)(TrialWrap,{children:[(0,jsx_runtime_1.jsx)("a",{href:"https://redoc.ly",children:"Redocly API reference docs"})," preview"]}):!i&&r>-1?(0,jsx_runtime_1.jsxs)(TrialWrap,{children:[" Trial version: ",r," days remaining "]}):i?(0,jsx_runtime_1.jsx)(Flash,{children:(0,jsx_runtime_1.jsxs)("span",{children:[i," ",(0,jsx_runtime_1.jsx)("br",{}),(0,jsx_runtime_1.jsxs)("small",{children:["Please contact ",(0,jsx_runtime_1.jsx)("a",{href:"mailto:team@redoc.ly",children:"team@redoc.ly"})," to remedy the problem."," "]})]})}):null};exports.Overlay=Overlay;const TrialWrap=styled_components_1.default.div`
   padding: 10px 40px;
   position: fixed;
   text-align: right;

package/lib/components/Overview/Overview.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+export declare function Overview({ info }: {
+    info: any;
+}): ReactElement;

package/lib/components/Overview/Overview.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overview=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),PanelItem_1=require("../PanelItem");function Overview({info:e}){const t=e.contact&&e.contact.url&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:"URL"}),title:(0,jsx_runtime_1.jsx)("a",{href:e.contact.url,target:"_blank",rel:"noreferrer",children:e.contact.url}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.contact.url},"NewTabButton")]})||null,n=e.contact&&e.contact.email&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.contact.name||"E-mail"}),title:(0,jsx_runtime_1.jsx)("a",{href:"mailto:"+e.contact.email,children:e.contact.email}),actions:[(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:e.contact.email},"CopyButton"),(0,jsx_runtime_1.jsx)(theme_1.EmailButton,{data:e.contact.email},"EmailButton")]})||null,r=e.license&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:"License"}),title:e.license.identifier?e.license.identifier:(0,jsx_runtime_1.jsx)("a",{href:e.license.url,target:"_blank",rel:"noreferrer",children:e.license.name}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.license.url},"NewTabButton")]})||null,i=e.termsOfService&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{title:(0,jsx_runtime_1.jsx)("a",{href:e.termsOfService,target:"_blank",rel:"noreferrer",children:"Terms of Service"}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.termsOfService},e.termsOfService)]})||null;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsxs)(PanelItem_1.PanelItemsList,{children:[t,n,r,i]})})}exports.Overview=Overview;
+//# sourceMappingURL=Overview.js.map

package/lib/components/Overview/index.d.ts

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

package/lib/components/Overview/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overview=void 0;var Overview_1=require("./Overview");Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return Overview_1.Overview}});
+//# sourceMappingURL=index.js.map

package/lib/components/PageFooter/PageFooter.d.ts

@@ -1,14 +1,3 @@
-import React from 'react';
-import type { HookConfig, Options, Pagination } from '../../services';
-interface PageFooterProps {
-    footerHook?: HookConfig<undefined>;
-    showNextButton: Options['showNextButton'];
-    nextSectionLink?: {
-        name: string;
-        href?: string;
-    };
-    pagination: Pagination;
-}
-export declare function PageFooterComponent({ showNextButton, nextSectionLink, pagination, }: PageFooterProps): JSX.Element | null;
-export declare const PageFooter: React.NamedExoticComponent<PageFooterProps>;
-export {};
+/// <reference types="react" />
+export declare function PageFooterComponent(): import("react/jsx-runtime").JSX.Element | null;
+export declare const PageFooter: import("react").MemoExoticComponent<typeof PageFooterComponent>;

package/lib/components/PageFooter/PageFooter.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageFooter=exports.PageFooterComponent=void 0;const theme_1=require("@redocly/theme"),react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),NextSectionButton_1=require("../NextSectionButton"),store_1=require("../../recoil/store"),RenderHook_1=require("../RenderHook");function PageFooterComponent({showNextButton:e,nextSectionLink:t,pagination:o}){const{hooks:{MiddlePanelFooter:r}}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);switch(!0){case Boolean(r):return react_1.default.createElement(RenderHook_1.RenderHook,{Hook:r,props:void 0});case Boolean(theme_1.OpenApiFooter):return react_1.default.createElement(theme_1.OpenApiFooter,null);case Boolean(e&&t):return react_1.default.createElement(NextSectionButton_1.NextSectionButton,{href:(null==t?void 0:t.href)||"",label:null==t?void 0:t.name,pagination:o});default:return null}}exports.PageFooterComponent=PageFooterComponent,exports.PageFooter=(0,react_1.memo)(PageFooterComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageFooter=exports.PageFooterComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),react_1=require("react"),jotai_1=require("jotai"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook");function PageFooterComponent(){const{unstable_hooks:{MiddlePanelFooter:e}}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);switch(!0){case Boolean(e):return(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:e,props:void 0});case Boolean(theme_1.OpenApiFooter):return(0,jsx_runtime_1.jsx)(theme_1.OpenApiFooter,{});default:return null}}exports.PageFooterComponent=PageFooterComponent,exports.PageFooter=(0,react_1.memo)(PageFooterComponent);
 //# sourceMappingURL=PageFooter.js.map

package/lib/components/Panel/ContentPanel.d.ts

@@ -1,4 +1,2 @@
-export declare const ContentPanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
-    'data-component-name': string;
-    className: string;
-}, "className" | "data-component-name">;
+import { Panel } from '@redocly/theme';
+export declare const ContentPanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;

package/lib/components/Panel/ResponsePanel.d.ts

@@ -1,8 +1,3 @@
-export declare const StyledResponsePanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
-    'data-component-name': string;
-    className: string;
-}, "className" | "data-component-name">;
-export declare const CallbackPanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
-    'data-component-name': string;
-    className: string;
-}, "className" | "data-component-name">;
+import { Panel } from '@redocly/theme';
+export declare const StyledResponsePanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;
+export declare const CallbackPanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;

package/lib/components/Panel/ResponsePanel.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=exports.StyledResponsePanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),headers_1=require("../common/headers"),styled_1=require("../Markdown/styled"),Trigger_1=require("./Trigger");exports.StyledResponsePanel=(0,styled_components_1.default)(theme_1.Panel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=exports.StyledResponsePanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),headers_1=require("../common/headers"),Trigger_1=require("./Trigger");exports.StyledResponsePanel=(0,styled_components_1.default)(theme_1.Panel)`
   ${headers_1.FieldsGroupHeader} {
     &:first-child {
       margin-top: 0;
@@ -10,14 +10,13 @@
     max-width: 100%;
     justify-content: space-between;
   }
-
-  ${theme_1.PanelHeaderTitle} {
-    ${styled_1.StyledMarkdownSpan} > p:first-child {
-      margin-left: 4px;
-      display: inline;
-    }
-  }
 `,exports.CallbackPanel=(0,styled_components_1.default)(exports.StyledResponsePanel)`
+  border-bottom: 1px solid var(--border-color-primary);
+  &:not(:last-child) {
+    margin-bottom: 0;
+    border-radius: 0;
+  }
+
   ${Trigger_1.Trigger} {
     max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */
     justify-content: flex-start;