@redocly/openapi-docs 0.0.0-beta-20240223133421 → 0.0.0-beta-20240227165736

package/lib-esm/components/Schema/Schema.js

@@ -1,4 +1,4 @@
-var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)r.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(t[a[o]]=e[a[o]])}return t};import React,{memo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../jotai/operation";import{FieldDetails}from"../PropertyDetails";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:a}=e,o=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:n}=useAtomValue(operationStore((null==t?void 0:t.deps.operation.pointer)||""));if(!t)return null;const{type:i,oneOf:c,discriminatorProp:m,isCircular:l}=t,s=(o.level||0)+1;if(l)return React.createElement(RecursiveSchema,{schema:t});if(void 0!==m){if(!c||!c.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=c[n[t.pointer]||0];return(null==e?void 0:e.isCircular)?React.createElement(RecursiveSchema,{schema:e}):React.createElement(ObjectSchema,Object.assign({},o,{level:s,schema:e,discriminator:{fieldName:m,parentSchema:t,onChange:a}}))}if(void 0!==c)return React.createElement(OneOfSchema,Object.assign({},o,{schema:t,level:s}));const p=Array.isArray(i)?i:[i];if(p.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema,Object.assign({},o,{level:s,schema:t}))}else if(p.includes("array"))return React.createElement(ArraySchema,Object.assign({},o,{level:s,schema:t}));const h={schema:t,name:"",required:!1,deprecated:!1};return React.createElement(Wrapper,null,React.createElement(FieldDetails,{field:h,fieldParentsName:o.fieldParentsName}))}export const Schema=memo(SchemaComponent);const Wrapper=styled.div`
+var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)r.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(t[o[i]]=e[o[i]])}return t};import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../jotai/operation";import{FieldDetails}from"../PropertyDetails";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:o}=e,i=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:a}=useAtomValue(operationStore((null==t?void 0:t.deps.operation.pointer)||""));if(!t)return null;const{type:n,oneOf:s,discriminatorProp:c,isCircular:m}=t,l=(i.level||0)+1;if(m)return _jsx(RecursiveSchema,{schema:t});if(void 0!==c){if(!s||!s.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=s[a[t.pointer]||0];return(null==e?void 0:e.isCircular)?_jsx(RecursiveSchema,{schema:e}):_jsx(ObjectSchema,Object.assign({},i,{level:l,schema:e,discriminator:{fieldName:c,parentSchema:t,onChange:o}}))}if(void 0!==s)return _jsx(OneOfSchema,Object.assign({},i,{schema:t,level:l}));const p=Array.isArray(n)?n:[n];if(p.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return _jsx(ObjectSchema,Object.assign({},i,{level:l,schema:t}))}else if(p.includes("array"))return _jsx(ArraySchema,Object.assign({},i,{level:l,schema:t}));return _jsx(Wrapper,{children:_jsx(FieldDetails,{field:{schema:t,name:"",required:!1,deprecated:!1},fieldParentsName:i.fieldParentsName})})}export const Schema=memo(SchemaComponent);const Wrapper=styled.div`
   padding: var(--spacing-xxs) 0;
   border-bottom: 1px solid var(--border-color-primary);
 `;

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

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 interface SchemaDefinitionProps {
     schemaRef?: string;
     exampleRef?: string;
     showReadOnly?: boolean;
     showWriteOnly?: boolean;
 }
-export declare const SchemaDefinition: React.NamedExoticComponent<SchemaDefinitionProps>;
+export declare const SchemaDefinition: import("react").NamedExoticComponent<SchemaDefinitionProps>;
 export {};

package/lib-esm/components/SchemaDefinition/SchemaDefinition.js

@@ -1,4 +1,4 @@
-import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{LayoutVariant,Panel}from"@redocly/theme";import{useAtom,useAtomValue}from"jotai";import{writeAtom}from"../../jotai/nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{layoutAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";const getMediaTypeInfo=(e,t)=>{if(!e)return{};const o={schema:{$ref:e}};return t&&(o.examples={example:{$ref:t}}),o};function SchemaDefinitionComponent({schemaRef:e,exampleRef:t,showReadOnly:o=!0,showWriteOnly:a=!1}){var i,n,m;const r=useAtomValue(layoutAtom),{parser:l,options:s}=useAtomValue(globalStoreAtom),c=useMemo((()=>getMediaType(l,"json",!1,getMediaTypeInfo(e,t),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[t,s,l,e]),[p,d]=useAtom(operationStore(null===(i=c.operation)||void 0===i?void 0:i.pointer)),u=useCallback((e=>{if(!c.schema)return;const t=c.schema,o=t.oneOf;if(o&&(null==c?void 0:c.examples)&&Object.keys(null==c?void 0:c.examples).includes(e)){const a=o.findIndex((t=>t.title===e));-1!==a&&t&&writeAtom(operationStore(t.deps.operation.pointer),(e=>{var o,i;return Object.assign(Object.assign({},e),{activeExampleName:(null===(i=null===(o=t.oneOf)||void 0===o?void 0:o[a])||void 0===i?void 0:i.title)||e.activeExampleName,activeOneOf:Object.assign(Object.assign({},e.activeOneOf),{[t.pointer]:a})})}))}p.activeExampleName!==e&&d((t=>Object.assign(Object.assign({},t),{activeExampleName:e})))}),[null==c?void 0:c.examples,c.schema,p.activeExampleName,d]);return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED},(null===(n=c.schema)||void 0===n?void 0:n.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(m=c.schema)||void 0===m?void 0:m.description})),React.createElement(Schema,{skipWriteOnly:!a,skipReadOnly:!o,schema:c.schema})),React.createElement(SamplesPanel,null,React.createElement(Panel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:c,onChange:u})))))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{LayoutVariant,Panel}from"@redocly/theme";import{useAtom,useAtomValue}from"jotai";import{writeAtom}from"../../jotai/nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{layoutAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const a={schema:{$ref:e}};return o&&(a.examples={example:{$ref:o}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:a=!0,showWriteOnly:t=!1}){var i,n,m;const s=useAtomValue(layoutAtom),{parser:r,options:l}=useAtomValue(globalStoreAtom),p=useMemo((()=>getMediaType(r,"json",!1,getMediaTypeInfo(e,o),l,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,l,r,e]),[c,d]=useAtom(operationStore(null===(i=p.operation)||void 0===i?void 0:i.pointer)),u=useCallback((e=>{if(!p.schema)return;const o=p.schema,a=o.oneOf;if(a&&(null==p?void 0:p.examples)&&Object.keys(null==p?void 0:p.examples).includes(e)){const t=a.findIndex((o=>o.title===e));-1!==t&&o&&writeAtom(operationStore(o.deps.operation.pointer),(e=>{var a,i;return Object.assign(Object.assign({},e),{activeExampleName:(null===(i=null===(a=o.oneOf)||void 0===a?void 0:a[t])||void 0===i?void 0:i.title)||e.activeExampleName,activeOneOf:Object.assign(Object.assign({},e.activeOneOf),{[o.pointer]:t})})}))}c.activeExampleName!==e&&d((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==p?void 0:p.examples,p.schema,c.activeExampleName,d]);return _jsx(Section,{children:_jsxs(Row,{layout:s,children:[_jsxs(SamplesMiddlePanel,{isStacked:s===LayoutVariant.STACKED,children:[(null===(n=p.schema)||void 0===n?void 0:n.description)&&_jsx(Description,{children:_jsx(Markdown,{source:null===(m=p.schema)||void 0===m?void 0:m.description})}),_jsx(Schema,{skipWriteOnly:!t,skipReadOnly:!a,schema:p.schema})]}),_jsx(SamplesPanel,{children:_jsx(Panel,{className:"panel-response-samples",children:_jsx(MediaTypeSamples,{mediaType:p,onChange:u})})})]})})}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
   margin-bottom: var(--spacing-vertical);
 `;
 //# sourceMappingURL=SchemaDefinition.js.map

package/lib-esm/components/Search/MenuItemSearch.js

@@ -1,2 +1,2 @@
-import React from"react";import{useAtomValue}from"jotai";import{MenuItem,MenuItemPath}from"../SideMenu";import{SideNavStyle}from"../../services";import{formatPath,formatPlaces}from"./utils";import{MarkedSpan,Place,ResultMeta}from"./styled";import{globalOptionsAtom}from"../../jotai/store";function markString(e,t){const a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),r=e.split(a);for(let e=1,t=r.length;e<t;e+=2)r[e]=React.createElement(MarkedSpan,{key:e},r[e]);return r}export const MenuItemSearch=({result:e,term:t,active:a,onClick:r})=>{const{searchMode:l,sideNavStyle:m}=useAtomValue(globalOptionsAtom),n="path-only"===l,c=m===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(e.item,{name:{value:n?e.item.name:""},path:{value:""},search:{value:!0}}),active:a,"data-role":"search:result",onClick:r},(c||n)&&"operation"===e.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?React.createElement(ResultMeta,null,e.count," matching ",formatPlaces(e.places)):1===e.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,e.places[0].place)," ",formatPath(t,e.places[0].paths[0])):null)};
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useAtomValue}from"jotai";import{MenuItem,MenuItemPath}from"../SideMenu";import{SideNavStyle}from"../../services";import{formatPath,formatPlaces}from"./utils";import{MarkedSpan,Place,ResultMeta}from"./styled";import{globalOptionsAtom}from"../../jotai/store";function markString(e,t){const a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),r=e.split(a);for(let e=1,t=r.length;e<t;e+=2)r[e]=_jsx(MarkedSpan,{children:r[e]},e);return r}export const MenuItemSearch=({result:e,term:t,active:a,onClick:r})=>{const{searchMode:s,sideNavStyle:i}=useAtomValue(globalOptionsAtom),m="path-only"===s,n=i===SideNavStyle.PathFirst;return _jsxs(MenuItem,{item:Object.create(e.item,{name:{value:m?e.item.name:""},path:{value:""},search:{value:!0}}),active:a,"data-role":"search:result",onClick:r,children:[(n||m)&&"operation"===e.item.type?_jsx(_Fragment,{children:_jsx(MenuItemPath,{title:e.item.path,children:markString(e.item.path,t)})}):markString(e.item.name,t),e.count>1?_jsxs(ResultMeta,{children:[e.count," matching ",formatPlaces(e.places)]}):1===e.count?_jsxs(ResultMeta,{children:["in ",_jsx(Place,{children:e.places[0].place})," ",formatPath(t,e.places[0].paths[0])]}):null]})};
 //# sourceMappingURL=MenuItemSearch.js.map

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

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

