@redocly/openapi-docs 3.12.0-next.7 → 3.12.0-next.9

package/lib/components/RequestParameters/ParametersGroup.js

@@ -1,4 +1,4 @@
-import{jsx as o,jsxs as t}from"react/jsx-runtime";import{memo as p}from"react";import{LinkIcon as m}from"@redocly/theme";import{PropertyDetails as l}from"../PropertyDetails/index.js";import{LinkToField as c}from"../common/LinkToField.js";import{styled as e}from"../../styled-components.js";function g({title:n,parameters:i,deepLink:s}){return!i||!i.length?null:t(v,{children:[t(f,{children:[o(c,{to:s}),n]}),i.map((r,a)=>o(l,{isFirst:a===0,field:r},r.name))]})}const b=p(g),f=e.span`
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{memo as p}from"react";import{LinkIcon as m}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{PropertyDetails as l}from"../PropertyDetails/index.js";import{LinkToField as c}from"../common/LinkToField.js";import{styled as e}from"../../styled-components.js";function g({title:n,parameters:i,deepLink:s}){return!i||!i.length?null:t(v,{children:[t(f,{children:[o(c,{to:s}),n]}),i.map((r,a)=>o(l,{isFirst:a===0,field:r},r.name))]})}const b=p(g),f=e.span`
   position: relative;
   display: flex;
   align-items: center;

package/lib/components/RequestSamples/CodeSample.js

@@ -1,4 +1,4 @@
-import{jsx as r}from"react/jsx-runtime";import{memo as d,useCallback as l}from"react";import{CodeBlock as i}from"@redocly/theme";import{SelectOrLabel as s}from"../SelectOrLabel/index.js";import{MediaTypesSwitch as u}from"../MediaTypeSwitch/index.js";import{SelectWrapper as S}from"../PayloadSamples/index.js";import{Example as h}from"./Example.js";import{MimeLabel as f,Select as b}from"../common/index.js";import{styled as g}from"../../styled-components.js";function p({onCopyClick:o,...e}){const t=e.operation.requestBody?.content,c=l(a=>(t?.mediaTypes?.length??0)>1?r(S,{children:r(s,{Label:f,Select:b,variant:"dark",fullWidth:!0,...a})}):null,[t]),n=l(a=>e.source?r(m,{lang:e.lang,source:e.source,header:{className:"code-block-header",controls:{copy:{onClick:o}}}}):r(m,{lang:e.lang,externalSource:{sample:e.externalSample,exampleName:a,operation:e.operation,pathParams:e.pathParams,properties:e.properties},header:{className:"code-block-header",controls:{copy:{onClick:o}}}}),[o,e.externalSample,e.lang,e.operation,e.pathParams,e.properties,e.source]);return t===void 0||e.source!=null?n():r(u,{content:t,renderSelect:c,children:a=>r(h,{mediaType:a,mediaContent:t,renderSample:n})})}const M=d(p),m=g(i)`
+import{jsx as r}from"react/jsx-runtime";import{memo as d,useCallback as l}from"react";import{CodeBlock as i}from"@redocly/theme/components/CodeBlock/CodeBlock";import{SelectOrLabel as s}from"../SelectOrLabel/index.js";import{MediaTypesSwitch as u}from"../MediaTypeSwitch/index.js";import{SelectWrapper as S}from"../PayloadSamples/index.js";import{Example as h}from"./Example.js";import{MimeLabel as f,Select as b}from"../common/index.js";import{styled as g}from"../../styled-components.js";function p({onCopyClick:o,...e}){const t=e.operation.requestBody?.content,c=l(a=>(t?.mediaTypes?.length??0)>1?r(S,{children:r(s,{Label:f,Select:b,variant:"dark",fullWidth:!0,...a})}):null,[t]),n=l(a=>e.source?r(m,{lang:e.lang,source:e.source,header:{className:"code-block-header",controls:{copy:{onClick:o}}}}):r(m,{lang:e.lang,externalSource:{sample:e.externalSample,exampleName:a,operation:e.operation,pathParams:e.pathParams,properties:e.properties},header:{className:"code-block-header",controls:{copy:{onClick:o}}}}),[o,e.externalSample,e.lang,e.operation,e.pathParams,e.properties,e.source]);return t===void 0||e.source!=null?n():r(u,{content:t,renderSelect:c,children:a=>r(h,{mediaType:a,mediaContent:t,renderSample:n})})}const M=d(p),m=g(i)`
   border: none;
   margin: 0;
 

package/lib/components/RequestSamples/RequestSamples.js

@@ -1,4 +1,4 @@
-import{jsx as o,jsxs as D}from"react/jsx-runtime";import{memo as M,useCallback as k,useMemo as A}from"react";import{useAtomValue as y,useAtom as T}from"jotai";import{PanelHeader as U}from"@redocly/theme";import{PayloadSamples as W}from"../PayloadSamples/index.js";import{CodeSample as B}from"./CodeSample.js";import{useCodeSamples as F}from"./useCodeSamples.js";import{isPayloadSample as H}from"../../models/index.js";import{createCodeSampleCopyEvent as O,createLanguageSwitchEvent as V}from"../../events/index.js";import{globalStoreAtom as $}from"../../jotai/store.js";import{ServerListDropdown as z}from"../ServerListDropdown/index.js";import{LanguageDropdown as G}from"../Language/index.js";import{activeMimeNameAtom as J,languageAtom as K}from"../../jotai/app.js";import{Replay as L}from"../Replay/index.js";import{CodeBlockPanel as w}from"../common/index.js";import{useActiveWithFallback as Q,useTelemetry as X}from"../../hooks/index.js";import{operationStore as Y}from"../../jotai/operation.js";import{styled as v}from"../../styled-components.js";function Z({operation:a,disableFooter:P,onPanelToggle:S,...p}){const c=X(),[{activeLanguage:q,languages:m},R]=T(K),{samples:n}=F(a),{parser:d,options:{events:s,corsProxyUrl:g,hideReplay:_}}=y($),i=!P&&!a.isWebhook&&!_&&!a.hideReplay,t=!!m?.length,u=Q(n,q),E=e=>{R(e),c.send({type:"openapi_docs.select_language.clicked",payload:{language:e}});const r=m?.find(l=>l.key===e);if(s?.codeSamplesLanguageSwitch&&r){const l=V({operation:a,sample:{lang:r.lang,label:r.title}});s.codeSamplesLanguageSwitch(l)}},h=y(J),{activeExampleName:x}=y(Y(a.pointer)),f=k(({lang:e,title:r})=>()=>{const l=O({operation:a,label:r,lang:e,type:"request",activeMimeName:h,activeExampleName:x});c.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"request",language:e}}),s?.codeSamplesCopy?.(l)},[a,c,s,h,x]),b=k(e=>{S?.(e,"request-samples")},[S]),C=()=>D(I,{isExpandable:!1,withReplay:!t&&i,children:[o(ee,{operation:a}),t&&o(G,{activeTab:u,samples:n,onChange:E}),!t&&i&&o(L,{operation:a,corsProxyUrl:g,fullOpenApi:d.definition})]}),j=A(()=>{if(i&&t)return o(ae,{children:o(L,{operation:a,corsProxyUrl:g,fullOpenApi:d.definition})})},[i,t,a,g,d.definition]),N=A(()=>n.map(e=>e.key===u?o("div",{children:H(e)?o(W,{content:e.requestBodyContent,onCopyClick:f(e),onPanelToggle:b,...p}):o(B,{lang:e.lang,source:e.source,externalSample:e,operation:a,onCopyClick:f(e),...p})},e.key+a.id):null),[u,f,b,a,p,n]);return m&&!n.length?o(w,{className:"panel-request-samples",header:C,isExpandable:!1,expanded:!1}):n.length?o(w,{className:"panel-request-samples",header:C,footer:j,isExpandable:!1,children:N}):null}const xe=M(Z),I=v(U)`
+import{jsx as o,jsxs as D}from"react/jsx-runtime";import{memo as M,useCallback as k,useMemo as A}from"react";import{useAtomValue as y,useAtom as T}from"jotai";import{PanelHeader as U}from"@redocly/theme/components/Panel/PanelHeader";import{PayloadSamples as W}from"../PayloadSamples/index.js";import{CodeSample as B}from"./CodeSample.js";import{useCodeSamples as F}from"./useCodeSamples.js";import{isPayloadSample as H}from"../../models/index.js";import{createCodeSampleCopyEvent as O,createLanguageSwitchEvent as V}from"../../events/index.js";import{globalStoreAtom as $}from"../../jotai/store.js";import{ServerListDropdown as z}from"../ServerListDropdown/index.js";import{LanguageDropdown as G}from"../Language/index.js";import{activeMimeNameAtom as J,languageAtom as K}from"../../jotai/app.js";import{Replay as L}from"../Replay/index.js";import{CodeBlockPanel as w}from"../common/index.js";import{useActiveWithFallback as Q,useTelemetry as X}from"../../hooks/index.js";import{operationStore as Y}from"../../jotai/operation.js";import{styled as v}from"../../styled-components.js";function Z({operation:a,disableFooter:P,onPanelToggle:S,...p}){const c=X(),[{activeLanguage:q,languages:m},R]=T(K),{samples:n}=F(a),{parser:d,options:{events:s,corsProxyUrl:g,hideReplay:_}}=y($),i=!P&&!a.isWebhook&&!_&&!a.hideReplay,t=!!m?.length,u=Q(n,q),E=e=>{R(e),c.send({type:"openapi_docs.select_language.clicked",payload:{language:e}});const r=m?.find(l=>l.key===e);if(s?.codeSamplesLanguageSwitch&&r){const l=V({operation:a,sample:{lang:r.lang,label:r.title}});s.codeSamplesLanguageSwitch(l)}},h=y(J),{activeExampleName:x}=y(Y(a.pointer)),f=k(({lang:e,title:r})=>()=>{const l=O({operation:a,label:r,lang:e,type:"request",activeMimeName:h,activeExampleName:x});c.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"request",language:e}}),s?.codeSamplesCopy?.(l)},[a,c,s,h,x]),b=k(e=>{S?.(e,"request-samples")},[S]),C=()=>D(I,{isExpandable:!1,withReplay:!t&&i,children:[o(ee,{operation:a}),t&&o(G,{activeTab:u,samples:n,onChange:E}),!t&&i&&o(L,{operation:a,corsProxyUrl:g,fullOpenApi:d.definition})]}),j=A(()=>{if(i&&t)return o(ae,{children:o(L,{operation:a,corsProxyUrl:g,fullOpenApi:d.definition})})},[i,t,a,g,d.definition]),N=A(()=>n.map(e=>e.key===u?o("div",{children:H(e)?o(W,{content:e.requestBodyContent,onCopyClick:f(e),onPanelToggle:b,...p}):o(B,{lang:e.lang,source:e.source,externalSample:e,operation:a,onCopyClick:f(e),...p})},e.key+a.id):null),[u,f,b,a,p,n]);return m&&!n.length?o(w,{className:"panel-request-samples",header:C,isExpandable:!1,expanded:!1}):n.length?o(w,{className:"panel-request-samples",header:C,footer:j,isExpandable:!1,children:N}):null}const xe=M(Z),I=v(U)`
   flex-wrap: nowrap;
   ${({withReplay:a})=>a&&"padding: var(--spacing-xs) var(--spacing-sm);"}
 `,ee=v(z)`

package/lib/components/ResponseSamples/Summary.js

@@ -1 +1 @@
-import{jsx as a,jsxs as r}from"react/jsx-runtime";import{PanelHeader as t,PanelHeaderTitle as n}from"@redocly/theme";import{useTranslate as o}from"../../hooks/index.js";const m=({tabs:e})=>{const s=o();return r(t,{isExpandable:!1,children:[a(n,{"data-testid":"title",children:s("openapi.response","Response")}),e]})};export{m as Summary};
+import{jsx as r,jsxs as a}from"react/jsx-runtime";import{PanelHeader as t}from"@redocly/theme/components/Panel/PanelHeader";import{PanelHeaderTitle as o}from"@redocly/theme/components/Panel/PanelHeaderTitle";import{useTranslate as n}from"../../hooks/index.js";const d=({tabs:e})=>{const s=n();return a(t,{isExpandable:!1,children:[r(o,{"data-testid":"title",children:s("openapi.response","Response")}),e]})};export{d as Summary};

package/lib/components/RightPanel/RightPanel.js

@@ -1 +1 @@
-import{jsx as e,Fragment as c,jsxs as g}from"react/jsx-runtime";import{Markdown as f,Panel as n}from"@redocly/theme";import{useAtomValue as t}from"jotai";import{DownloadSpecification as v}from"../Download/index.js";import{Overview as h}from"../Overview/index.js";import{LanguageList as u}from"../Language/index.js";import{ServerList as w}from"../ServerList/index.js";import{globalStoreAtom as x}from"../../jotai/store.js";import{normalizeServers as S}from"../../utils/index.js";import{mergeInMockServer as L}from"../../models/operation.js";import{languageAtom as b}from"../../jotai/app.js";import{useTranslate as j}from"../../hooks/index.js";const B=({item:{infoDefinition:r}})=>{const a=j(),{options:{hideDownloadButtons:i,mockServer:l},parser:{definition:m,definitionUrl:p}}=t(x),{languages:o,activeLanguage:d}=t(b),s=S(p,L(m.servers||[],l));return g(c,{children:[!i&&e(n,{className:"panel-download",header:a("openapi.download.description.title","Download OpenAPI description"),isExpandable:!1,children:e(v,{})}),(r?.license||r?.contact||r?.termsOfService)&&e(n,{className:"panel-overview",header:a("openapi.info.title","Overview"),isExpandable:!1,children:e(f,{children:e(h,{info:r,translate:a})})}),!!o?.length&&e(n,{className:"panel-language-list",header:a("openapi.languages.title","Languages"),isExpandable:!1,children:e(u,{languages:o,activeLanguage:d})}),!!s.length&&e(n,{className:"panel-servers-list",header:a("openapi.servers.title","Servers"),isExpandable:!1,children:e(w,{servers:s,path:"/",translate:a})})]})};export{B as RightPanel};
+import{jsx as e,Fragment as c,jsxs as g}from"react/jsx-runtime";import{useAtomValue as t}from"jotai";import{Panel as o}from"@redocly/theme/components/Panel/Panel";import{Markdown as f}from"@redocly/theme/components/Markdown/Markdown";import{DownloadSpecification as v}from"../Download/index.js";import{Overview as h}from"../Overview/index.js";import{LanguageList as u}from"../Language/index.js";import{ServerList as w}from"../ServerList/index.js";import{globalStoreAtom as x}from"../../jotai/store.js";import{normalizeServers as S}from"../../utils/index.js";import{mergeInMockServer as L}from"../../models/operation.js";import{languageAtom as b}from"../../jotai/app.js";import{useTranslate as j}from"../../hooks/index.js";const R=({item:{infoDefinition:r}})=>{const a=j(),{options:{hideDownloadButtons:i,mockServer:l},parser:{definition:m,definitionUrl:p}}=t(x),{languages:n,activeLanguage:d}=t(b),s=S(p,L(m.servers||[],l));return g(c,{children:[!i&&e(o,{className:"panel-download",header:a("openapi.download.description.title","Download OpenAPI description"),isExpandable:!1,children:e(v,{})}),(r?.license||r?.contact||r?.termsOfService)&&e(o,{className:"panel-overview",header:a("openapi.info.title","Overview"),isExpandable:!1,children:e(f,{children:e(h,{info:r,translate:a})})}),!!n?.length&&e(o,{className:"panel-language-list",header:a("openapi.languages.title","Languages"),isExpandable:!1,children:e(u,{languages:n,activeLanguage:d})}),!!s.length&&e(o,{className:"panel-servers-list",header:a("openapi.servers.title","Servers"),isExpandable:!1,children:e(w,{servers:s,path:"/",translate:a})})]})};export{R as RightPanel};

package/lib/components/Schema/helpers.js

@@ -1 +1 @@
-import{isUndefined as o}from"@redocly/theme";const i=e=>{if(!e)return"";const t=e.match(/t=(request|response)/);return t?t[1]:""},u=4;function f({schemasExpansionLevel:e,level:t,required:n}){const r=Number(t)-1;return o(e)?!!n&&u>=r:e>=r}export{i as extractTypeFromDeepLink,f as getExpandByDefault};
+import{isUndefined as o}from"@redocly/theme/core/openapi";const i=e=>{if(!e)return"";const t=e.match(/t=(request|response)/);return t?t[1]:""},u=4;function f({schemasExpansionLevel:e,level:t,required:n}){const r=Number(t)-1;return o(e)?!!n&&u>=r:e>=r}export{i as extractTypeFromDeepLink,f as getExpandByDefault};

package/lib/components/SchemaDefinition/SchemaDefinition.js