package/lib-esm/components/Search/Search.js

@@ -1,2 +1,2 @@
-import React,{memo,useState}from"react";import{SearchField}from"./SearchField";import{SearchBox}from"./SearchBox";import{useSearch}from"../../services/search/useSearch";import{MarkerService}from"../../services";const marker=new MarkerService;function SearchComponent({contentItems:e,flatItems:r,options:a}){const[t,c]=useState(!1),[o,s]=useState(""),{search:m}=useSearch({contentItems:e,options:a});return a.disableSearch?null:React.createElement(React.Fragment,null,React.createElement(SearchField,{showPopUp:()=>c(!0),searchValue:o,marker:marker,setSearchValue:s}),React.createElement(SearchBox,{search:m,marker:marker,flatItems:r,options:a,shown:t,hidePopUp:()=>c(!1),showPopUp:()=>c(!0),setSearchValue:s,searchValue:o}))}export const Search=memo(SearchComponent);
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useState}from"react";import{SearchField}from"./SearchField";import{SearchBox}from"./SearchBox";import{useSearch}from"../../services/search/useSearch";import{MarkerService}from"../../services";const marker=new MarkerService;function SearchComponent({contentItems:e,flatItems:r,options:a}){const[s,t]=useState(!1),[o,c]=useState(""),{search:m}=useSearch({contentItems:e,options:a});return a.disableSearch?null:_jsxs(_Fragment,{children:[_jsx(SearchField,{showPopUp:()=>t(!0),searchValue:o,marker:marker,setSearchValue:c}),_jsx(SearchBox,{search:m,marker:marker,flatItems:r,options:a,shown:s,hidePopUp:()=>t(!1),showPopUp:()=>t(!0),setSearchValue:c,searchValue:o})]})}export const Search=memo(SearchComponent);
 //# sourceMappingURL=Search.js.map

package/lib-esm/components/Search/SearchBox.js

@@ -1,2 +1,2 @@
-import hotkeys from"hotkeys-js";import React,{useCallback,useEffect,useRef,useState}from"react";import{useMount,useUnmount,Portal}from"@redocly/theme";import{usePrevious}from"../../hooks";import{PerfectScrollbarWrap}from"../common";import{debounce}from"../../utils";import{MenuItemSearch}from"./MenuItemSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,SearchInput}from"./styled";import{enhanceResults,expandResults}from"./utils";export const SearchBox=({search:e,shown:t,searchValue:r,setSearchValue:a,marker:n,flatItems:c,options:l,hidePopUp:o,showPopUp:u})=>{const s=useRef(null),m=useRef(null),[h,i]=useState(null),[p,f]=useState(-1),[d,S]=useState(!1),[R,k]=useState(""),E=usePrevious(t),C=useCallback((e=>{s.current&&(clearTimeout(s.current),s.current=null),i(null),k(e),S(!1),n.unmark()}),[n]);useMount((()=>{l.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),l.disableSearch||u(),!1)))})),useEffect((()=>{var e;!E&&t&&(null===(e=m.current)||void 0===e||e.focus())}),[E,t]),useEffect((()=>{!E&&t&&!r&&R&&C("")}),[C,E,e,r,t,R]),useUnmount((()=>{hotkeys.unbind("cmd+f,ctrl+f")}));const P=()=>{i(null),k(""),f(-1),a(""),n.unmark()},y=debounce(((t,r)=>{e.search(t).then((e=>{r(e)}))}),200,!0),g=e=>{let t=!1;return y(e,(r=>{e.length<3&&C(e),t||(e=>{s.current&&(clearTimeout(s.current),s.current=null),i(enhanceResults(e,(e=>c.find((t=>t.id===e))))),S(!1)})(r)})),()=>{t=!0}},x=e=>{if(o(),l.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}};return t?React.createElement(Portal,{mountId:"api-content"},React.createElement(SearchPopUpBG,{role:"search",onClick:e=>{"search"===e.target.getAttribute("role")&&(P(),o())}},React.createElement(SearchPopUpWrap,null,React.createElement(SearchPopUpHeader,null,React.createElement(SearchInput,{ref:m,value:R,onKeyDown:e=>{if("Escape"===e.key&&m.current&&(m.current.blur(),o()),h&&("Escape"===e.key&&P(),"ArrowDown"===e.key&&(f(Math.min(p+1,h.length-1)),e.preventDefault()),"ArrowUp"===e.key&&(f(Math.max(0,p-1)),e.preventDefault()),"Enter"===e.key)){const e=h[p];e&&x(e)}},placeholder:"Search...",type:"text",onChange:e=>{const t=e.target.value;if(t.length<l.minCharacterLengthToInitSearch)return C(t),void a("");(e=>{k(e),a(e),s.current&&(clearTimeout(s.current),s.current=null),s.current=setTimeout((()=>{S(!0)}),500),n.mark(e)})(t),g(t)},autoFocus:!0}),R&&React.createElement(ButtonClear,{onClick:P},"Clear"),React.createElement(ButtonClose,{onClick:()=>{P(),o()}})),React.createElement(SearchResultsBox,{"data-role":"search:results"},d&&React.createElement(TextContainer,null,"Loading..."),!d&&!(null==h?void 0:h.length)&&React.createElement(TextContainer,null,"No results found"),(null==h?void 0:h.length)?React.createElement(PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(SearchResultsItems,null,h.slice(0,50).map(((e,t)=>React.createElement(MenuItemSearch,{key:e.index+e.item.id,result:e,active:t===p,term:R,onClick:o}))))):null)))):null};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import hotkeys from"hotkeys-js";import{useCallback,useEffect,useRef,useState}from"react";import{useMount,useUnmount,Portal}from"@redocly/theme";import{usePrevious}from"../../hooks";import{PerfectScrollbarWrap}from"../common";import{debounce}from"../../utils";import{MenuItemSearch}from"./MenuItemSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,SearchInput}from"./styled";import{enhanceResults,expandResults}from"./utils";export const SearchBox=({search:e,shown:r,searchValue:t,setSearchValue:n,marker:o,flatItems:s,options:a,hidePopUp:u,showPopUp:l})=>{const c=useRef(null),i=useRef(null),[h,p]=useState(null),[m,d]=useState(-1),[f,x]=useState(!1),[S,k]=useState(""),j=usePrevious(r),C=useCallback((e=>{c.current&&(clearTimeout(c.current),c.current=null),p(null),k(e),x(!1),o.unmark()}),[o]);useMount((()=>{a.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),a.disableSearch||l(),!1)))})),useEffect((()=>{var e;!j&&r&&(null===(e=i.current)||void 0===e||e.focus())}),[j,r]),useEffect((()=>{!j&&r&&!t&&S&&C("")}),[C,j,e,t,r,S]),useUnmount((()=>{hotkeys.unbind("cmd+f,ctrl+f")}));const P=()=>{p(null),k(""),d(-1),n(""),o.unmark()},_=debounce(((r,t)=>{e.search(r).then((e=>{t(e)}))}),200,!0),g=e=>{let r=!1;return _(e,(t=>{e.length<3&&C(e),r||(e=>{c.current&&(clearTimeout(c.current),c.current=null),p(enhanceResults(e,(e=>s.find((r=>r.id===e))))),x(!1)})(t)})),()=>{r=!0}},y=e=>{if(u(),a.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}};return r?_jsx(Portal,{mountId:"api-content",children:_jsx(SearchPopUpBG,{role:"search",onClick:e=>{"search"===e.target.getAttribute("role")&&(P(),u())},children:_jsxs(SearchPopUpWrap,{children:[_jsxs(SearchPopUpHeader,{children:[_jsx(SearchInput,{ref:i,value:S,onKeyDown:e=>{if("Escape"===e.key&&i.current&&(i.current.blur(),u()),h&&("Escape"===e.key&&P(),"ArrowDown"===e.key&&(d(Math.min(m+1,h.length-1)),e.preventDefault()),"ArrowUp"===e.key&&(d(Math.max(0,m-1)),e.preventDefault()),"Enter"===e.key)){const e=h[m];e&&y(e)}},placeholder:"Search...",type:"text",onChange:e=>{const r=e.target.value;if(r.length<a.minCharacterLengthToInitSearch)return C(r),void n("");(e=>{k(e),n(e),c.current&&(clearTimeout(c.current),c.current=null),c.current=setTimeout((()=>{x(!0)}),500),o.mark(e)})(r),g(r)},autoFocus:!0}),S&&_jsx(ButtonClear,{onClick:P,children:"Clear"}),_jsx(ButtonClose,{onClick:()=>{P(),u()}})]}),_jsxs(SearchResultsBox,{"data-role":"search:results",children:[f&&_jsx(TextContainer,{children:"Loading..."}),!f&&!(null==h?void 0:h.length)&&_jsx(TextContainer,{children:"No results found"}),(null==h?void 0:h.length)?_jsx(PerfectScrollbarWrap,{options:{wheelPropagation:!1},children:_jsx(SearchResultsItems,{children:h.slice(0,50).map(((e,r)=>_jsx(MenuItemSearch,{result:e,active:r===m,term:S,onClick:u},e.index+e.item.id)))})}):null]})]})})}):null};
 //# sourceMappingURL=SearchBox.js.map