@@ -1,3 +1,3 @@
-import{jsx as o,jsxs as S}from"react/jsx-runtime";import{memo as g,useCallback as A,useMemo as C}from"react";import{LayoutVariant as j}from"@redocly/theme";import{useAtom as k,useAtomValue as x}from"jotai";import{useWriteAtom as T}from"../../jotai/use-write-atom.js";import{SamplesMiddlePanel as D,SamplesPanel as E,Row as N,Section as b,CodeBlockPanel as P}from"../common/index.js";import{getMediaType as w}from"../../models/index.js";import{MediaTypeSamples as I}from"../PayloadSamples/index.js";import{Schema as V}from"../Schema/index.js";import{Markdown as W}from"../Markdown/index.js";import{layoutAtom as _}from"../../jotai/app.js";import{globalStoreAtom as $}from"../../jotai/store.js";import{operationStore as O}from"../../jotai/operation.js";import{styled as B}from"../../styled-components.js";const K=(t,i)=>{if(!t)return{};const n={schema:{$ref:t}};return i&&(n.examples={example:{$ref:i}}),n};function L({schemaRef:t,exampleRef:i,showReadOnly:n=!0,showWriteOnly:v=!1}){const s=x(_),{parser:c,options:p}=x($),l=T(),e=C(()=>w(c,"json",!1,K(t,i),p,{operation:{pointer:"SchemaDefinitionComponent"}}),[i,p,c,t]),[f,d]=k(O(e.operation?.pointer)),y=A(r=>{if(!e.schema)return;const a=e.schema,u=a.oneOf;if(u&&e?.examples&&Object.keys(e?.examples).includes(r)){const m=u.findIndex(M=>M.title===r);m!==-1&&a&&l(O(a.operationPointer),{activeExampleName:a.oneOf?.[m]?.title,activeOneOf:{[a.pointer]:m}})}f.activeExampleName!==r&&d({activeExampleName:r})},[e?.examples,e.schema,f.activeExampleName,d,l]),h=s===j.STACKED;return o(b,{children:S(N,{layout:s,children:[S(D,{isStacked:h,children:[e.schema?.description&&o(q,{children:o(W,{source:e.schema?.description})}),o(V,{skipWriteOnly:!v,skipReadOnly:!n,schema:e.schema,level:1})]}),o(E,{isStacked:h,children:o(P,{className:"panel-response-samples",children:o(I,{mediaType:e,onChange:y})})})]})})}const ie=g(L),q=B.div`
+import{jsx as o,jsxs as S}from"react/jsx-runtime";import{memo as g,useCallback as A,useMemo as C}from"react";import{LayoutVariant as j}from"@redocly/config";import{useAtom as k,useAtomValue as x}from"jotai";import{useWriteAtom as T}from"../../jotai/use-write-atom.js";import{SamplesMiddlePanel as D,SamplesPanel as E,Row as N,Section as b,CodeBlockPanel as P}from"../common/index.js";import{getMediaType as w}from"../../models/index.js";import{MediaTypeSamples as I}from"../PayloadSamples/index.js";import{Schema as V}from"../Schema/index.js";import{Markdown as W}from"../Markdown/index.js";import{layoutAtom as _}from"../../jotai/app.js";import{globalStoreAtom as $}from"../../jotai/store.js";import{operationStore as O}from"../../jotai/operation.js";import{styled as B}from"../../styled-components.js";const K=(t,i)=>{if(!t)return{};const n={schema:{$ref:t}};return i&&(n.examples={example:{$ref:i}}),n};function L({schemaRef:t,exampleRef:i,showReadOnly:n=!0,showWriteOnly:v=!1}){const s=x(_),{parser:c,options:p}=x($),l=T(),e=C(()=>w(c,"json",!1,K(t,i),p,{operation:{pointer:"SchemaDefinitionComponent"}}),[i,p,c,t]),[f,d]=k(O(e.operation?.pointer)),y=A(r=>{if(!e.schema)return;const a=e.schema,u=a.oneOf;if(u&&e?.examples&&Object.keys(e?.examples).includes(r)){const m=u.findIndex(M=>M.title===r);m!==-1&&a&&l(O(a.operationPointer),{activeExampleName:a.oneOf?.[m]?.title,activeOneOf:{[a.pointer]:m}})}f.activeExampleName!==r&&d({activeExampleName:r})},[e?.examples,e.schema,f.activeExampleName,d,l]),h=s===j.STACKED;return o(b,{children:S(N,{layout:s,children:[S(D,{isStacked:h,children:[e.schema?.description&&o(q,{children:o(W,{source:e.schema?.description})}),o(V,{skipWriteOnly:!v,skipReadOnly:!n,schema:e.schema,level:1})]}),o(E,{isStacked:h,children:o(P,{className:"panel-response-samples",children:o(I,{mediaType:e,onChange:y})})})]})})}const ie=g(L),q=B.div`
   margin-bottom: var(--spacing-vertical);
 `;export{ie as SchemaDefinition};

package/lib/components/SectionContent/SectionContent.js

@@ -1,13 +1,13 @@
-import{jsx as t,jsxs as m,Fragment as x}from"react/jsx-runtime";import{useMemo as p}from"react";import{breakpoints as k,LayoutVariant as d,OpenApiHeader as c}from"@redocly/theme";import{useAtomValue as u}from"jotai";import{PageFooter as v}from"../PageFooter/index.js";import{globalOptionsAtom as b}from"../../jotai/store.js";import{RenderHook as y}from"../RenderHook/index.js";import{RightPanel as C}from"../RightPanel/index.js";import{layoutAtom as w}from"../../jotai/app.js";import{Row as B,SamplesMiddlePanel as j,SamplesPanel as M}from"../common/index.js";import{Items as f}from"../ContentItems/Items.js";import{ContentItem as g}from"../ContentItem/index.js";import{styled as s}from"../../styled-components.js";function q({items:r,hideFooterAndHeader:o}){const{unstable_hooks:{MiddlePanelHeader:a},routingBasePath:i}=u(b),l=u(w),n=l===d.STACKED,P=p(()=>o?null:t(h,{isStacked:n,children:t(v,{})}),[o,n]),S=p(()=>o||!c&&!a?null:t(h,{isStacked:n,children:a?t(y,{Hook:a,props:void 0}):t(c,{})}),[a,o,n]);return r.length===0?null:m(x,{children:[S,m(B,{layout:l,children:[t(R,{layout:l,children:r.filter(({type:e})=>e==="section").map(e=>t(g,{item:e,routingBasePath:i,children:t(f,{items:e.items,routingBasePath:i})},e.id))}),t(_,{isStacked:n,tabIndex:0,children:t(C,{item:r[0]})})]}),r.filter(({type:e})=>e!=="section").map(e=>t(g,{item:e,routingBasePath:i,children:t(f,{items:e.items,routingBasePath:i})},e.id)),P]})}const h=s(j)`
+import{jsx as t,jsxs as s,Fragment as x}from"react/jsx-runtime";import{useMemo as p}from"react";import{useAtomValue as d}from"jotai";import{LayoutVariant as c}from"@redocly/config";import{breakpoints as k}from"@redocly/theme/core/openapi";import{OpenApiHeader as u}from"@redocly/theme/components/OpenApiDocs/hooks/OpenApiHeader";import{PageFooter as v}from"../PageFooter/index.js";import{globalOptionsAtom as b}from"../../jotai/store.js";import{RenderHook as y}from"../RenderHook/index.js";import{RightPanel as C}from"../RightPanel/index.js";import{layoutAtom as w}from"../../jotai/app.js";import{Row as B,SamplesMiddlePanel as j,SamplesPanel as M}from"../common/index.js";import{Items as f}from"../ContentItems/Items.js";import{ContentItem as g}from"../ContentItem/index.js";import{styled as m}from"../../styled-components.js";function G({items:e,hideFooterAndHeader:n}){const{unstable_hooks:{MiddlePanelHeader:a},routingBasePath:i}=d(b),l=d(w),o=l===c.STACKED,P=p(()=>n?null:t(h,{isStacked:o,children:t(v,{})}),[n,o]),S=p(()=>n||!u&&!a?null:t(h,{isStacked:o,children:a?t(y,{Hook:a,props:void 0}):t(u,{})}),[a,n,o]);return e.length===0?null:s(x,{children:[S,s(B,{layout:l,children:[t(R,{layout:l,children:e.filter(({type:r})=>r==="section").map(r=>t(g,{item:r,routingBasePath:i,children:t(f,{items:r.items,routingBasePath:i})},r.id))}),t(_,{isStacked:o,tabIndex:0,children:t(C,{item:e[0]})})]}),e.filter(({type:r})=>r!=="section").map(r=>t(g,{item:r,routingBasePath:i,children:t(f,{items:r.items,routingBasePath:i})},r.id)),P]})}const h=m(j)`
   align-self: flex-start;
   padding-top: var(--panel-gap-vertical);
   padding-bottom: var(--panel-gap-vertical);
-`,R=s.div`
+`,R=m.div`
   width: 100%;
 
   @media screen and (min-width: ${k.large}) {
-    width: ${({layout:r})=>r===d.STACKED?"100%":"calc(100% - var(--panel-samples-width))"};
+    width: ${({layout:e})=>e===c.STACKED?"100%":"calc(100% - var(--panel-samples-width))"};
   }
-`,_=s(M)`
+`,_=m(M)`
   margin: var(--spacing-base) 0;
-`;export{_ as RightPanelContainer,R as SectionContainer,q as SectionContent};
+`;export{_ as RightPanelContainer,R as SectionContainer,G as SectionContent};

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

@@ -1,4 +1,4 @@
-import { LayoutVariant } from '@redocly/theme';
+import { LayoutVariant } from '@redocly/config';
 import type { GroupModel } from '../../models/index.js';
 export interface SectionItemProps {
     item: GroupModel;

package/lib/components/SectionItem/SectionItem.js

@@ -1 +1 @@
-import{jsx as t,Fragment as l,jsxs as p}from"react/jsx-runtime";import{memo as d}from"react";import{LayoutVariant as u}from"@redocly/theme";import{SamplesMiddlePanel as a,Row as f}from"../common/index.js";import{Markdown as h}from"../Markdown/index.js";import{ExternalDocumentation as x}from"../ExternalDocumentation/index.js";function S({item:o,layout:s}){const{externalDocs:r,ast:c,description:i}=o,e=s===u.STACKED,n=!o.parent||o.parent.type!=="tag";return p(l,{children:[t(h,{ast:c,source:i,htmlWrap:m=>t(a,{compact:!0,fullWidth:n,isStacked:e,children:m})}),r&&t(f,{children:t(a,{compact:!0,fullWidth:n,isStacked:e,children:t(x,{externalDocs:r})})})]})}const _=d(S);export{_ as SectionItem};
+import{jsx as t,Fragment as l,jsxs as p}from"react/jsx-runtime";import{memo as d}from"react";import{LayoutVariant as u}from"@redocly/config";import{SamplesMiddlePanel as a,Row as f}from"../common/index.js";import{Markdown as h}from"../Markdown/index.js";import{ExternalDocumentation as x}from"../ExternalDocumentation/index.js";function S({item:o,layout:s}){const{externalDocs:r,ast:c,description:i}=o,e=s===u.STACKED,n=!o.parent||o.parent.type!=="tag";return p(l,{children:[t(h,{ast:c,source:i,htmlWrap:m=>t(a,{compact:!0,fullWidth:n,isStacked:e,children:m})}),r&&t(f,{children:t(a,{compact:!0,fullWidth:n,isStacked:e,children:t(x,{externalDocs:r})})})]})}const _=d(S);export{_ as SectionItem};

package/lib/components/Security/OAuthScopes.js

@@ -1,4 +1,4 @@
-import{jsx as r,Fragment as p,jsxs as c}from"react/jsx-runtime";import{memo as S,useState as v}from"react";import{ChevronRightIcon as b}from"@redocly/theme";import{Markdown as d}from"../Markdown/index.js";import{SecuritySchemeItem as a}from"./SecuritySchemeItem.js";import{Tag as m}from"./styled.js";import{useTranslate as l}from"../../hooks/index.js";import{getOptionalScopes as O,getRequiredScopes as x}from"./helper.js";import{styled as i}from"../../styled-components.js";function y({id:e,securities:t,flows:n}){const o=x(e,t);return c(p,{children:[r(w,{flows:n,requiredScopes:o}),r(q,{flows:n,requiredScopes:o})]})}function q({flows:e,requiredScopes:t}){return e&&Object.keys(e).map(n=>r(j,{flow:e[n],requiredScopes:t},n))}function j({flow:e,requiredScopes:t}){const n=l(),[o,h]=v(!1),f=Object.keys(e?.scopes||{}),u=O(t,f);return u.length===0?null:c(p,{children:[r(a,{label:c(A,{onClick:()=>{h(s=>!s)},children:[n(o?"openapi.hideOptionalScopes":"openapi.showOptionalScopes",o?"Hide optional scopes":"Show optional scopes"),r(C,{isOpen:o,children:r(b,{size:"var(--font-size-base)",color:"var(--tree-content-color-default)"})})]}),value:" "}),r(z,{isOpen:o,children:u.map(s=>r(a,{label:r(g,{className:"tag-grey",children:s}),value:r(d,{source:e?.scopes[s]||""})},s))})]})}function w({requiredScopes:e,flows:t}){const n=l();return e.length===0?null:t&&Object.keys(t).length>0?Object.keys(t).map(o=>r(k,{flow:t[o],requiredScopes:e},o)):r(a,{label:n("openapi.requiredScopes","Required scopes"),value:r(R,{children:e.map(o=>r(m,{className:"tag-grey",children:o},o))})})}function k({flow:e,requiredScopes:t}){const n=l();return c(p,{children:[r(a,{label:n("openapi.requiredScopes","Required scopes"),value:" "}),t.map(o=>r(a,{label:r(g,{className:"tag-grey",children:o}),value:r(d,{source:e?.scopes[o]||""})},o))]})}const g=i(m)`
+import{jsx as r,Fragment as p,jsxs as c}from"react/jsx-runtime";import{memo as S,useState as v}from"react";import{ChevronRightIcon as b}from"@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";import{Markdown as d}from"../Markdown/index.js";import{SecuritySchemeItem as a}from"./SecuritySchemeItem.js";import{Tag as m}from"./styled.js";import{useTranslate as l}from"../../hooks/index.js";import{getOptionalScopes as O,getRequiredScopes as x}from"./helper.js";import{styled as i}from"../../styled-components.js";function y({id:e,securities:t,flows:n}){const o=x(e,t);return c(p,{children:[r(w,{flows:n,requiredScopes:o}),r(q,{flows:n,requiredScopes:o})]})}function q({flows:e,requiredScopes:t}){return e&&Object.keys(e).map(n=>r(j,{flow:e[n],requiredScopes:t},n))}function j({flow:e,requiredScopes:t}){const n=l(),[o,h]=v(!1),f=Object.keys(e?.scopes||{}),u=O(t,f);return u.length===0?null:c(p,{children:[r(a,{label:c(A,{onClick:()=>{h(s=>!s)},children:[n(o?"openapi.hideOptionalScopes":"openapi.showOptionalScopes",o?"Hide optional scopes":"Show optional scopes"),r(C,{isOpen:o,children:r(b,{size:"var(--font-size-base)",color:"var(--tree-content-color-default)"})})]}),value:" "}),r(z,{isOpen:o,children:u.map(s=>r(a,{label:r(g,{className:"tag-grey",children:s}),value:r(d,{source:e?.scopes[s]||""})},s))})]})}function w({requiredScopes:e,flows:t}){const n=l();return e.length===0?null:t&&Object.keys(t).length>0?Object.keys(t).map(o=>r(k,{flow:t[o],requiredScopes:e},o)):r(a,{label:n("openapi.requiredScopes","Required scopes"),value:r(R,{children:e.map(o=>r(m,{className:"tag-grey",children:o},o))})})}function k({flow:e,requiredScopes:t}){const n=l();return c(p,{children:[r(a,{label:n("openapi.requiredScopes","Required scopes"),value:" "}),t.map(o=>r(a,{label:r(g,{className:"tag-grey",children:o}),value:r(d,{source:e?.scopes[o]||""})},o))]})}const g=i(m)`
   font-family: var(--font-family-base);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);

package/lib/components/Security/Security.js

@@ -1 +1 @@
-import{jsx as t,Fragment as s,jsxs as i}from"react/jsx-runtime";import{useState as l}from"react";import{Portal as n,useModalScrollLock as a}from"@redocly/theme";import{SecurityButton as m}from"./SecurityButton.js";import{SecurityModal as u}from"./SecurityModal.js";function S({securities:o}){const[r,e]=l(!1);return a(r),o.length?i(s,{children:[t(m,{securities:o,onClick:()=>e(!0)}),r&&t(n,{mountId:"api-content",children:t(u,{securities:o,onClose:()=>e(!1)})})]}):null}export{S as Security};
+import{jsx as r,Fragment as i,jsxs as s}from"react/jsx-runtime";import{useState as l}from"react";import{Portal as n}from"@redocly/theme/components/Portal/Portal";import{useModalScrollLock as m}from"@redocly/theme/core/openapi";import{SecurityButton as a}from"./SecurityButton.js";import{SecurityModal as u}from"./SecurityModal.js";function j({securities:o}){const[t,e]=l(!1);return m(t),o.length?s(i,{children:[r(a,{securities:o,onClick:()=>e(!0)}),t&&r(n,{mountId:"api-content",children:r(u,{securities:o,onClose:()=>e(!1)})})]}):null}export{j as Security};

package/lib/components/Security/SecurityButton.js

@@ -1,4 +1,4 @@
-import{jsx as r,jsxs as n}from"react/jsx-runtime";import{SecurityIcon as v,Panel as f,Button as h}from"@redocly/theme";import{Fragment as c}from"react";import{useTranslate as g}from"../../hooks/index.js";import{styled as e}from"../../styled-components.js";function D({securities:a,onClick:p}){const t=g();return r(y,{header:()=>n(b,{children:[r(v,{}),r(w,{children:t("openapi.security","Security")}),r(x,{onClick:p,variant:"link",children:t("openapi.viewSecurityDetails","View details")})]}),isExpandable:!1,children:r(S,{children:a.map((o,i)=>{const s=a.length>1&&o.schemes.length>1,m=o.schemes.map(({id:l},u)=>n(c,{children:[l,u<o.schemes.length-1&&r(d,{children:" and "})]},l));return n(c,{children:[s?"(":"",m,s?")":"",i<a.length-1&&r(d,{children:" or "})]},i)})})})}const y=e(f)`
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{Fragment as c}from"react";import{SecurityIcon as v}from"@redocly/theme/icons/SecurityIcon/SecurityIcon";import{Panel as f}from"@redocly/theme/components/Panel/Panel";import{Button as h}from"@redocly/theme/components/Button/Button";import{useTranslate as g}from"../../hooks/index.js";import{styled as e}from"../../styled-components.js";function T({securities:o,onClick:p}){const n=g();return r(y,{header:()=>t(b,{children:[r(v,{}),r(w,{children:n("openapi.security","Security")}),r(x,{onClick:p,variant:"link",children:n("openapi.viewSecurityDetails","View details")})]}),isExpandable:!1,children:r(S,{children:o.map((a,i)=>{const s=o.length>1&&a.schemes.length>1,m=a.schemes.map(({id:l},u)=>t(c,{children:[l,u<a.schemes.length-1&&r(d,{children:" and "})]},l));return t(c,{children:[s?"(":"",m,s?")":"",i<o.length-1&&r(d,{children:" or "})]},i)})})})}const y=e(f)`
   margin-top: var(--spacing-base);
   border: var(--panel-border);
   border-radius: var(--panel-border-radius);
@@ -27,4 +27,4 @@ import{jsx as r,jsxs as n}from"react/jsx-runtime";import{SecurityIcon as v,Panel
   color: var(--text-color-primary);
 `,d=e.span`
   color: var(--text-color-description);
-`;export{D as SecurityButton};
+`;export{T as SecurityButton};

package/lib/components/Security/SecurityModal.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Fragment as h,useState as u,useRef as v}from"react";import{useOutsideClick as f,Typography as x,CloseIcon as b,SecurityIcon as y,Segmented as S,Button as w,useFocusTrap as z}from"@redocly/theme";import{SecurityFlow as j}from"./SecurityFlow.js";import{Divider as k}from"./Divider.js";import{useTranslate as C}from"../../hooks/index.js";import{styled as o}from"../../styled-components.js";function q({securities:i,onClose:s}){const d=C(),[l,p]=u(0),a=v(null),{schemes:c}=i[l]||{};f(a,s),z(a);const g=i.map(({schemes:t},r)=>({label:t.map(({id:m})=>m).join(" and "),value:r}));return e(F,{children:n(T,{ref:a,tabIndex:0,children:[e(I,{onClick:s,"data-testid":"close",variant:"ghost",icon:e(b,{})}),n(B,{children:[e(y,{size:"24px"}),d("openapi.security","Security")]}),e(S,{value:l,onChange:({value:t})=>p(t),options:g}),c.map((t,r)=>n(h,{children:[e(j,{...t,securities:i}),r!==c.length-1&&e(k,{label:"and"})]},t.id))]})})}const T=o.div`
+import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Fragment as h,useState as f,useRef as u}from"react";import{useOutsideClick as v,useFocusTrap as x}from"@redocly/theme/core/openapi";import{Button as b}from"@redocly/theme/components/Button/Button";import{SecurityIcon as y}from"@redocly/theme/icons/SecurityIcon/SecurityIcon";import{Segmented as S}from"@redocly/theme/components/Segmented/Segmented";import{CloseIcon as w}from"@redocly/theme/icons/CloseIcon/CloseIcon";import{Typography as z}from"@redocly/theme/components/Typography/Typography";import{SecurityFlow as j}from"./SecurityFlow.js";import{Divider as k}from"./Divider.js";import{useTranslate as C}from"../../hooks/index.js";import{styled as e}from"../../styled-components.js";function J({securities:r,onClose:s}){const c=C(),[l,d]=f(0),i=u(null),{schemes:p}=r[l]||{};v(i,s),x(i);const m=r.map(({schemes:o},a)=>({label:o.map(({id:g})=>g).join(" and "),value:a}));return t(F,{children:n(T,{ref:i,tabIndex:0,children:[t(I,{onClick:s,"data-testid":"close",variant:"ghost",icon:t(w,{})}),n(B,{children:[t(y,{size:"24px"}),c("openapi.security","Security")]}),t(S,{value:l,onChange:({value:o})=>d(o),options:m}),p.map((o,a)=>n(h,{children:[t(j,{...o,securities:r}),a!==p.length-1&&t(k,{label:"and"})]},o.id))]})})}const T=e.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow);
   border-radius: var(--border-radius-lg);