package/lib-esm/components/Search/SearchField.js

@@ -1,2 +1,2 @@
-import React from"react";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export const SearchField=({showPopUp:e,searchValue:a,marker:t,setSearchValue:r})=>{const c=!!a;return React.createElement(SearchFieldWrap,{onClick:e,className:`button-field-search ${!!a&&"active"}`},React.createElement("span",null),a||"Search",React.createElement(SearchIcon,null),c&&React.createElement(ButtonClear,{onClick:e=>{e.stopPropagation(),t.unmark(),r("")}},React.createElement(CrossIcon,null)))};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export const SearchField=({showPopUp:r,searchValue:s,marker:e,setSearchValue:a})=>{const o=!!s;return _jsxs(SearchFieldWrap,{onClick:r,className:`button-field-search ${!!s&&"active"}`,children:[_jsx("span",{}),s||"Search",_jsx(SearchIcon,{}),o&&_jsx(ButtonClear,{onClick:r=>{r.stopPropagation(),e.unmark(),a("")},children:_jsx(CrossIcon,{})})]})};
 //# sourceMappingURL=SearchField.js.map

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

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";export const CrossIcon=()=>React.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},React.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));export const ButtonClose=styled.i.attrs((()=>({className:"button-close"})))`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";export const CrossIcon=()=>_jsxs("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon",children:[_jsx("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),_jsx("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]});export const ButtonClose=styled.i.attrs((()=>({className:"button-close"})))`
   cursor: pointer;
   position: absolute;
   right: 15px;
@@ -6,7 +6,7 @@ import React from"react";import styled from"styled-components";export const Cros
 `;export const ButtonClear=styled.i.attrs((()=>({className:"button-clear"})))`
   cursor: pointer;
   position: absolute;
-`;export const SearchIcon=()=>React.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),React.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),React.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));export const SearchFieldWrap=styled.button`
+`;export const SearchIcon=()=>_jsxs("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon",children:[_jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),_jsx("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),_jsx("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]});export const SearchFieldWrap=styled.button`
   cursor: text;
   margin: 10px 20px 13px;
   padding: 0 18px 0 3px;

package/lib-esm/components/SectionContent/SectionContent.js

@@ -1,4 +1,4 @@
-import React,{useMemo}from"react";import{breakpoints,LayoutVariant,OpenApiHeader}from"@redocly/theme";import{useAtomValue}from"jotai";import styled from"styled-components";import{ContentItem}from"../ContentItem";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";import{RightPanel}from"../RightPanel";import{layoutAtom}from"../../jotai/app";import{SamplesPanel}from"../common";export function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:a},routingBasePath:o}=useAtomValue(globalOptionsAtom),n=useAtomValue(layoutAtom),r=useMemo((()=>t?null:React.createElement(MiddlePanelWrapper,null,React.createElement(PageFooter,null))),[t]),l=useMemo((()=>t||!OpenApiHeader&&!a?null:React.createElement(MiddlePanelWrapper,null,a?React.createElement(RenderHook,{Hook:a,props:void 0}):React.createElement(OpenApiHeader,null))),[a,t]);return 0===e.length?null:React.createElement(React.Fragment,null,l,React.createElement(Container,null,React.createElement(SectionContainer,{layout:n},e.filter((({type:e})=>["section"].includes(e))).map((e=>React.createElement(ContentItem,{key:e.id,item:e,routingBasePath:o})))),React.createElement(RightPanelContainer,{layout:n},React.createElement(RightPanel,{item:e[0]}))),e.filter((({type:e})=>!["section"].includes(e))).map((e=>React.createElement(ContentItem,{key:e.id,item:e,routingBasePath:o}))),r)}const Container=styled.div`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useMemo}from"react";import{breakpoints,LayoutVariant,OpenApiHeader}from"@redocly/theme";import{useAtomValue}from"jotai";import styled from"styled-components";import{ContentItem}from"../ContentItem";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";import{RightPanel}from"../RightPanel";import{layoutAtom}from"../../jotai/app";import{SamplesPanel}from"../common";export function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:o},routingBasePath:a}=useAtomValue(globalOptionsAtom),n=useAtomValue(layoutAtom),i=useMemo((()=>t?null:_jsx(MiddlePanelWrapper,{children:_jsx(PageFooter,{})})),[t]),r=useMemo((()=>t||!OpenApiHeader&&!o?null:_jsx(MiddlePanelWrapper,{children:o?_jsx(RenderHook,{Hook:o,props:void 0}):_jsx(OpenApiHeader,{})})),[o,t]);return 0===e.length?null:_jsxs(_Fragment,{children:[r,_jsxs(Container,{children:[_jsx(SectionContainer,{layout:n,children:e.filter((({type:e})=>["section"].includes(e))).map((e=>_jsx(ContentItem,{item:e,routingBasePath:a},e.id)))}),_jsx(RightPanelContainer,{layout:n,children:_jsx(RightPanel,{item:e[0]})})]}),e.filter((({type:e})=>!["section"].includes(e))).map((e=>_jsx(ContentItem,{item:e,routingBasePath:a},e.id))),i]})}const Container=styled.div`
   display: flex;
   width: 100%;
 `,SectionContainer=styled.div`

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

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import type { GroupModel } from '../../models';
 export interface SectionItemProps {
     item: GroupModel;
 }
-export declare const SectionItem: React.NamedExoticComponent<SectionItemProps>;
+export declare const SectionItem: import("react").NamedExoticComponent<SectionItemProps>;

package/lib-esm/components/SectionItem/SectionItem.js

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{SamplesMiddlePanel,Row}from"../common";import{Markdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";function SectionItemComponent({item:e}){const{externalDocs:t,ast:n,description:o}=e;return React.createElement(React.Fragment,null,React.createElement(Markdown,{ast:n,source:o,htmlWrap:e=>React.createElement(SamplesMiddlePanel,{compact:!0,fullWidth:!0},e)}),t&&React.createElement(Row,null,React.createElement(SamplesMiddlePanel,{compact:!0,fullWidth:!0},React.createElement(ExternalDocumentation,{externalDocs:t}))))}export const SectionItem=memo(SectionItemComponent);
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{SamplesMiddlePanel,Row}from"../common";import{Markdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";function SectionItemComponent({item:e}){const{externalDocs:t,ast:o,description:n}=e;return _jsxs(_Fragment,{children:[_jsx(Markdown,{ast:o,source:n,htmlWrap:e=>_jsx(SamplesMiddlePanel,{compact:!0,fullWidth:!0,children:e})}),t&&_jsx(Row,{children:_jsx(SamplesMiddlePanel,{compact:!0,fullWidth:!0,children:_jsx(ExternalDocumentation,{externalDocs:t})})})]})}export const SectionItem=memo(SectionItemComponent);
 //# sourceMappingURL=SectionItem.js.map

package/lib-esm/components/Security/Divider.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare function Divider({ label }: {
     label: string;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/lib-esm/components/Security/Divider.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{Tag}from"./styled";export function Divider({label:e}){return React.createElement(Wrapper,null,React.createElement(Tag,{className:"tag-grey"},e)," ",React.createElement("hr",null))}const Wrapper=styled.div`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{Tag}from"./styled";export function Divider({label:r}){return _jsxs(Wrapper,{children:[_jsx(Tag,{className:"tag-grey",children:r})," ",_jsx("hr",{})]})}const Wrapper=styled.div`
   font-size: var(--font-size-sm);
   width: 100%;
   display: flex;

package/lib-esm/components/Security/OAuthFlow.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { OpenAPISecurityScheme } from '../../types';
 export interface OAuthFlowProps {
     flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
 }
-export declare const OAuthFlow: React.NamedExoticComponent<React.PropsWithChildren<OAuthFlowProps>>;
+export declare const OAuthFlow: import("react").NamedExoticComponent<PropsWithChildren<OAuthFlowProps>>;

package/lib-esm/components/Security/OAuthFlow.js

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{SecuritySchemeItem}from"./SecuritySchemeItem";import{StyledLink,Tag}from"./styled";function OAuthFlowComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{});return React.createElement(React.Fragment,null,React.createElement(SecuritySchemeItem,{label:"Authorization URL:",value:(null==e?void 0:e.authorizationUrl)&&React.createElement(StyledLink,{target:"_blank",rel:"noopener noreferrer",href:null==e?void 0:e.authorizationUrl},null==e?void 0:e.authorizationUrl)}),React.createElement(SecuritySchemeItem,{label:"Token URL:",value:null==e?void 0:e.tokenUrl}),React.createElement(SecuritySchemeItem,{label:"Refresh URL:",value:null==e?void 0:e.refreshUrl}),t.length&&React.createElement(React.Fragment,null,React.createElement(SecuritySchemeItem,{label:"Scopes",value:" "}),t.map((t=>React.createElement(SecuritySchemeItem,{key:t,label:React.createElement(StyledTag,{className:"tag-grey"},t),value:React.createElement(Markdown,{source:(null==e?void 0:e.scopes[t])||""})}))))||null)}const StyledTag=styled(Tag)`
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{SecuritySchemeItem}from"./SecuritySchemeItem";import{StyledLink,Tag}from"./styled";function OAuthFlowComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{});return _jsxs(_Fragment,{children:[_jsx(SecuritySchemeItem,{label:"Authorization URL:",value:(null==e?void 0:e.authorizationUrl)&&_jsx(StyledLink,{target:"_blank",rel:"noopener noreferrer",href:null==e?void 0:e.authorizationUrl,children:null==e?void 0:e.authorizationUrl})}),_jsx(SecuritySchemeItem,{label:"Token URL:",value:null==e?void 0:e.tokenUrl}),_jsx(SecuritySchemeItem,{label:"Refresh URL:",value:null==e?void 0:e.refreshUrl}),t.length&&_jsxs(_Fragment,{children:[_jsx(SecuritySchemeItem,{label:"Scopes",value:" "}),t.map((t=>_jsx(SecuritySchemeItem,{label:_jsx(StyledTag,{className:"tag-grey",children:t}),value:_jsx(Markdown,{source:(null==e?void 0:e.scopes[t])||""})},t)))]})||null]})}const StyledTag=styled(Tag)`
   margin-left: var(--spacing-xs);
 `;export const OAuthFlow=memo(OAuthFlowComponent);
 //# sourceMappingURL=OAuthFlow.js.map

package/lib-esm/components/Security/Security.js

@@ -1,2 +1,2 @@
-import React,{useState}from"react";import{useAtomValue}from"jotai";import{Portal}from"@redocly/theme";import{globalStoreAtom}from"../../jotai/store";import{SecurityButton}from"./SecurityButton";import{SecurityModal}from"./SecurityModal";export function Security({securities:t}){const{options:{hideSecuritySection:e}}=useAtomValue(globalStoreAtom),[o,r]=useState(!1);return!t.length||e?null:React.createElement(React.Fragment,null,React.createElement(SecurityButton,{securities:t,onClick:()=>r(!0)}),o&&React.createElement(Portal,{mountId:"api-content"},React.createElement(SecurityModal,{securities:t,onClose:()=>r(!1)})))}
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";import{useAtomValue}from"jotai";import{Portal}from"@redocly/theme";import{globalStoreAtom}from"../../jotai/store";import{SecurityButton}from"./SecurityButton";import{SecurityModal}from"./SecurityModal";export function Security({securities:t}){const{options:{hideSecuritySection:o}}=useAtomValue(globalStoreAtom),[e,r]=useState(!1);return!t.length||o?null:_jsxs(_Fragment,{children:[_jsx(SecurityButton,{securities:t,onClick:()=>r(!0)}),e&&_jsx(Portal,{mountId:"api-content",children:_jsx(SecurityModal,{securities:t,onClose:()=>r(!1)})})]})}
 //# sourceMappingURL=Security.js.map

package/lib-esm/components/Security/SecurityButton.js

@@ -1,19 +1,15 @@
-import React from"react";import styled from"styled-components";import{SecurityIcon}from"@redocly/theme";export function SecurityButton({securities:e,onClick:t}){return React.createElement(StyledButton,{onClick:t},React.createElement(SecurityIcon,null),React.createElement(Title,null,"Security:"),React.createElement(SecurityList,null,e.map((t=>{const n=e.length>1&&t.schemes.length>1;return`\n          ${n?"(":""} \n          ${t.schemes.map((({id:e})=>e)).join(" and ")} \n          ${n?")":""}\n          `})).join(" or ")))}const StyledButton=styled.button`
-  display: flex;
-  align-items: center;
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{Button,SecurityIcon}from"@redocly/theme";export function SecurityButton({securities:t,onClick:n}){return _jsxs(StyledButton,{icon:_jsx(SecurityIcon,{}),variant:"link",onClick:n,children:[_jsx(Title,{children:"Security:"}),_jsx(SecurityList,{children:t.map((n=>{const e=t.length>1&&n.schemes.length>1;return`\n          ${e?"(":""} \n          ${n.schemes.map((({id:t})=>t)).join(" and ")} \n          ${e?")":""}\n          `})).join(" or ")})]})}const StyledButton=styled(Button)`
   align-self: flex-start;
   gap: var(--spacing-xxs);
   min-height: 32px;
   background: var(--color-info-bg);
-  color: var(--link-color-primary);
-  border: none;
-  font-size: var(--font-size-base);
-  font-family: var(--font-family-base);
-  line-height: var(--line-height-base);
   padding: 0 var(--spacing-xs);
-  border-radius: var(--border-radius-md);
   margin-top: var(--spacing-base);
-  max-width: 100%;
+
+  &:hover {
+    background: var(--color-info-bg);
+    color: var(--link-color-primary);
+  }
 `,Title=styled.span`
   font-family: var(--font-family-monospaced);
   font-weight: var(--font-weight-semibold);

package/lib-esm/components/Security/SecurityFlow.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{SecuritySchemeItem}from"./SecuritySchemeItem";import{titleize}from"../../utils";import{OAuthFlow}from"./OAuthFlow";import{StyledLink,Tag}from"./styled";import{Markdown}from"../Markdown";import{getRequiredScopes}from"./helper";export function SecurityFlow({type:e,bearerFormat:t,name:r,flows:a,openIdConnectUrl:l,description:c,id:n,securities:o,in:m}){if(!e||!n)return null;const i=getRequiredScopes(n,o),s={http:React.createElement(React.Fragment,null,React.createElement(SecuritySchemeItem,{label:"HTTP Authorization Scheme",value:e}),React.createElement(SecuritySchemeItem,{label:"Bearer Format",value:t})),apiKey:React.createElement(SecuritySchemeItem,{label:`${titleize(m||"")} parameter name:`,value:r}),oauth2:React.createElement(React.Fragment,null,React.createElement(SecuritySchemeItem,{label:"Flow type:",value:e}),a&&Object.keys(a).map((e=>React.createElement(OAuthFlow,{flow:a[e],key:e})))),openIdConnect:React.createElement(SecuritySchemeItem,{label:"Connect URL:",value:l&&React.createElement(StyledLink,{target:"_blank",rel:"noopener noreferrer",href:l},l)})};return React.createElement(Wrapper,null,React.createElement(TitleSchema,null,n),React.createElement(Markdown,{source:c}),React.createElement(List,null,s[e]||null,React.createElement(SecuritySchemeItem,{label:"Required scopes",value:i.length&&React.createElement(Row,null,i.map((e=>React.createElement(Tag,{key:e,className:"tag-grey"},e))))})))}const Wrapper=styled.div`
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{SecuritySchemeItem}from"./SecuritySchemeItem";import{titleize}from"../../utils";import{OAuthFlow}from"./OAuthFlow";import{StyledLink,Tag}from"./styled";import{Markdown}from"../Markdown";import{getRequiredScopes}from"./helper";export function SecurityFlow({type:e,bearerFormat:r,name:t,flows:a,openIdConnectUrl:i,description:s,id:o,securities:l,in:n}){if(!e||!o)return null;const m=getRequiredScopes(o,l),c={http:_jsxs(_Fragment,{children:[_jsx(SecuritySchemeItem,{label:"HTTP Authorization Scheme",value:e}),_jsx(SecuritySchemeItem,{label:"Bearer Format",value:r})]}),apiKey:_jsx(SecuritySchemeItem,{label:`${titleize(n||"")} parameter name:`,value:t}),oauth2:_jsxs(_Fragment,{children:[_jsx(SecuritySchemeItem,{label:"Flow type:",value:e}),a&&Object.keys(a).map((e=>_jsx(OAuthFlow,{flow:a[e]},e)))]}),openIdConnect:_jsx(SecuritySchemeItem,{label:"Connect URL:",value:i&&_jsx(StyledLink,{target:"_blank",rel:"noopener noreferrer",href:i,children:i})})};return _jsxs(Wrapper,{children:[_jsx(TitleSchema,{children:o}),_jsx(Markdown,{source:s}),_jsxs(List,{children:[c[e]||null,_jsx(SecuritySchemeItem,{label:"Required scopes",value:m.length&&_jsx(Row,{children:m.map((e=>_jsx(Tag,{className:"tag-grey",children:e},e)))})})]})]})}const Wrapper=styled.div`
   background: var(--layer-color);
   padding: var(--spacing-base);
   border-radius: var(--border-radius);

package/lib-esm/components/Security/SecurityModal.js

@@ -1,4 +1,4 @@
-import React,{Fragment,useEffect,useState}from"react";import styled from"styled-components";import{Typography,CloseIcon,SecurityIcon,Segmented}from"@redocly/theme";import{SecurityFlow}from"./SecurityFlow";import{Divider}from"./Divider";export function SecurityModal({securities:e,onClose:t}){const[a,o]=useState(0),{schemes:r}=e[a]||{};useEffect((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]);const i=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return React.createElement(StyledBackground,null,React.createElement(Wrapper,null,React.createElement(Close,{onClick:t,"data-cy":"close"},React.createElement(CloseIcon,null)),React.createElement(Title,null,React.createElement(SecurityIcon,{size:"24px"}),"Security"),React.createElement(Segmented,{value:a,onChange:({value:e})=>o(e),options:i}),r.map(((t,a)=>React.createElement(Fragment,{key:t.id},React.createElement(SecurityFlow,Object.assign({},t,{securities:e})),a!==r.length-1&&React.createElement(Divider,{label:"and"}))))))}const Wrapper=styled.div`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment,useEffect,useState,useRef}from"react";import styled from"styled-components";import{useOutsideClick,Typography,CloseIcon,SecurityIcon,Segmented,Button}from"@redocly/theme";import{SecurityFlow}from"./SecurityFlow";import{Divider}from"./Divider";export function SecurityModal({securities:e,onClose:t}){const[o,s]=useState(0),i=useRef(null),{schemes:r}=e[o]||{};useEffect((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]),useOutsideClick(i,t);const a=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return _jsx(StyledBackground,{children:_jsxs(Wrapper,{ref:i,children:[_jsx(Close,{onClick:t,"data-cy":"close",variant:"ghost",icon:_jsx(CloseIcon,{})}),_jsxs(Title,{children:[_jsx(SecurityIcon,{size:"24px"}),"Security"]}),_jsx(Segmented,{value:o,onChange:({value:e})=>s(e),options:a}),r.map(((t,o)=>_jsxs(Fragment,{children:[_jsx(SecurityFlow,Object.assign({},t,{securities:e})),o!==r.length-1&&_jsx(Divider,{label:"and"})]},t.id)))]})})}const Wrapper=styled.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow);
   border-radius: var(--border-radius-lg);