@@ -19,7 +19,7 @@ import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Fragment as h,useState
     font-size: var(--font-size-base);
     line-height: var(--line-height-base);
   }
-`,F=o.div`
+`,F=e.div`
   background: var(--bg-color-modal-overlay);
   position: fixed;
   width: 100vw;
@@ -28,11 +28,11 @@ import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Fragment as h,useState
   left: 0;
   top: 0;
   pointer-events: auto;
-`,I=o(w)`
+`,I=e(b)`
   position: absolute;
   right: var(--spacing-md);
   top: var(--spacing-md);
-`,B=o(x)`
+`,B=e(z)`
   display: flex;
   align-items: center;
   font-size: var(--h4-font-size);
@@ -41,4 +41,4 @@ import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Fragment as h,useState
   svg {
     margin-right: var(--spacing-xs);
   }
-`;export{q as SecurityModal};
+`;export{J as SecurityModal};

package/lib/components/ServerList/ServerList.js

@@ -1,4 +1,4 @@
-import{jsx as i,jsxs as t}from"react/jsx-runtime";import{CopyButton as v}from"@redocly/theme";import{PanelItemDescription as x,Title as f}from"../PanelItem/index.js";import{ViewNested as u}from"../ViewNested/index.js";import{Tag as y}from"../common/index.js";import{Markdown as w}from"../Markdown/index.js";import{styled as e}from"../../styled-components.js";const V=({servers:h,path:b,translate:r})=>i(j,{children:h.map(o=>{const a=o.url+b,d=Object.keys(o.variables||{}).length,p=d===1?"variable":"variables",l=`${d||""} ${r(`openapi.${p}`,p)}`;return t("div",{children:[i(x,{children:o.description}),t(k,{children:[i(f,{suppressHydrationWarning:!0,children:a}),i(v,{data:a},a)]}),o.variables&&i(u,{expandText:`${r("openapi.actions.show","Show")} ${l}`,hideText:`${r("openapi.actions.hide","Hide")} ${l}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:i(S,{children:Object.entries(o.variables||{}).map(([c,n])=>t(T,{children:[i(z,{children:c}),t(s,{children:[r("openapi.default","Default")," ",i(g,{children:n.default})]}),i($,{source:n.description}),n.enum&&t(s,{children:[r("openapi.enum","Enum")," ",i(D,{children:n.enum.map(m=>i(g,{children:m},m))})]})]},c))})})]},o.url)})}),j=e.div`
+import{jsx as i,jsxs as t}from"react/jsx-runtime";import{CopyButton as v}from"@redocly/theme/components/Buttons/CopyButton";import{PanelItemDescription as x,Title as f}from"../PanelItem/index.js";import{ViewNested as u}from"../ViewNested/index.js";import{Tag as y}from"../common/index.js";import{Markdown as w}from"../Markdown/index.js";import{styled as e}from"../../styled-components.js";const V=({servers:h,path:b,translate:r})=>i(j,{children:h.map(o=>{const a=o.url+b,d=Object.keys(o.variables||{}).length,p=d===1?"variable":"variables",l=`${d||""} ${r(`openapi.${p}`,p)}`;return t("div",{children:[i(x,{children:o.description}),t(k,{children:[i(f,{suppressHydrationWarning:!0,children:a}),i(v,{data:a},a)]}),o.variables&&i(u,{expandText:`${r("openapi.actions.show","Show")} ${l}`,hideText:`${r("openapi.actions.hide","Hide")} ${l}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:i(S,{children:Object.entries(o.variables||{}).map(([c,n])=>t(T,{children:[i(z,{children:c}),t(s,{children:[r("openapi.default","Default")," ",i(g,{children:n.default})]}),i($,{source:n.description}),n.enum&&t(s,{children:[r("openapi.enum","Enum")," ",i(D,{children:n.enum.map(m=>i(g,{children:m},m))})]})]},c))})})]},o.url)})}),j=e.div`
   & > div {
     border-bottom: 1px solid var(--border-color-secondary);
     margin-bottom: var(--spacing-xs);

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

@@ -1,4 +1,4 @@
-import type { TFunction } from '@redocly/theme';
+import type { TFunction } from '@redocly/theme/core/openapi';
 import type { OperationModel } from '../../models/index.js';
 export type ServerListProps = Pick<OperationModel, 'servers' | 'path'> & {
     translate: TFunction;

package/lib/components/ServerListDropdown/ServerListDropdown.js

@@ -1 +1 @@
-import{jsx as e,jsxs as v}from"react/jsx-runtime";import{useMemo as f,useCallback as l}from"react";import{Dropdown as S,DropdownMenu as w}from"@redocly/theme";import{useAtom as y,useAtomValue as g}from"jotai";import{HttpVerb as k}from"../common/index.js";import{PathWrapper as A,Path as b,StyledCopyButton as C,StyledDropdownMenuItem as P}from"./styled.js";import{PanelItem as j}from"../PanelItem/index.js";import{joinWithSeparator as x}from"../../services/index.js";import{replaceVariables as V}from"../../utils/index.js";import{environmentAtom as D}from"../../jotai/app.js";import{useActiveWithFallback as _,useTelemetry as E}from"../../hooks/index.js";import{getServerEnvName as p}from"../../utils/environments.js";import{createTargetServerSwitchEvent as M}from"../../events/index.js";import{globalStoreAtom as W}from"../../jotai/store.js";const Q=({operation:r,className:h})=>{const m=E(),[[d],i]=y(D),{options:{events:n}}=g(W),s=_(r.servers.map(t=>({...t,key:t.url})),d.server),c=l(t=>{t.stopPropagation()},[]),a=l(t=>()=>{if(r.servers.length!==1&&(i({environment:p(t)}),m.send({type:"openapi_docs.switch_servers.clicked",payload:{server:p(t)}}),n?.targetServerSwitch&&t)){const o=M({operation:r,serverUrl:t.url});n.targetServerSwitch(o)}},[r,i,m,n]),u=f(()=>r.servers.map(t=>{const o=x(V(t),r.path);return e(P,{onAction:a(t),children:e(j,{header:t.description,title:o,actions:[e(C,{data:o,toasterPlacement:"left",onCopyClick:c},o)],active:t.url===s,withCheckmark:!0})},o)}),[r.servers,r.path,a,c,s]);return e(S,{className:h,trigger:v(A,{variant:"ghost",children:[e(k,{color:r.httpVerb,children:r.httpVerb}),e(b,{children:r.path})]}),withArrow:!0,children:e(w,{children:u})})};export{Q as ServerListDropdown};
+import{jsx as e,jsxs as v}from"react/jsx-runtime";import{useMemo as f,useCallback as l}from"react";import{useAtom as S,useAtomValue as w}from"jotai";import{DropdownMenu as y}from"@redocly/theme/components/Dropdown/DropdownMenu";import{Dropdown as g}from"@redocly/theme/components/Dropdown/Dropdown";import{HttpVerb as k}from"../common/index.js";import{PathWrapper as A,Path as b,StyledCopyButton as C,StyledDropdownMenuItem as P}from"./styled.js";import{PanelItem as j}from"../PanelItem/index.js";import{joinWithSeparator as x}from"../../services/index.js";import{replaceVariables as V}from"../../utils/index.js";import{environmentAtom as D}from"../../jotai/app.js";import{useActiveWithFallback as _,useTelemetry as E}from"../../hooks/index.js";import{getServerEnvName as p}from"../../utils/environments.js";import{createTargetServerSwitchEvent as M}from"../../events/index.js";import{globalStoreAtom as W}from"../../jotai/store.js";const R=({operation:r,className:h})=>{const m=E(),[[d],i]=S(D),{options:{events:n}}=w(W),s=_(r.servers.map(t=>({...t,key:t.url})),d.server),c=l(t=>{t.stopPropagation()},[]),a=l(t=>()=>{if(r.servers.length!==1&&(i({environment:p(t)}),m.send({type:"openapi_docs.switch_servers.clicked",payload:{server:p(t)}}),n?.targetServerSwitch&&t)){const o=M({operation:r,serverUrl:t.url});n.targetServerSwitch(o)}},[r,i,m,n]),u=f(()=>r.servers.map(t=>{const o=x(V(t),r.path);return e(P,{onAction:a(t),children:e(j,{header:t.description,title:o,actions:[e(C,{data:o,toasterPlacement:"left",onCopyClick:c},o)],active:t.url===s,withCheckmark:!0})},o)}),[r.servers,r.path,a,c,s]);return e(g,{className:h,trigger:v(A,{variant:"ghost",children:[e(k,{color:r.httpVerb,children:r.httpVerb}),e(b,{children:r.path})]}),withArrow:!0,children:e(y,{children:u})})};export{R as ServerListDropdown};

package/lib/components/ServerListDropdown/styled.js

@@ -1,22 +1,22 @@
-import{breakpoints as o,Button as t,CopyButton as n,DropdownMenuItem as r}from"@redocly/theme";import{styled as e}from"../../styled-components.js";const p=e(t)`
+import{breakpoints as e}from"@redocly/theme/core/openapi";import{Button as t}from"@redocly/theme/components/Button/Button";import{CopyButton as r}from"@redocly/theme/components/Buttons/CopyButton";import{DropdownMenuItem as n}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{styled as o}from"../../styled-components.js";const d=o(t)`
   display: inline-flex;
   overflow-x: hidden;
   font-weight: var(--font-weight-regular);
-`,l=e.span`
+`,c=o.span`
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline-block;
   line-height: var(--line-height-base);
   font-size: var(--font-size-base);
-`,s=e(r)`
+`,m=o(n)`
   padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
     var(--spacing-lg);
-  @media screen and (max-width: ${o.large}) {
+  @media screen and (max-width: ${e.large}) {
     max-width: 280px;
   }
-`,d=e(n)`
+`,h=o(r)`
   :hover {
     background-color: var(--dropdown-menu-item-bg-color-hover);
   }
-`;export{l as Path,p as PathWrapper,d as StyledCopyButton,s as StyledDropdownMenuItem};
+`;export{c as Path,d as PathWrapper,h as StyledCopyButton,m as StyledDropdownMenuItem};

package/lib/components/SideMenu/SideMenu.js

@@ -1,3 +1,3 @@
-import{jsx as e}from"react/jsx-runtime";import{memo as t}from"react";import{Menu as n}from"@redocly/theme";import{useMenuItems as s}from"./hooks/useMenuItems.js";import{styled as i}from"../../styled-components.js";const p=({items:o,className:m})=>{const r=s({items:o});return e(u,{className:m,children:e(n,{items:r})})},l=t(p),u=i.div`
+import{jsx as e}from"react/jsx-runtime";import{memo as t}from"react";import{Menu as n}from"@redocly/theme/components/Menu/Menu";import{useMenuItems as s}from"./hooks/useMenuItems.js";import{styled as i}from"../../styled-components.js";const p=({items:o,className:m})=>{const r=s({items:o});return e(u,{className:m,children:e(n,{items:r})})},l=t(p),u=i.div`
   overflow: auto;
 `;export{u as MenuWrapper,l as SideMenu};

package/lib/components/SideMenu/hooks/useMenuItems.js

@@ -1 +1 @@
-import{useActiveSectionId as d}from"@redocly/theme";import{useMemo as b}from"react";import{useLocation as l}from"react-router-dom";import{pathMatchedLink as I}from"../../../utils/index.js";import{DEFAULT_WEBHOOKS_TAG_NAME as k}from"../../../constants.js";function W({items:s}){const n=l(),t=d(n,!1,!1);return b(()=>A(s,t,n),[t,s,n])}function A(s,n="",t){const o=[];return m({contentItems:s,sidebarItems:o,activeItemId:n,location:t}),o}function f(s,n="",t){return s.href?n?s.id===n:I(t,s.href):!1}function h(s,n="",t){return(s.items||[]).some(r=>f(r,n,t)||h(r,n,t))}function m(s){const{contentItems:n,sidebarItems:t,activeItemId:o,location:r}=s;let c=!0;for(const e of n){const i=f(e,o,r),a=h(e,o,r);switch(e.type){case"group":t.push({type:"separator",label:e.name,active:i,hasActiveSubItem:a}),m({...s,contentItems:e.items,sidebarItems:t});break;case"tag":const p={type:"group",label:e.name,items:[],link:e.href,active:i,hasActiveSubItem:a,modified:!0};t.push(p),m({contentItems:e.items,sidebarItems:p.items||[],activeItemId:o,location:r});break;case"operation":case"schema":e.isWebhook&&c&&e.parent.name!==k&&(t.push({type:"separator",label:"Webhooks",variant:"secondary"}),c=!1),t.push({type:"link",label:e.name,httpVerb:e.type==="schema"?"schema":e.httpVerb,link:e.href,badges:e.badges,active:i,hasActiveSubItem:a,modified:!0,deprecated:e.deprecated});break;case"section":if(e.depth===-1)continue;const u={type:e.items.length?"group":"link",label:e.name,link:e.href,items:[],active:i,hasActiveSubItem:a,modified:!0};t.push(u),e.items.length&&m({contentItems:e.items,sidebarItems:u.items,activeItemId:o,location:r});break}}}export{W as useMenuItems};
+import{useMemo as d}from"react";import{useLocation as b}from"react-router-dom";import{useActiveSectionId as l}from"@redocly/theme/core/openapi";import{pathMatchedLink as I}from"../../../utils/index.js";import{DEFAULT_WEBHOOKS_TAG_NAME as k}from"../../../constants.js";function W({items:s}){const n=b(),t=l(n,!1,!1);return d(()=>A(s,t,n),[t,s,n])}function A(s,n="",t){const o=[];return m({contentItems:s,sidebarItems:o,activeItemId:n,location:t}),o}function f(s,n="",t){return s.href?n?s.id===n:I(t,s.href):!1}function h(s,n="",t){return(s.items||[]).some(r=>f(r,n,t)||h(r,n,t))}function m(s){const{contentItems:n,sidebarItems:t,activeItemId:o,location:r}=s;let c=!0;for(const e of n){const i=f(e,o,r),a=h(e,o,r);switch(e.type){case"group":t.push({type:"separator",label:e.name,active:i,hasActiveSubItem:a}),m({...s,contentItems:e.items,sidebarItems:t});break;case"tag":const p={type:"group",label:e.name,items:[],link:e.href,active:i,hasActiveSubItem:a,modified:!0};t.push(p),m({contentItems:e.items,sidebarItems:p.items||[],activeItemId:o,location:r});break;case"operation":case"schema":e.isWebhook&&c&&e.parent.name!==k&&(t.push({type:"separator",label:"Webhooks",variant:"secondary"}),c=!1),t.push({type:"link",label:e.name,httpVerb:e.type==="schema"?"schema":e.httpVerb,link:e.href,badges:e.badges,active:i,hasActiveSubItem:a,modified:!0,deprecated:e.deprecated});break;case"section":if(e.depth===-1)continue;const u={type:e.items.length?"group":"link",label:e.name,link:e.href,items:[],active:i,hasActiveSubItem:a,modified:!0};t.push(u),e.items.length&&m({contentItems:e.items,sidebarItems:u.items,activeItemId:o,location:r});break}}}export{W as useMenuItems};

package/lib/components/StickySidebar/SidebarActions.js

@@ -1,5 +1,5 @@
-import{jsx as o,Fragment as n}from"react/jsx-runtime";import{useAtom as r}from"jotai";import{LayoutVariant as a,SidebarActions as c}from"@redocly/theme";import{collapsedSidebarAtom as d,layoutAtom as l}from"../../jotai/app.js";import{styled as p}from"../../styled-components.js";const g=()=>{const[t,e]=r(l),[i,s]=r(d);return o(n,{children:o(m,{children:o(c,{layout:t,onChangeViewClick:()=>e(t===a.STACKED?a.THREE_PANEL:a.STACKED),collapsedSidebar:i,onChangeCollapseSidebarClick:()=>s(!i),isApiDocs:!0})})})},m=p.div`
+import{jsx as o,Fragment as n}from"react/jsx-runtime";import{useAtom as i}from"jotai";import{LayoutVariant as a}from"@redocly/config";import{SidebarActions as c}from"@redocly/theme/components/SidebarActions/SidebarActions";import{collapsedSidebarAtom as m,layoutAtom as p}from"../../jotai/app.js";import{styled as d}from"../../styled-components.js";const y=()=>{const[r,e]=i(p),[t,s]=i(m);return o(n,{children:o(l,{children:o(c,{layout:r,onChangeViewClick:()=>e(r===a.STACKED?a.THREE_PANEL:a.STACKED),collapsedSidebar:t,onChangeCollapseSidebarClick:()=>s(!t),isApiDocs:!0})})})},l=d.div`
   position: sticky;
   top: calc(100vh);
   padding: var(--spacing-sm) var(--spacing-md);
-`;export{g as SidebarActions};
+`;export{y as SidebarActions};

package/lib/components/StickySidebar/StickyResponsiveSidebar.js

@@ -1,4 +1,4 @@
-import{jsx as n,jsxs as l,Fragment as f}from"react/jsx-runtime";import{memo as b,useEffect as h,useRef as u,useState as x}from"react";import{useMount as y,breakpoints as S}from"@redocly/theme";import{useAtom as v}from"jotai";import{useLocation as k}from"react-router-dom";import{isSidebarOpenedAtom as $}from"../../jotai/app.js";import{SidebarActions as g}from"./SidebarActions.js";import{styled as w}from"../../styled-components.js";const j=w.div`
+import{jsx as n,jsxs as l,Fragment as f}from"react/jsx-runtime";import{memo as b,useEffect as h,useRef as u,useState as x}from"react";import{useAtom as y}from"jotai";import{useLocation as S}from"react-router-dom";import{useMount as v,breakpoints as k}from"@redocly/theme/core/openapi";import{isSidebarOpenedAtom as $}from"../../jotai/app.js";import{SidebarActions as g}from"./SidebarActions.js";import{styled as w}from"../../styled-components.js";const j=w.div`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;
@@ -12,7 +12,7 @@ import{jsx as n,jsxs as l,Fragment as f}from"react/jsx-runtime";import{memo as b
   background: var(--sidebar-bg-color);
   border-right: ${({collapsedSidebar:e})=>e?"1px solid var(--sidebar-border-color)":"auto"};
 
-  @media screen and (min-width: ${S.small}) {
+  @media screen and (min-width: ${k.small}) {
     position: sticky;
     z-index: auto;
     width: ${({collapsedSidebar:e})=>e?"var(--sidebar-width)":"auto"};
@@ -21,4 +21,4 @@ import{jsx as n,jsxs as l,Fragment as f}from"react/jsx-runtime";import{memo as b
   @media print {
     display: none;
   }
-`;function O({scrollYOffset:e,className:a,children:d,collapsedSidebar:i}){const[t,p]=x("0px"),m=u(null),o=k(),[s,r]=v($);return h(()=>{o.hash&&r(!1)},[o.pathname,o.hash,r]),y(()=>{const c=e();p(`${c}px`)}),n(f,{children:l(j,{open:s,className:a,offsetTop:t,style:{top:t},ref:m,collapsedSidebar:i,children:[i||s?d:null,n(g,{})]})})}const I=b(O);export{I as StickyResponsiveSidebar};
+`;function O({scrollYOffset:e,className:a,children:d,collapsedSidebar:i}){const[t,p]=x("0px"),m=u(null),o=S(),[s,r]=y($);return h(()=>{o.hash&&r(!1)},[o.pathname,o.hash,r]),v(()=>{const c=e();p(`${c}px`)}),n(f,{children:l(j,{open:s,className:a,offsetTop:t,style:{top:t},ref:m,collapsedSidebar:i,children:[i||s?d:null,n(g,{})]})})}const I=b(O);export{I as StickyResponsiveSidebar};

package/lib/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import{jsx as e}from"react/jsx-runtime";import{css as t}from"styled-components";import{StatusCode as n}from"@redocly/theme";import{styled as i}from"../../styled-components.js";function g({tabs:o,onChange:a,activeTab:l}){return e(s,{children:o.map(r=>e(c,{$active:r.key===l?.key,onClick:()=>a(r),children:e(n,{status:r.key,children:r.title})},r.key))})}const s=i.ol`
+import{jsx as e}from"react/jsx-runtime";import{css as t}from"styled-components";import{StatusCode as n}from"@redocly/theme/components/StatusCode/StatusCode";import{styled as i}from"../../styled-components.js";function g({tabs:o,onChange:a,activeTab:l}){return e(s,{children:o.map(r=>e(c,{$active:r.key===l?.key,onClick:()=>a(r),children:e(n,{status:r.key,children:r.title})},r.key))})}const s=i.ol`
   display: flex;
   flex-wrap: wrap;
   list-style: none;

package/lib/components/Tabs/useTabsState.js

@@ -1 +1 @@
-import{useCallback as k,useState as m}from"react";import{useMount as n}from"@redocly/theme";function p({tabs:r,defaultTab:e,onChange:t}){const[s,o]=m(e||r[0].key);n(()=>{e&&(o(e),t?.(e))});const c=k(i=>{s!==i.key&&o(i.key),t?.(i.key)},[s,t]);return{activeTab:s,handleTabChange:c}}export{p as useTabsState};
+import{useCallback as k,useState as m}from"react";import{useMount as n}from"@redocly/theme/core/openapi";function p({tabs:r,defaultTab:e,onChange:t}){const[s,o]=m(e||r[0].key);n(()=>{e&&(o(e),t?.(e))});const c=k(i=>{s!==i.key&&o(i.key),t?.(i.key)},[s,t]);return{activeTab:s,handleTabChange:c}}export{p as useTabsState};

package/lib/components/TagItem/OperationNavigationItems.d.ts

@@ -1,4 +1,4 @@
-import type { TFunction } from '@redocly/theme';
+import type { TFunction } from '@redocly/theme/core/openapi';
 import type { OperationsNavigationProps } from './types.js';
 type OperationNavigationItemsProps = OperationsNavigationProps & {
     title: string;

package/lib/components/TagItem/OperationsNavigation.js

@@ -1,4 +1,4 @@
-import{jsx as h,jsxs as d}from"react/jsx-runtime";import{useMemo as w,memo as y,useState as S,useCallback as C}from"react";import{useNavigate as O}from"react-router-dom";import{LayoutVariant as A}from"@redocly/theme";import{useAtomValue as N}from"jotai/index";import{SamplesPanel as j}from"../common/index.js";import{layoutAtom as E}from"../../jotai/app.js";import{OperationNavigationItems as f}from"./OperationNavigationItems.js";import{StyledButton as W}from"./styled.js";import{useTranslate as B}from"../../hooks/index.js";import{styled as I}from"../../styled-components.js";const r=8;function P({items:l,routingBasePath:p}){const o=B(),[n,g]=S(!1),m=O(),k=N(E)===A.STACKED,{operations:a,webhooks:s,count:c}=w(()=>{const t=l.filter(e=>e.type==="operation"),x=n?t:t.slice(0,r),{operations:v,webhooks:b}=x.reduce((e,i)=>(i.isWebhook?e.webhooks.push(i):e.operations.push(i),e),{operations:[],webhooks:[]});return{operations:v,webhooks:b,count:!n&&t.length>r?t.length-r:0}},[n,l]),u=C(t=>m(t),[m]);return!a.length&&!s.length?null:d(T,{isStacked:k,"data-testid":"operation-navigation-list",children:[a.length>0&&h(f,{items:a,onClick:u,routingBasePath:p,translate:o,title:o("openapi.operations","Operations")}),s.length>0&&h(f,{items:s,onClick:u,routingBasePath:p,translate:o,title:o("openapi.webhooks","Webhooks")}),!n&&!!c&&d(W,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>g(!0),children:[o("openapi.actions.show","Show")," ",c," ",o("openapi.actions.more","more"),"..."]})]})}const H=y(P),T=I(j)`
+import{jsx as h,jsxs as d}from"react/jsx-runtime";import{useMemo as w,memo as y,useState as S,useCallback as C}from"react";import{useNavigate as O}from"react-router-dom";import{LayoutVariant as A}from"@redocly/config";import{useAtomValue as N}from"jotai/index";import{SamplesPanel as j}from"../common/index.js";import{layoutAtom as E}from"../../jotai/app.js";import{OperationNavigationItems as f}from"./OperationNavigationItems.js";import{StyledButton as W}from"./styled.js";import{useTranslate as B}from"../../hooks/index.js";import{styled as I}from"../../styled-components.js";const r=8;function P({items:l,routingBasePath:p}){const o=B(),[n,g]=S(!1),m=O(),k=N(E)===A.STACKED,{operations:a,webhooks:s,count:c}=w(()=>{const t=l.filter(e=>e.type==="operation"),x=n?t:t.slice(0,r),{operations:v,webhooks:b}=x.reduce((e,i)=>(i.isWebhook?e.webhooks.push(i):e.operations.push(i),e),{operations:[],webhooks:[]});return{operations:v,webhooks:b,count:!n&&t.length>r?t.length-r:0}},[n,l]),u=C(t=>m(t),[m]);return!a.length&&!s.length?null:d(T,{isStacked:k,"data-testid":"operation-navigation-list",children:[a.length>0&&h(f,{items:a,onClick:u,routingBasePath:p,translate:o,title:o("openapi.operations","Operations")}),s.length>0&&h(f,{items:s,onClick:u,routingBasePath:p,translate:o,title:o("openapi.webhooks","Webhooks")}),!n&&!!c&&d(W,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>g(!0),children:[o("openapi.actions.show","Show")," ",c," ",o("openapi.actions.more","more"),"..."]})]})}const H=y(P),T=I(j)`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);

package/lib/components/TagItem/TagItem.js

@@ -1,22 +1,22 @@
-import{jsx as n,jsxs as a}from"react/jsx-runtime";import{memo as h,useCallback as v}from"react";import{breakpoints as f,Button as x,H2 as b,LayoutVariant as k,LinkIcon as w}from"@redocly/theme";import{useNavigate as y}from"react-router-dom";import{useAtomValue as S}from"jotai";import{Row as C,SamplesMiddlePanel as j,ShareLink as T}from"../common/index.js";import{Markdown as $}from"../Markdown/index.js";import{OperationsNavigation as A}from"./OperationsNavigation.js";import{layoutAtom as I}from"../../jotai/app.js";import{useTranslate as L}from"../../hooks/index.js";import{styled as r}from"../../styled-components.js";function B({item:t,routingBasePath:o="",isExpanded:e}){const l=L(),{description:p,name:m,href:d}=t,s=y(),c=S(I),g=v(()=>{s(o+t.href)},[t.href,s,o]),i=!!t.items.length,u=c===k.STACKED;return a(H,{expanded:e,children:[a(C,{layout:c,children:[a(j,{fullWidth:!i,isStacked:u,children:[a(N,{children:[n(T,{to:d,"aria-label":`link to ${m}`}),m]}),n($,{source:p})]}),i&&n(A,{items:t.items,routingBasePath:o})]}),i&&!e&&a(M,{type:"button",variant:"text",size:"medium",onClick:g,children:["+ ",l("openapi.actions.show","Show")]})]})}const G=h(B),H=r.div`
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{memo as u,useCallback as h}from"react";import{useNavigate as v}from"react-router-dom";import{useAtomValue as x}from"jotai";import{LayoutVariant as b}from"@redocly/config";import{breakpoints as k}from"@redocly/theme/core/openapi";import{Button as w}from"@redocly/theme/components/Button/Button";import{H2 as y}from"@redocly/theme/components/Typography/H2";import{LinkIcon as S}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{Row as C,SamplesMiddlePanel as j,ShareLink as T}from"../common/index.js";import{Markdown as $}from"../Markdown/index.js";import{OperationsNavigation as A}from"./OperationsNavigation.js";import{layoutAtom as I}from"../../jotai/app.js";import{useTranslate as L}from"../../hooks/index.js";import{styled as n}from"../../styled-components.js";function B({item:o,routingBasePath:a="",isExpanded:m}){const l=L(),{description:p,name:e,href:d}=o,s=v(),c=x(I),g=h(()=>{s(a+o.href)},[o.href,s,a]),i=!!o.items.length,f=c===b.STACKED;return t(H,{expanded:m,children:[t(C,{layout:c,children:[t(j,{fullWidth:!i,isStacked:f,children:[t(N,{children:[r(T,{to:d,"aria-label":`link to ${e}`}),e]}),r($,{source:p})]}),i&&r(A,{items:o.items,routingBasePath:a})]}),i&&!m&&t(M,{type:"button",variant:"text",size:"medium",onClick:g,children:["+ ",l("openapi.actions.show","Show")]})]})}const U=u(B),H=n.div`
   padding-top: var(--spacing-lg);
-  padding-bottom: ${({expanded:t})=>t?"var(--spacing-xxl)":""};
-`,M=r(x)`
+  padding-bottom: ${({expanded:o})=>o?"var(--spacing-xxl)":""};
+`,M=n(w)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 
-  @media screen and (min-width: ${f.medium}) {
+  @media screen and (min-width: ${k.medium}) {
     --button-margin-md: calc(var(--spacing-xl) * 2);
 
     margin-left: var(--button-margin-md);
     margin-right: var(--button-margin-md);
     width: calc(100% - var(--button-margin-md) * 2);
   }
-`,N=r(b)`
+`,N=n(y)`
   :hover {
-    ${w} {
+    ${S} {
       opacity: 1;
       visibility: visible;
     }
   }
-`;export{G as TagItem,B as TagItemComponent};
+`;export{U as TagItem,B as TagItemComponent};

package/lib/components/TagItem/styled.js

@@ -1,4 +1,4 @@
-import{Button as t}from"@redocly/theme";import{styled as o}from"../../styled-components.js";const e=o(t)`
+import{Button as t}from"@redocly/theme/components/Button/Button";import{styled as o}from"../../styled-components.js";const e=o(t)`
   & + & {
     margin-left: 0;
   }

package/lib/components/ViewNested/ViewNested.js

@@ -1,4 +1,4 @@
-import{jsx as o,Fragment as l,jsxs as t}from"react/jsx-runtime";import{css as c}from"styled-components";import{memo as w,useEffect as $,useState as j}from"react";import{isUndefined as C}from"@redocly/theme";import{cycleColorsByLevel as N}from"../PropertyDetails/cycleColorsByLevel.js";import{CircleIcon as S}from"../PropertyDetails/PlusCircleIcon.js";import{LabelValue as V}from"../common/styled.js";import{styled as d}from"../../styled-components.js";function _({expandByDefault:e,level:g,expandable:h=!1,expandText:v,hideText:x,hideDivider:y=!1,children:i,expandedAll:a,isNestedArray:n}){const[r,p]=j((e||n)??!1);$(()=>{C(a)||p(a)},[a]);const s=r?N(g):void 0;if(!h)return i;const b=()=>{p(u=>!u)};return n?t(l,{children:[o(V,{children:"Array ["}),o(f,{$isArrayInsideArray:n,className:"view-nested-wrapper",children:o(m,{color:s,children:i})})]}):o(l,{children:t(f,{$divider:!y&&!r,className:"view-nested-wrapper",children:[t(k,{onClick:b,children:[o(S,{sign:r?"-":"+",color:s}),!r&&v,r&&(x||"")]}),r&&o(m,{color:s,children:i})]})})}const U=w(_),k=d.button`
+import{jsx as o,Fragment as l,jsxs as t}from"react/jsx-runtime";import{css as c}from"styled-components";import{memo as w,useEffect as $,useState as j}from"react";import{isUndefined as C}from"@redocly/theme/core/openapi";import{cycleColorsByLevel as N}from"../PropertyDetails/cycleColorsByLevel.js";import{CircleIcon as S}from"../PropertyDetails/PlusCircleIcon.js";import{LabelValue as V}from"../common/styled.js";import{styled as d}from"../../styled-components.js";function _({expandByDefault:e,level:g,expandable:h=!1,expandText:v,hideText:x,hideDivider:y=!1,children:i,expandedAll:a,isNestedArray:n}){const[r,p]=j((e||n)??!1);$(()=>{C(a)||p(a)},[a]);const s=r?N(g):void 0;if(!h)return i;const b=()=>{p(u=>!u)};return n?t(l,{children:[o(V,{children:"Array ["}),o(f,{$isArrayInsideArray:n,className:"view-nested-wrapper",children:o(m,{color:s,children:i})})]}):o(l,{children:t(f,{$divider:!y&&!r,className:"view-nested-wrapper",children:[t(k,{onClick:b,children:[o(S,{sign:r?"-":"+",color:s}),!r&&v,r&&(x||"")]}),r&&o(m,{color:s,children:i})]})})}const U=w(_),k=d.button`
   background: none;
   border: none;
   cursor: pointer;

package/lib/components/common/Badges.js

@@ -1,4 +1,4 @@
-import{Fragment as i,jsx as t,jsxs as l}from"react/jsx-runtime";import{memo as m}from"react";import{css as f}from"styled-components";import{Badge as g}from"@redocly/theme";import{styled as d}from"../../styled-components.js";function p({badges:e,children:s}){if(!e)return t(i,{children:s});const n=e.filter(({position:r})=>r==="before"),c=e.filter(({position:r})=>r==="after");return l(i,{children:[n.map(({name:r,color:o})=>t(a,{color:o,children:r},r)),s,c.map(({name:r,color:o})=>t(a,{color:o,children:r},r))]})}const B=m(p),a=d(g)`
+import{Fragment as i,jsx as t,jsxs as l}from"react/jsx-runtime";import{memo as m}from"react";import{css as f}from"styled-components";import{Badge as g}from"@redocly/theme/components/Badge/Badge";import{styled as d}from"../../styled-components.js";function p({badges:e,children:s}){if(!e)return t(i,{children:s});const n=e.filter(({position:r})=>r==="before"),c=e.filter(({position:r})=>r==="after");return l(i,{children:[n.map(({name:r,color:o})=>t(a,{color:o,children:r},r)),s,c.map(({name:r,color:o})=>t(a,{color:o,children:r},r))]})}const B=m(p),a=d(g)`
   margin-left: 0;
   background-color: ${({color:e})=>e||"var(--color-info-base)"};
   ${({deprecated:e})=>e&&f`

package/lib/components/common/BodyContent/BodyContent.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as n,Fragment as x}from"react/jsx-runtime";import{memo as u}from"react";import{useAtom as b}from"jotai";import{LinkIcon as w}from"@redocly/theme";import{Dropdown as M}from"../Dropdown/index.js";import{RequiredLabel as T}from"../Fields/index.js";import{ConstraintsView as j}from"../ConstraintsView.js";import{Schema as k}from"../../Schema/index.js";import{getActiveMediaType as C}from"../../../models/index.js";import{Markdown as z}from"../../Markdown/index.js";import{activeMimeNameAtom as A}from"../../../jotai/app.js";import{LinkToField as q}from"../LinkToField.js";import{useTranslate as B}from"../../../hooks/index.js";import{styled as s}from"../../../styled-components.js";function F({required:m,skipReadOnly:p,skipWriteOnly:l,description:c,content:t,deepLink:r}){const a=B(),[g,f]=b(A);if(!t)return null;const{schema:i,examples:d,operation:h,name:v}=C(t,g),y=t.mediaTypes.map(({name:o})=>({label:o,value:o}));return n(x,{children:[n(O,{children:[r&&e(q,{to:r}),a("openapi.body","Body"),e(M,{options:y,value:v,triggerVariant:"ghost",triggerSize:"large",onChange:({value:o})=>f(o)})]}),m&&e(T,{children:a("openapi.badges.required","required")}),e(N,{source:c}),i?.type==="object"&&i?.constraints&&e(j,{constraints:i?.constraints||[]}),e(k,{skipReadOnly:p,skipWriteOnly:l,schema:i,examples:d,operation:h,level:1,disableDeepLinks:!r},"schema")]})}const P=u(F),N=s(z)`
+import{jsx as e,jsxs as n,Fragment as x}from"react/jsx-runtime";import{memo as u}from"react";import{useAtom as b}from"jotai";import{LinkIcon as w}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{Dropdown as M}from"../Dropdown/index.js";import{RequiredLabel as T}from"../Fields/index.js";import{ConstraintsView as j}from"../ConstraintsView.js";import{Schema as k}from"../../Schema/index.js";import{getActiveMediaType as C}from"../../../models/index.js";import{Markdown as z}from"../../Markdown/index.js";import{activeMimeNameAtom as A}from"../../../jotai/app.js";import{LinkToField as q}from"../LinkToField.js";import{useTranslate as B}from"../../../hooks/index.js";import{styled as s}from"../../../styled-components.js";function F({required:m,skipReadOnly:p,skipWriteOnly:l,description:c,content:t,deepLink:r}){const a=B(),[g,f]=b(A);if(!t)return null;const{schema:i,examples:d,operation:h,name:v}=C(t,g),y=t.mediaTypes.map(({name:o})=>({label:o,value:o}));return n(x,{children:[n(O,{children:[r&&e(q,{to:r}),a("openapi.body","Body"),e(M,{options:y,value:v,triggerVariant:"ghost",triggerSize:"large",onChange:({value:o})=>f(o)})]}),m&&e(T,{children:a("openapi.badges.required","required")}),e(N,{source:c}),i?.type==="object"&&i?.constraints&&e(j,{constraints:i?.constraints||[]}),e(k,{skipReadOnly:p,skipWriteOnly:l,schema:i,examples:d,operation:h,level:1,disableDeepLinks:!r},"schema")]})}const P=u(F),N=s(z)`
   margin: var(--spacing-xxs) 0 0;
 `,O=s.span`
   position: relative;

package/lib/components/common/CodeBlockPanel.js

@@ -1,5 +1,5 @@
-import{Panel as o,PanelBody as a}from"@redocly/theme";import{styled as e}from"../../styled-components.js";const d=e(o)`
-  ${a} {
+import{Panel as o}from"@redocly/theme/components/Panel/Panel";import{PanelBody as r}from"@redocly/theme/components/Panel/PanelBody";import{styled as m}from"../../styled-components.js";const p=m(o)`
+  ${r} {
     padding: var(--spacing-sm) 0 0;
   }
-`;export{d as CodeBlockPanel};
+`;export{p as CodeBlockPanel};

package/lib/components/common/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import type { SelectOption } from '@redocly/theme';
+import type { SelectOption } from '@redocly/theme/core/openapi';
 export interface DropdownProps<T> {
     value: T;
     onChange: ({ label, value }: SelectOption<T>) => void;

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

@@ -1,8 +1,8 @@
-import{jsx as n}from"react/jsx-runtime";import{Dropdown as c,typedMemo as m,CheckmarkIcon as g,DropdownMenu as h,DropdownMenuItem as p,Button as f}from"@redocly/theme";import{styled as i}from"../../../styled-components.js";function u({options:t,value:r,onChange:o,className:l,triggerVariant:s="outlined",triggerSize:d="small"}){const a=t.find(e=>e.value===r)?.label;return t.length===1?n(b,{children:a}):n(c,{className:l,trigger:n(f,{variant:s,size:d,type:"button",children:a}),withArrow:!0,children:n(h,{children:t.map(e=>n(w,{active:e.value===r,onAction:()=>o(e),suffix:e.value===r&&n(v,{}),children:e.label},e.label))})})}const k=m(u),v=i(g)`
+import{jsx as n}from"react/jsx-runtime";import{Dropdown as d}from"@redocly/theme/components/Dropdown/Dropdown";import{CheckmarkIcon as c}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";import{DropdownMenu as p}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as f}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{Button as g}from"@redocly/theme/components/Button/Button";import{typedMemo as h}from"@redocly/theme/core/openapi";import{styled as o}from"../../../styled-components.js";function u({options:r,value:t,onChange:a,className:l,triggerVariant:m="outlined",triggerSize:s="small"}){const i=r.find(e=>e.value===t)?.label;return r.length===1?n(b,{children:i}):n(d,{className:l,trigger:n(g,{variant:m,size:s,type:"button",children:i}),withArrow:!0,children:n(p,{children:r.map(e=>n(w,{active:e.value===t,onAction:()=>a(e),suffix:e.value===t&&n(v,{}),children:e.label},e.label))})})}const C=h(u),v=o(c)`
   width: 16px;
   height: 16px;
   margin-left: auto;
-`,w=i(p)`
+`,w=o(f)`
   --dropdown-menu-item-justify-content: space-between;
 
   width: 100%;
@@ -12,7 +12,7 @@ import{jsx as n}from"react/jsx-runtime";import{Dropdown as c,typedMemo as m,Chec
   padding: var(--spacing-xxs) var(--spacing-sm);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-`,b=i.span`
+`,b=o.span`
   margin-right: var(--spacing-unit);
   cursor: default;
   background: none;
@@ -23,4 +23,4 @@ import{jsx as n}from"react/jsx-runtime";import{Dropdown as c,typedMemo as m,Chec
   line-height: var(--line-height-lg);
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
-`;export{k as Dropdown};
+`;export{C as Dropdown};

package/lib/components/common/ExpandableExample/ExpandableExample.js

@@ -1,4 +1,4 @@
-import{jsx as o,jsxs as p}from"react/jsx-runtime";import{Button as l}from"@redocly/theme";import{useMemo as m,useState as c}from"react";import{Markdown as d}from"../../Markdown/index.js";import{ExampleValue as x}from"../Fields/index.js";import{useTranslate as E}from"../../../hooks/index.js";import{styled as a}from"../../../styled-components.js";const f=150;function A({value:e}){const s=E(),[n,i]=c(!1),t=m(()=>e.slice(0,f),[e]),r=()=>{i(!n)};return p(u,{children:[o(d,{source:n?e:t}),(e!==t||n)&&o(h,{children:o(l,{variant:"link",size:"small",onClick:r,children:n?s("openapi.hideExample","Hide example"):s("openapi.showExample","Show example")})})]})}const u=a(x)`
+import{jsx as o,jsxs as p}from"react/jsx-runtime";import{useMemo as l,useState as m}from"react";import{Button as c}from"@redocly/theme/components/Button/Button";import{Markdown as d}from"../../Markdown/index.js";import{ExampleValue as x}from"../Fields/index.js";import{useTranslate as E}from"../../../hooks/index.js";import{styled as a}from"../../../styled-components.js";const f=150;function A({value:e}){const s=E(),[n,i]=m(!1),t=l(()=>e.slice(0,f),[e]),r=()=>{i(!n)};return p(u,{children:[o(d,{source:n?e:t}),(e!==t||n)&&o(h,{children:o(c,{variant:"link",size:"small",onClick:r,children:n?s("openapi.hideExample","Hide example"):s("openapi.showExample","Show example")})})]})}const u=a(x)`
   display: inline;
 
   & * {

package/lib/components/common/Extensions.js

@@ -1,3 +1,3 @@
-import{jsxs as t,jsx as n}from"react/jsx-runtime";import{memo as i}from"react";import{useAtomValue as m}from"jotai";import{Markdown as p}from"@redocly/theme";import{ExtensionValue as e,FieldLabel as l}from"./index.js";import{globalOptionsAtom as a}from"../../jotai/store.js";import{styled as f}from"../../styled-components.js";const c=f(p)`
+import{jsxs as t,jsx as n}from"react/jsx-runtime";import{memo as i}from"react";import{useAtomValue as m}from"jotai";import{Markdown as p}from"@redocly/theme/components/Markdown/Markdown";import{ExtensionValue as e,FieldLabel as l}from"./index.js";import{globalOptionsAtom as a}from"../../jotai/store.js";import{styled as f}from"../../styled-components.js";const c=f(p)`
   margin: 2px 0;
 `;function d({extensions:r}){const{showExtensions:s}=m(a);return s?n("div",{children:Object.keys(r).map(o=>t(c,{children:[t(l,{children:[o.substring(2),": "]})," ",n(e,{children:typeof r[o]=="string"?r[o]:JSON.stringify(r[o])})]},o))}):null}const w=i(d);export{w as Extensions};

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

@@ -1,4 +1,4 @@
-import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/theme";import{typography as n}from"../../../utils/index.js";import{deprecatedCss as l}from"../mixins.js";import{styled as a}from"../../../styled-components.js";const p=o=>typeof document<"u"?getComputedStyle(document.documentElement).getPropertyValue(o).trim():"",h=a.caption`
+import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/theme/core/openapi";import{typography as n}from"../../../utils/index.js";import{deprecatedCss as l}from"../mixins.js";import{styled as a}from"../../../styled-components.js";const p=o=>typeof document<"u"?getComputedStyle(document.documentElement).getPropertyValue(o).trim():"",h=a.caption`
   text-align: right;
   font-size: 0.9em;
   font-weight: normal;

package/lib/components/common/Fields/fields.js

@@ -1,4 +1,4 @@
-import{Button as t}from"@redocly/theme";import{styled as r}from"../../../styled-components.js";const o=r.span`
+import{Button as t}from"@redocly/theme/components/Button/Button";import{styled as r}from"../../../styled-components.js";const o=r.span`
   vertical-align: middle;
   line-height: var(--schema-labels-line-height);
   font-size: var(--schema-property-labels-font-size);

package/lib/components/common/LinkToField.js

@@ -1,4 +1,4 @@
-import{jsx as c}from"react/jsx-runtime";import{css as p}from"styled-components";import{useLocation as l}from"react-router-dom";import{LinkIcon as r}from"@redocly/theme";import{encodeBackSlashes as m}from"../../utils/string.js";import{constructFieldDeepFragment as d,joinWithSeparator as n}from"../../services/history/helpers.js";import{ShareLink as f}from"./linkify.js";import{styled as h}from"../../styled-components.js";function F(i,s){const o=i.deps.operation,e=d(i,s);if(!o?.id&&!o.isCallback)return"#"+e.toLowerCase();const t=n(o.href,n(o.id,e),"#");return m(t.toLowerCase())}const S=({to:i,className:s})=>{const o=i,e=l(),t=o?.split("#")[1],a=e?e.hash===`#${t}`:!1;return c(k,{ariaLabel:`link  to ${o}`,className:s,isActive:a,to:o,id:t})},k=h(f)`
+import{jsx as c}from"react/jsx-runtime";import{css as p}from"styled-components";import{useLocation as l}from"react-router-dom";import{LinkIcon as r}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{encodeBackSlashes as m}from"../../utils/string.js";import{constructFieldDeepFragment as d,joinWithSeparator as n}from"../../services/history/helpers.js";import{ShareLink as f}from"./linkify.js";import{styled as h}from"../../styled-components.js";function F(i,s){const o=i.deps.operation,e=d(i,s);if(!o?.id&&!o.isCallback)return"#"+e.toLowerCase();const t=n(o.href,n(o.id,e),"#");return m(t.toLowerCase())}const S=({to:i,className:s})=>{const o=i,e=l(),t=o?.split("#")[1],a=e?e.hash===`#${t}`:!1;return c(k,{ariaLabel:`link  to ${o}`,className:s,isActive:a,to:o,id:t})},k=h(f)`
   display: flex;
   ${r} {
     visibility: hidden;

package/lib/components/common/OperationItemTitle.js

@@ -1,4 +1,4 @@
-import{LinkIcon as i,H2 as t}from"@redocly/theme";import{styled as e}from"../../styled-components.js";const r=e.h4`
+import{LinkIcon as i}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{H2 as e}from"@redocly/theme/components/Typography/H2";import{styled as t}from"../../styled-components.js";const a=t.h4`
   font-size: var(--h4-font-size);
   font-weight: var(--h4-font-weight);
   line-height: var(--h4-line-height);
@@ -16,7 +16,7 @@ import{LinkIcon as i,H2 as t}from"@redocly/theme";import{styled as e}from"../../
       visibility: visible;
     }
   }
-`,a=e(t)`
+`,l=t(e)`
   position: relative;
   display: flex;
   align-items: center;
@@ -29,4 +29,4 @@ import{LinkIcon as i,H2 as t}from"@redocly/theme";import{styled as e}from"../../
       visibility: visible;
     }
   }
-`;export{a as Heading,r as Title};
+`;export{l as Heading,a as Title};

package/lib/components/common/SchemaSelection/SchemaSelection.d.ts

@@ -1,4 +1,4 @@
-import type { SelectOption } from '@redocly/theme';
+import type { SelectOption } from '@redocly/theme/core/openapi';
 import type { SchemaModel } from '../../../models/index.js';
 interface SchemaSelectionProps {
     options: SelectOption<number>[];

package/lib/components/common/SchemaSelection/SchemaSelection.js

@@ -1 +1 @@
-import{jsx as u}from"react/jsx-runtime";import{useCallback as E,useEffect as I,useRef as T,useState as g}from"react";import{useAtom as h}from"jotai";import{Segmented as w,isUndefined as x}from"@redocly/theme";import{Dropdown as y}from"../Dropdown/index.js";import{operationStore as A}from"../../../jotai/operation.js";const b=5;function z({options:t,onChange:r,pointer:m,schema:n,defaultOneOfIdx:d}){const[p,c]=h(A(m)),S=p.activeOneOf[n.pointer]??d,o=t[S]?.value,[i,O]=g(!1),s=T(null);I(()=>{if(!s.current)return;const e=()=>{const v=s.current?.querySelectorAll('button[role="tab"]'),a=Array.from(v||[]).some(l=>l.offsetWidth<l.scrollWidth);a!==i&&O(a)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[i,t]);const f=E(({value:e})=>{e!==void 0&&(r?r(e):c({activeExampleName:n.oneOf?.[e]?.title,activeOneOf:{[n.pointer]:e},requestValues:{body:null}}))},[r,n.oneOf,n.pointer,c]);return x(o)?null:t.length>b||i?u(y,{options:t,value:o,onChange:f}):u(w,{ref:s,value:o,onChange:f,options:t,size:"small","data-testid":"segmented-schema"})}const q=z;export{q as SchemaSelection};
+import{jsx as m}from"react/jsx-runtime";import{useCallback as E,useEffect as I,useRef as T,useState as g}from"react";import{useAtom as h}from"jotai";import{Segmented as w}from"@redocly/theme/components/Segmented/Segmented";import{isUndefined as x}from"@redocly/theme/core/openapi";import{Dropdown as y}from"../Dropdown/index.js";import{operationStore as A}from"../../../jotai/operation.js";const b=5;function z({options:t,onChange:r,pointer:u,schema:n,defaultOneOfIdx:d}){const[p,c]=h(A(u)),S=p.activeOneOf[n.pointer]??d,o=t[S]?.value,[i,O]=g(!1),s=T(null);I(()=>{if(!s.current)return;const e=()=>{const v=s.current?.querySelectorAll('button[role="tab"]'),a=Array.from(v||[]).some(l=>l.offsetWidth<l.scrollWidth);a!==i&&O(a)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[i,t]);const f=E(({value:e})=>{e!==void 0&&(r?r(e):c({activeExampleName:n.oneOf?.[e]?.title,activeOneOf:{[n.pointer]:e},requestValues:{body:null}}))},[r,n.oneOf,n.pointer,c]);return x(o)?null:t.length>b||i?m(y,{options:t,value:o,onChange:f}):m(w,{ref:s,value:o,onChange:f,options:t,size:"small","data-testid":"segmented-schema"})}const D=z;export{D as SchemaSelection};

package/lib/components/common/Select/styled.js

@@ -1,4 +1,4 @@
-import{css as n}from"styled-components";import{ChevronDownIcon as t}from"@redocly/theme";import{Select as i}from"./Select.js";import{styled as e}from"../../../styled-components.js";const r=n`
+import{css as n}from"styled-components";import{ChevronDownIcon as t}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{Select as i}from"./Select.js";import{styled as e}from"../../../styled-components.js";const r=n`
   background-color: var(--panel-samples-dropdown-bg-color);
   border: var(--panel-samples-dropdown-border);
   color: var(--panel-samples-dropdown-color);