@@ -7,40 +7,31 @@ import React,{Fragment,useEffect,useState}from"react";import styled from"styled-
   flex-direction: column;
   align-items: flex-start;
   position: absolute;
-  width: 700px;
+  width: 720px;
   max-width: 100%;
   height: auto;
-  max-height: 500px;
+  max-height: 600px;
   overflow-y: scroll;
   left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 2;
+  top: 30%;
+  transform: translate(-50%, -30%);
   .tag-grey span {
     font-size: var(--font-size-base);
     line-height: var(--line-height-base);
   }
 `,StyledBackground=styled.div`
-  background: rgba(0, 0, 0, 0.5);
+  background: var(--bg-color-modal-overlay);
   position: fixed;
   width: 100vw;
   height: 100vh;
-  z-index: 2;
+  z-index: var(--z-index-popover);
   left: 0;
   top: 0;
   pointer-events: auto;
-`,Close=styled.button`
-  border: none;
-  background: none;
+`,Close=styled(Button)`
   position: absolute;
   right: var(--spacing-md);
   top: var(--spacing-md);
-  cursor: pointer;
-  svg {
-    width: 18px;
-    height: 18px;
-    fill: var(--text-color-primary);
-  }
 `,Title=styled(Typography)`
   display: flex;
   align-items: center;

package/lib-esm/components/Security/SecuritySchemeItem.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { ReactNode } from 'react';
 interface SecuritySchemeItemProps {
     label: string | ReactNode;
     value: string | ReactNode;
 }
-export declare function SecuritySchemeItem({ label, value }: SecuritySchemeItemProps): React.JSX.Element | null;
+export declare function SecuritySchemeItem({ label, value }: SecuritySchemeItemProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib-esm/components/Security/SecuritySchemeItem.js

@@ -1,18 +1,18 @@
-import React from"react";import styled from"styled-components";export function SecuritySchemeItem({label:e,value:t}){return e&&t?React.createElement(Row,null,React.createElement(Label,null,e),React.createElement(Value,null,t)):null}const Row=styled.div`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";export function SecuritySchemeItem({label:e,value:t}){return e&&t?_jsxs(Row,{children:[_jsx(Label,{children:e}),_jsx(Value,{children:t})]}):null}const Row=styled.div`
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start;
   margin-bottom: var(--spacing-xxs);
   font-size: var(--font-size-sm);
   color: var(--text-color-secondary);
 `,Label=styled.div`
-  width: 296px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
+  flex: 1;
 `,Value=styled.div`
-  width: calc(100% - 296px);
+  flex: 1;
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
 `;

package/lib-esm/components/SecurityRequirement/PanelDescription.js

@@ -1,4 +1,4 @@
-import React,{useLayoutEffect,Fragment,useRef,useState}from"react";import styled from"styled-components";import{AUTH_TYPES}from"./constants";export function PanelDescription({securities:e,showSecuritySchemeType:t}){const n=useRef(null),[s,r]=useState("");return useLayoutEffect((()=>{var e;r((null===(e=n.current)||void 0===e?void 0:e.innerText)||"")}),[n]),React.createElement(StyledDescription,{ref:n,title:s},e.map(((n,s)=>{let r="",c="";const l=n.schemes.length;return e.length>1&&l>1&&(r=0===s?"(":"",c=")"),s!==e.length-1&&(c+=" or "),React.createElement(Fragment,{key:n.schemes.map((({id:e})=>e)).join("")},r,l?n.schemes.map((e=>React.createElement(StyledRequirementElement,{key:e.id},t?`${AUTH_TYPES[e.type]||e.type}: `:null,e.id))).reduce(((e,t)=>[e," and ",t])):null,c)})))}const StyledDescription=styled.span`
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{useLayoutEffect,Fragment,useRef,useState}from"react";import styled from"styled-components";import{AUTH_TYPES}from"./constants";export function PanelDescription({securities:e,showSecuritySchemeType:t}){const s=useRef(null),[n,r]=useState("");return useLayoutEffect((()=>{var e;r((null===(e=s.current)||void 0===e?void 0:e.innerText)||"")}),[s]),_jsx(StyledDescription,{ref:s,title:n,children:e.map(((s,n)=>{let r="",i="";const o=s.schemes.length;return e.length>1&&o>1&&(r=0===n?"(":"",i=")"),n!==e.length-1&&(i+=" or "),_jsxs(Fragment,{children:[r,o?s.schemes.map((e=>_jsxs(StyledRequirementElement,{children:[t?`${AUTH_TYPES[e.type]||e.type}: `:null,e.id]},e.id))).reduce(((e,t)=>[e," and ",t])):null,i]},s.schemes.map((({id:e})=>e)).join(""))}))})}const StyledDescription=styled.span`
   font-size: var(--font-size-base);
 `,StyledRequirementElement=styled.span``;
 //# sourceMappingURL=PanelDescription.js.map

package/lib-esm/components/SecurityRequirement/RequiredScopesRow.js

@@ -1,2 +1,2 @@
-import React,{Fragment}from"react";import{Row}from"./styled";export function RequiredScopesRow({scopes:e}){return e.length?React.createElement(Row,null,React.createElement("b",null,"Required scopes: "),e.map((e=>React.createElement(Fragment,{key:e},React.createElement("code",null,e)," ")))):null}
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment}from"react";import{Row}from"./styled";export function RequiredScopesRow({scopes:e}){return e.length?_jsxs(Row,{children:[_jsx("b",{children:"Required scopes: "}),e.map((e=>_jsxs(Fragment,{children:[_jsx("code",{children:e})," "]},e)))]}):null}
 //# sourceMappingURL=RequiredScopesRow.js.map

package/lib-esm/components/SecurityRequirement/RequirementElement.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{markdownLinksCss}from"@redocly/theme";import{AUTH_TYPES}from"./constants";import{Link}from"../common";export function RequirementElement({showSecuritySchemeType:e,security:t}){return React.createElement(SecurityRequirementOrWrap,null,t.schemes.map((t=>{const r=t.scopes.length>0;return React.createElement(SecurityRequirementAndWrap,{key:t.id},e?`${AUTH_TYPES[t.type]||t.type}: `:null,React.createElement(Link,{to:t.id,security:!0,"aria-label":`link to ${t.id}`},React.createElement("b",null,t.id)),r?["(",t.scopes.map((e=>React.createElement(ScopeName,{key:e},e))).reduce(((e,t)=>[e,", ",t])),")"]:null)})))}const SecurityRequirementAndWrap=styled.span`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{markdownLinksCss}from"@redocly/theme";import{AUTH_TYPES}from"./constants";import{Link}from"../common";export function RequirementElement({showSecuritySchemeType:e,security:r}){return _jsx(SecurityRequirementOrWrap,{children:r.schemes.map((r=>{const n=r.scopes.length>0;return _jsxs(SecurityRequirementAndWrap,{children:[e?`${AUTH_TYPES[r.type]||r.type}: `:null,_jsx(Link,{to:r.id,security:!0,"aria-label":`link to ${r.id}`,children:_jsx("b",{children:r.id})}),n?["(",r.scopes.map((e=>_jsx(ScopeName,{children:e},e))).reduce(((e,r)=>[e,", ",r])),")"]:null]},r.id)}))})}const SecurityRequirementAndWrap=styled.span`
   &:after {
     content: ' and ';
     font-weight: normal;

package/lib-esm/components/SecurityRequirement/SecurityDefs.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{H4,Markdown as MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{AUTH_TYPES}from"./constants";import{Section,ShareLink}from"../common";import{titleize}from"../../utils";import{globalStoreAtom}from"../../jotai/store";import{getSecuritySchemes}from"../../models";import{Label,Title,Item,Container}from"./styled";export function SecurityDefs(){const{parser:e}=useAtomValue(globalStoreAtom),t=getSecuritySchemes({parser:e});return React.createElement(React.Fragment,null,null==t?void 0:t.map((e=>React.createElement(Section,{id:e.sectionId,sectionId:e.sectionId,key:e.id},React.createElement(H4,null,React.createElement(ShareLink,{to:`#${e.sectionId}`,"aria-label":`link to ${e.id}`}),e.id),React.createElement(Description,{source:e.description||""}),React.createElement(MarkdownWrapper,null,React.createElement(Container,{className:"security-details"},React.createElement(Item,null,React.createElement(Label,null,"Security Scheme Type"),React.createElement(Title,null,AUTH_TYPES[e.type]||e.type)),e.apiKey?React.createElement(Item,null,React.createElement(Label,null,titleize(e.apiKey.in||"")," parameter name"),React.createElement(Title,null,e.apiKey.name)):e.http?[React.createElement(Item,{key:"scheme"},React.createElement(Label,null,"HTTP Authorization Scheme"),React.createElement(Title,null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&React.createElement(Item,{key:"bearer"},React.createElement(Label,null,"Bearer format"),React.createElement(Title,null,'"',e.http.bearerFormat,'"'))]:e.openId?React.createElement(Item,null,React.createElement(Label,null,"Connect URL"),React.createElement(Title,null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl))):e.flows?Object.keys(e.flows).map((t=>React.createElement(OAuthFlow,{key:t,type:t,flow:e.flows[t]}))):null))))))}const Description=styled((e=>React.createElement(Markdown,Object.assign({},e))))`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import styled from"styled-components";import{useAtomValue}from"jotai";import{H4,Markdown as MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{AUTH_TYPES}from"./constants";import{Section,ShareLink}from"../common";import{titleize}from"../../utils";import{globalStoreAtom}from"../../jotai/store";import{getSecuritySchemes}from"../../models";import{Label,Title,Item,Container}from"./styled";export function SecurityDefs(){const{parser:e}=useAtomValue(globalStoreAtom),r=getSecuritySchemes({parser:e});return _jsx(_Fragment,{children:null==r?void 0:r.map((e=>_jsxs(Section,{id:e.sectionId,sectionId:e.sectionId,children:[_jsxs(H4,{children:[_jsx(ShareLink,{to:`#${e.sectionId}`,"aria-label":`link to ${e.id}`}),e.id]}),_jsx(Description,{source:e.description||""}),_jsx(MarkdownWrapper,{children:_jsxs(Container,{className:"security-details",children:[_jsxs(Item,{children:[_jsx(Label,{children:"Security Scheme Type"}),_jsx(Title,{children:AUTH_TYPES[e.type]||e.type})]}),e.apiKey?_jsxs(Item,{children:[_jsxs(Label,{children:[titleize(e.apiKey.in||"")," parameter name"]}),_jsx(Title,{children:e.apiKey.name})]}):e.http?[_jsxs(Item,{children:[_jsx(Label,{children:"HTTP Authorization Scheme"}),_jsx(Title,{children:e.http.scheme})]},"scheme"),"bearer"===e.http.scheme&&e.http.bearerFormat&&_jsxs(Item,{children:[_jsx(Label,{children:"Bearer format"}),_jsxs(Title,{children:['"',e.http.bearerFormat,'"']})]},"bearer")]:e.openId?_jsxs(Item,{children:[_jsx(Label,{children:"Connect URL"}),_jsx(Title,{children:_jsx("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl,children:e.openId.connectUrl})})]}):e.flows?Object.keys(e.flows).map((r=>_jsx(OAuthFlow,{type:r,flow:e.flows[r]},r))):null]})})]},e.id)))})}const Description=styled((e=>_jsx(Markdown,Object.assign({},e))))`
   margin-bottom: 1em;
 `;
 //# sourceMappingURL=SecurityDefs.js.map

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

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

package/lib-esm/components/SecurityRequirement/SecurityRequirement.js

@@ -1,4 +1,4 @@
-import React,{Fragment,memo,useState}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Markdown as MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{PanelDescription}from"./PanelDescription";import{RequirementElement}from"./RequirementElement";import{RequiredScopesRow}from"./RequiredScopesRow";import{Row}from"./styled";import{AUTH_TYPES}from"./constants";import{titleize}from"../../utils";import{ContentPanel}from"../Panel";import{globalStoreAtom}from"../../jotai/store";import{useSecurityRequirements}from"./useSecurityRequirements";function getRequiredScopes(e,t){const r=[];let n=t.length;for(;n--;){const o=t[n];let a=o.schemes.length;for(;a--;){const t=o.schemes[a];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=useState(!1),{options:{showSecuritySchemeType:n,hideSecuritySection:o},parser:a}=useAtomValue(globalStoreAtom),c=useSecurityRequirements({parser:a,securities:e});return!e.length||o?null:React.createElement(ContentPanel,{className:"panel-security-schemas",header:"Security",onToggle:e=>r(e),description:!t&&React.createElement(PanelDescription,{securities:e,showSecuritySchemeType:n}),expanded:t},t&&c&&c.length>1?React.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let o,a,c="";return e.length>1&&t.schemes.length>1&&(a=0===r?"(":"",c=")"),r!==e.length-1&&(c+=" or",o=React.createElement("br",null)),React.createElement(Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},a,React.createElement(RequirementElement,{security:t,showSecuritySchemeType:n}),c,o)}))):null,t?c.map((t=>{const r=getRequiredScopes(t.id,e);return React.createElement(SecurityDetails,{key:t.id},React.createElement("h5",null,AUTH_TYPES[t.type]||t.type,": ",t.id),React.createElement(Markdown,{source:t.description||""}),React.createElement(MarkdownWrapper,{key:t.id},t.apiKey?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,titleize(t.apiKey.in||"")," parameter name: "),React.createElement("code",null,t.apiKey.name)),React.createElement(RequiredScopesRow,{scopes:r})):t.http?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"HTTP Authorization Scheme: "),React.createElement("code",null,t.http.scheme)),React.createElement(Row,null,"bearer"===t.http.scheme&&t.http.bearerFormat&&React.createElement(React.Fragment,null,React.createElement("b",null,"Bearer format: "),React.createElement("code",null,t.http.bearerFormat))),React.createElement(RequiredScopesRow,{scopes:r})):t.openId?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"Connect URL: "),React.createElement("code",null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},t.openId.connectUrl))),React.createElement(RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>React.createElement(OAuthFlow,{key:e,type:e,flow:t.flows[e]},React.createElement(RequiredScopesRow,{scopes:r})))):null))})):null)}export const SecurityRequirements=memo(SecurityRequirementsComponent);const SecurityDetails=styled.div`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Fragment,memo,useState}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Markdown as MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{PanelDescription}from"./PanelDescription";import{RequirementElement}from"./RequirementElement";import{RequiredScopesRow}from"./RequiredScopesRow";import{Row}from"./styled";import{AUTH_TYPES}from"./constants";import{titleize}from"../../utils";import{ContentPanel}from"../Panel";import{globalStoreAtom}from"../../jotai/store";import{useSecurityRequirements}from"./useSecurityRequirements";function getRequiredScopes(e,r){const t=[];let o=r.length;for(;o--;){const s=r[o];let i=s.schemes.length;for(;i--;){const r=s.schemes[i];r.id===e&&t.push(...r.scopes)}}return Array.from(new Set(t))}function SecurityRequirementsComponent({securities:e}){const[r,t]=useState(!1),{options:{showSecuritySchemeType:o,hideSecuritySection:s},parser:i}=useAtomValue(globalStoreAtom),n=useSecurityRequirements({parser:i,securities:e});return!e.length||s?null:_jsxs(ContentPanel,{className:"panel-security-schemas",header:"Security",onToggle:e=>t(e),description:!r&&_jsx(PanelDescription,{securities:e,showSecuritySchemeType:o}),expanded:r,children:[r&&n&&n.length>1?_jsx(SecurityRequirementBlock,{children:e.map(((r,t)=>{let s,i,n="";return e.length>1&&r.schemes.length>1&&(i=0===t?"(":"",n=")"),t!==e.length-1&&(n+=" or",s=_jsx("br",{})),_jsxs(Fragment,{children:[i,_jsx(RequirementElement,{security:r,showSecuritySchemeType:o}),n,s]},r.schemes.map((({id:e})=>e)).join(""))}))}):null,r?n.map((r=>{const t=getRequiredScopes(r.id,e);return _jsxs(SecurityDetails,{children:[_jsxs("h5",{children:[AUTH_TYPES[r.type]||r.type,": ",r.id]}),_jsx(Markdown,{source:r.description||""}),_jsx(MarkdownWrapper,{children:r.apiKey?_jsxs(_Fragment,{children:[_jsxs(Row,{children:[_jsxs("b",{children:[titleize(r.apiKey.in||"")," parameter name: "]}),_jsx("code",{children:r.apiKey.name})]}),_jsx(RequiredScopesRow,{scopes:t})]}):r.http?_jsxs(_Fragment,{children:[_jsxs(Row,{children:[_jsx("b",{children:"HTTP Authorization Scheme: "}),_jsx("code",{children:r.http.scheme})]}),_jsx(Row,{children:"bearer"===r.http.scheme&&r.http.bearerFormat&&_jsxs(_Fragment,{children:[_jsx("b",{children:"Bearer format: "}),_jsx("code",{children:r.http.bearerFormat})]})}),_jsx(RequiredScopesRow,{scopes:t})]}):r.openId?_jsxs(_Fragment,{children:[_jsxs(Row,{children:[_jsx("b",{children:"Connect URL: "}),_jsx("code",{children:_jsx("a",{target:"_blank",rel:"noopener noreferrer",href:r.openId.connectUrl,children:r.openId.connectUrl})})]}),_jsx(RequiredScopesRow,{scopes:t})]}):r.flows?Object.keys(r.flows).map((e=>_jsx(OAuthFlow,{type:e,flow:r.flows[e],children:_jsx(RequiredScopesRow,{scopes:t})},e))):null},r.id)]},r.id)})):null]})}export const SecurityRequirements=memo(SecurityRequirementsComponent);const SecurityDetails=styled.div`
   border-bottom: 1px solid var(--border-color-primary);
   margin-bottom: 1.5em;
   padding-bottom: 0.7em;

package/lib-esm/components/SecuritySchemes/OAuthFlow.d.ts

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

package/lib-esm/components/SecuritySchemes/OAuthFlow.js

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{Markdown}from"../Markdown";import{SeeMore}from"../SeeMore";import{Label,Title,Item,Container}from"../SecurityRequirement";import{hasAuthorizationUrl,hasTokenUrl}from"./helpers";function OAuthFlowComponent({type:e,flow:t,children:l}){const n=Object.keys((null==t?void 0:t.scopes)||{});return React.createElement(React.Fragment,null,React.createElement(Item,null,React.createElement(Label,null,"Flow type "),React.createElement(Title,null,React.createElement("code",null,e)," ")),hasAuthorizationUrl(e,t)?React.createElement(Item,null,React.createElement(Label,null,"Authorization URL "),React.createElement(Title,null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:null==t?void 0:t.authorizationUrl},null==t?void 0:t.authorizationUrl))):null,hasTokenUrl(e,t)?React.createElement(Item,null,React.createElement(Label,null,"Token URL "),React.createElement(Title,null,React.createElement("code",null,null==t?void 0:t.tokenUrl))):null,(null==t?void 0:t.refreshUrl)&&React.createElement(Item,null,React.createElement(Label,null,"Refresh URL "),React.createElement(Title,null,React.createElement("code",null,null==t?void 0:t.refreshUrl))),n.length?React.createElement(React.Fragment,null,l,React.createElement(Item,null,React.createElement(Label,null,"Scopes")),React.createElement(SeeMore,{height:"5em"},React.createElement(Container,null,n.map((e=>React.createElement(Item,{key:e},React.createElement(Label,null,React.createElement("code",null,e)),React.createElement(Title,null,React.createElement(Markdown,{source:(null==t?void 0:t.scopes[e])||"",base:!0})))))))):null)}export const OAuthFlow=memo(OAuthFlowComponent);
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import{Markdown}from"../Markdown";import{SeeMore}from"../SeeMore";import{Label,Title,Item,Container}from"../SecurityRequirement";import{hasAuthorizationUrl,hasTokenUrl}from"./helpers";function OAuthFlowComponent({type:e,flow:r,children:l}){const n=Object.keys((null==r?void 0:r.scopes)||{});return _jsxs(_Fragment,{children:[_jsxs(Item,{children:[_jsx(Label,{children:"Flow type "}),_jsxs(Title,{children:[_jsx("code",{children:e})," "]})]}),hasAuthorizationUrl(e,r)?_jsxs(Item,{children:[_jsx(Label,{children:"Authorization URL "}),_jsx(Title,{children:_jsx("a",{target:"_blank",rel:"noopener noreferrer",href:null==r?void 0:r.authorizationUrl,children:null==r?void 0:r.authorizationUrl})})]}):null,hasTokenUrl(e,r)?_jsxs(Item,{children:[_jsx(Label,{children:"Token URL "}),_jsx(Title,{children:_jsx("code",{children:null==r?void 0:r.tokenUrl})})]}):null,(null==r?void 0:r.refreshUrl)&&_jsxs(Item,{children:[_jsx(Label,{children:"Refresh URL "}),_jsx(Title,{children:_jsx("code",{children:null==r?void 0:r.refreshUrl})})]}),n.length?_jsxs(_Fragment,{children:[l,_jsx(Item,{children:_jsx(Label,{children:"Scopes"})}),_jsx(SeeMore,{height:"5em",children:_jsx(Container,{children:n.map((e=>_jsxs(Item,{children:[_jsx(Label,{children:_jsx("code",{children:e})}),_jsx(Title,{children:_jsx(Markdown,{source:(null==r?void 0:r.scopes[e])||"",base:!0})})]},e)))})})]}):null]})}export const OAuthFlow=memo(OAuthFlowComponent);
 //# sourceMappingURL=OAuthFlow.js.map

package/lib-esm/components/SeeMore/SeeMore.js

@@ -1,4 +1,4 @@
-import styled from"styled-components";import React,{createRef,useLayoutEffect,useState}from"react";const TOLERANCE_PX=20;export function SeeMore({children:e,height:t}){const n=createRef(),[r,o]=useState(!1),[a,c]=useState(!1);useLayoutEffect((()=>{n.current&&n.current.clientHeight+TOLERANCE_PX<n.current.scrollHeight&&c(!0)}),[n]);return React.createElement(React.Fragment,null,React.createElement(Container,{ref:n,className:r?"":"container",style:{height:r?"auto":t}},e),React.createElement(ButtonContainer,{dimmed:!r},a&&React.createElement(ButtonLinkStyled,{onClick:()=>{o(!r)}},r?"See less":"See more")))}const Container=styled.div`
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{createRef,useLayoutEffect,useState}from"react";const TOLERANCE_PX=20;export function SeeMore({children:e,height:t}){const n=createRef(),[r,o]=useState(!1),[i,s]=useState(!1);useLayoutEffect((()=>{n.current&&n.current.clientHeight+TOLERANCE_PX<n.current.scrollHeight&&s(!0)}),[n]);return _jsxs(_Fragment,{children:[_jsx(Container,{ref:n,className:r?"":"container",style:{height:r?"auto":t},children:e}),_jsx(ButtonContainer,{dimmed:!r,children:i&&_jsx(ButtonLinkStyled,{onClick:()=>{o(!r)},children:r?"See less":"See more"})})]})}const Container=styled.div`
   overflow-y: hidden;
 `,ButtonContainer=styled.div`
   text-align: center;

package/lib-esm/components/ServerList/ServerList.js

@@ -1,4 +1,4 @@
-import React from"react";import{CopyButton}from"@redocly/theme";import styled from"styled-components";import{expandDefaultServerVariables,getBasePath}from"../../utils";import{PanelItemDescription,Title}from"../PanelItem";import{ViewNested}from"../ViewNested";import{Tag}from"../common";export const ServerList=({servers:e,path:t,expandVariables:a,hideHostname:r})=>React.createElement(ItemsList,null,e.map((e=>{const i=a?expandDefaultServerVariables(e.url,e.variables):e.url,l=getBasePath(i),n=(r?"/"===l?"":l:i)+t,o=Object.keys(e.variables||{}).length,s=`${1===Number(o)?"":o} ${1!==o?"variables":"variable"}`;return React.createElement("div",{key:i},React.createElement(PanelItemDescription,null,e.description),React.createElement(TitleWrap,null,React.createElement(Title,{suppressHydrationWarning:!0},n),React.createElement(CopyButton,{data:n,key:n})),e.variables&&React.createElement(ViewNested,{expandText:`Show ${s}`,hideText:`Hide ${s}`,propertyLength:Object.keys(e.variables).length,expandable:!0,isArray:!0,hideDivider:!0},React.createElement(ServerVariablesContainer,null,Object.entries(e.variables||{}).map((([e,t])=>React.createElement(ServerVariableContainer,{key:e},React.createElement(ServerVariableName,null,e),React.createElement(Variable,null,"Default ",React.createElement(StyledTag,null,t.default)),React.createElement(Variable,null,t.description),t.enum&&React.createElement(Variable,null,"Enum",React.createElement(TagWrapper,null,t.enum.map((e=>React.createElement(StyledTag,{key:e},e)))))))))))})));const ItemsList=styled.div`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{CopyButton}from"@redocly/theme";import styled from"styled-components";import{expandDefaultServerVariables,getBasePath}from"../../utils";import{PanelItemDescription,Title}from"../PanelItem";import{ViewNested}from"../ViewNested";import{Tag}from"../common";export const ServerList=({servers:e,path:r,expandVariables:a,hideHostname:i})=>_jsx(ItemsList,{children:e.map((e=>{const t=a?expandDefaultServerVariables(e.url,e.variables):e.url,s=getBasePath(t),n=(i?"/"===s?"":s:t)+r,o=Object.keys(e.variables||{}).length,l=`${1===Number(o)?"":o} ${1!==o?"variables":"variable"}`;return _jsxs("div",{children:[_jsx(PanelItemDescription,{children:e.description}),_jsxs(TitleWrap,{children:[_jsx(Title,{suppressHydrationWarning:!0,children:n}),_jsx(CopyButton,{data:n},n)]}),e.variables&&_jsx(ViewNested,{expandText:`Show ${l}`,hideText:`Hide ${l}`,propertyLength:Object.keys(e.variables).length,expandable:!0,isArray:!0,hideDivider:!0,children:_jsx(ServerVariablesContainer,{children:Object.entries(e.variables||{}).map((([e,r])=>_jsxs(ServerVariableContainer,{children:[_jsx(ServerVariableName,{children:e}),_jsxs(Variable,{children:["Default ",_jsx(StyledTag,{children:r.default})]}),_jsx(Variable,{children:r.description}),r.enum&&_jsxs(Variable,{children:["Enum",_jsx(TagWrapper,{children:r.enum.map((e=>_jsx(StyledTag,{children:e},e)))})]})]},e)))})})]},t)}))});const ItemsList=styled.div`
   & > div {
     border-bottom: 1px solid var(--border-color-secondary);
     margin-bottom: var(--spacing-xs);

package/lib-esm/components/ServerListDropdown/ServerListDropdown.js

@@ -1,2 +1,2 @@
-import React,{useMemo}from"react";import{CopyButton,Dropdown}from"@redocly/theme";import{HttpVerb}from"../shared";import{PathWrapper,Path,ServerItemWrap}from"./styled";import{PanelItem}from"../PanelItem";export const ServerListDropdown=({operation:e,className:t})=>{const r=useMemo((()=>e.servers.filter((({description:e,url:t})=>e&&t)).map((({description:e,url:t})=>React.createElement(ServerItemWrap,{key:t},React.createElement(PanelItem,{header:e,title:t,actions:[React.createElement(CopyButton,{data:t,key:t})]}))))),[e.servers]);return React.createElement(Dropdown,{items:r,withArrow:!0,className:t},React.createElement(PathWrapper,null,React.createElement(HttpVerb,{color:e.httpVerb},e.httpVerb),React.createElement(Path,null,e.path)))};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMemo}from"react";import{CopyButton,Dropdown}from"@redocly/theme";import{HttpVerb}from"../shared";import{PathWrapper,Path,ServerItemWrap}from"./styled";import{PanelItem}from"../PanelItem";export const ServerListDropdown=({operation:r,className:e})=>{const t=useMemo((()=>r.servers.filter((({description:r,url:e})=>r&&e)).map((({description:r,url:e})=>_jsx(ServerItemWrap,{children:_jsx(PanelItem,{header:r,title:e,actions:[_jsx(CopyButton,{data:e},e)]})},e)))),[r.servers]);return _jsx(Dropdown,{items:t,withArrow:!0,className:e,children:_jsxs(PathWrapper,{children:[_jsx(HttpVerb,{color:r.httpVerb,children:r.httpVerb}),_jsx(Path,{children:r.path})]})})};
 //# sourceMappingURL=ServerListDropdown.js.map

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

@@ -4,13 +4,10 @@ import styled from"styled-components";export const PathWrapper=styled.div`
   overflow-x: hidden;
 `;export const Path=styled.span`
   margin: 0 var(--spacing-unit) 0 calc(var(--spacing-unit) * 0.5);
-  color: var(--text-color-secondary);
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
   display: inline-block;
-  word-break: break-all;
   line-height: var(--line-height-base);
   font-size: var(--font-size-base);
 `;export const ServerItemWrap=styled.div`

package/lib-esm/components/SideMenu/Actions.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const Actions: () => React.JSX.Element;
+export declare const Actions: () => import("react/jsx-runtime").JSX.Element;

package/lib-esm/components/SideMenu/Actions.js

@@ -1,4 +1,4 @@
-import React from"react";import{useAtom,useAtomValue}from"jotai";import{SidebarActions,LayoutVariant}from"@redocly/theme";import styled from"styled-components";import{collapsedSidebarAtom,layoutAtom}from"../../jotai/app";import{globalOptionsAtom}from"../../jotai/store";export const Actions=()=>{const{showChangeLayoutButton:t}=useAtomValue(globalOptionsAtom),[o,a]=useAtom(layoutAtom),[e,r]=useAtom(collapsedSidebarAtom);return React.createElement(React.Fragment,null,React.createElement(Wrapper,null,React.createElement(SidebarActions,{showChangeLayoutButton:t,layout:o,onChangeViewClick:()=>a(o===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED),collapsedSidebar:e,onChangeCollapseSidebarClick:()=>r(!e),isOpenapiDocs:!0})))};const Wrapper=styled.div`
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useAtom,useAtomValue}from"jotai";import{SidebarActions,LayoutVariant}from"@redocly/theme";import styled from"styled-components";import{collapsedSidebarAtom,layoutAtom}from"../../jotai/app";import{globalOptionsAtom}from"../../jotai/store";export const Actions=()=>{const{showChangeLayoutButton:o}=useAtomValue(globalOptionsAtom),[t,a]=useAtom(layoutAtom),[e,r]=useAtom(collapsedSidebarAtom);return _jsx(_Fragment,{children:_jsx(Wrapper,{children:_jsx(SidebarActions,{showChangeLayoutButton:o,layout:t,onChangeViewClick:()=>a(t===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED),collapsedSidebar:e,onChangeCollapseSidebarClick:()=>r(!e),isOpenapiDocs:!0})})})};const Wrapper=styled.div`
   position: sticky;
   top: calc(100vh);
   padding: var(--spacing-sm) var(--spacing-md);

package/lib-esm/components/SideMenu/MenuItem.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { ExtendedMenuItem } from './types';
 interface MenuItemProps {
     active?: boolean;
     item: ExtendedMenuItem;
     onClick?: () => void;
 }
-export declare const MenuItem: React.NamedExoticComponent<React.PropsWithChildren<MenuItemProps>>;
+export declare const MenuItem: import("react").NamedExoticComponent<PropsWithChildren<MenuItemProps>>;
 export {};

package/lib-esm/components/SideMenu/MenuItem.js

@@ -1,2 +1,2 @@
-import React,{memo,useCallback}from"react";import{Tag,ChevronDownIcon,ChevronRightIcon}from"@redocly/theme";import{MenuItemLi,MenuItemTitle}from"./styled";import{MenuItems}from"./MenuItems";import{MenuItemLink}from"./MenuItemLink";import{MenuOperationItemContent}from"./MenuOperationItemContent";import{encodeBackSlashes}from"../../utils";import{useMenuItemExpanded}from"./hooks";function MenuItemComponent({item:e,children:t,onClick:n}){var m;const[o,a]=useMenuItemExpanded(e),c=encodeBackSlashes(e.href),i=useCallback((()=>{c&&e.hasActiveSubItem||a(!o)}),[c,e.hasActiveSubItem,a,o]),r=(null===(m=e.items)||void 0===m?void 0:m.length)>0;return React.createElement(MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?React.createElement(MenuOperationItemContent,{item:e,to:c,active:e.active},t):React.createElement(MenuItemLink,{to:c,depth:e.depth,type:e.type,hasChildren:r,active:e.active,onClick:i},e.depth>0&&r&&(o?React.createElement(ChevronDownIcon,null):React.createElement(ChevronRightIcon,null))||null,e.isSchema?React.createElement(Tag,{color:"schema"},"schema"):null,React.createElement(MenuItemTitle,{title:e.name},e.name,t)),r&&React.createElement(MenuItems,{expanded:o,items:e.items}))}export const MenuItem=memo(MenuItemComponent);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback}from"react";import{Tag,ChevronDownIcon,ChevronRightIcon}from"@redocly/theme";import{MenuItemLi,MenuItemTitle}from"./styled";import{MenuItems}from"./MenuItems";import{MenuItemLink}from"./MenuItemLink";import{MenuOperationItemContent}from"./MenuOperationItemContent";import{encodeBackSlashes}from"../../utils";import{useMenuItemExpanded}from"./hooks";function MenuItemComponent({item:e,children:t,onClick:n}){var o;const[m,i]=useMenuItemExpanded(e),s=encodeBackSlashes(e.href),r=useCallback((()=>{s&&e.hasActiveSubItem||i(!m)}),[s,e.hasActiveSubItem,i,m]),a=(null===(o=e.items)||void 0===o?void 0:o.length)>0;return _jsxs(MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n,children:["operation"===e.type?_jsx(MenuOperationItemContent,{item:e,to:s,active:e.active,children:t}):_jsxs(MenuItemLink,{to:s,depth:e.depth,type:e.type,hasChildren:a,active:e.active,onClick:r,children:[e.depth>0&&a&&_jsx(m?ChevronDownIcon:ChevronRightIcon,{})||null,e.isSchema?_jsx(Tag,{color:"schema",children:"schema"}):null,_jsxs(MenuItemTitle,{title:e.name,children:[e.name,t]})]}),a&&_jsx(MenuItems,{expanded:m,items:e.items})]})}export const MenuItem=memo(MenuItemComponent);
 //# sourceMappingURL=MenuItem.js.map

package/lib-esm/components/SideMenu/MenuItemEternalLink.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { ExternalLink } from '../../services';
-export declare const MenuExternalLink: React.NamedExoticComponent<React.PropsWithChildren<{
+export declare const MenuExternalLink: import("react").NamedExoticComponent<PropsWithChildren<{
     link: ExternalLink;
 }>>;

package/lib-esm/components/SideMenu/MenuItemEternalLink.js

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{StyledMenuItemLink,MenuItemLi,MenuItemLabel,MenuItemTitle}from"./styled";function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}const MenuItemExternalLink=StyledMenuItemLink.withComponent("a");function MenuExternalLinkComponent({link:e}){return React.createElement(React.Fragment,null,isSeparator(e)?e.separator?React.createElement(MenuItemLabel,{depth:0,active:!1},e.separator):null:React.createElement(MenuItemLi,{depth:1},React.createElement(MenuItemExternalLink,{href:e.link,target:e.target,depth:1},React.createElement(MenuItemTitle,{title:e.label},e.label))))}export const MenuExternalLink=memo(MenuExternalLinkComponent);
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import{StyledMenuItemLink,MenuItemLi,MenuItemLabel,MenuItemTitle}from"./styled";function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}const MenuItemExternalLink=StyledMenuItemLink.withComponent("a");function MenuExternalLinkComponent({link:e}){return _jsx(_Fragment,{children:isSeparator(e)?e.separator?_jsx(MenuItemLabel,{depth:0,active:!1,children:e.separator}):null:_jsx(MenuItemLi,{depth:1,children:_jsx(MenuItemExternalLink,{href:e.link,target:e.target,depth:1,children:_jsx(MenuItemTitle,{title:e.label,children:e.label})})})})}export const MenuExternalLink=memo(MenuExternalLinkComponent);
 //# sourceMappingURL=MenuItemEternalLink.js.map