@redocly/openapi-docs 0.74.2-pingfed.3 → 0.81.2-rc.2

package/lib-esm/components/Callbacks/CallbackSummary.js

@@ -1,2 +1,19 @@
-import React from"react";import{PanelHeader}from"@redocly/theme";import{Trigger}from"../Panel";import{HttpVerb}from"../shared";import{ShelfIcon}from"../icons";import{l}from"../../services";import{shortenHTTPVerb}from"../../utils";import{Badge}from"../common";import{CallbackTitle}from"./styled";export function CallbackSummary({expanded:e=!1,toggle:r,operation:{name:t,httpVerb:a,deprecated:o}}){return React.createElement(PanelHeader,{expanded:e,onClick:r},React.createElement(Trigger,null,React.createElement(HttpVerb,{color:a},shortenHTTPVerb(a)),React.createElement(CallbackTitle,{deprecated:o},t),o?React.createElement(Badge,{deprecated:!0},l("deprecated")):null),React.createElement(ShelfIcon,{direction:e?"down":"right"}))}
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{PanelHeader,Badge}from"@redocly/theme";import styled from"styled-components";import{Trigger}from"../Panel";import{HttpVerb}from"../common";import{makeDeepLink}from"../../services";import{shortenHTTPVerb}from"../../utils";import{CallbackTitle}from"./styled";import{CircleIcon}from"../PropertyDetails/PlusCircleIcon";import{LinkToField}from"../common/LinkToField";export function CallbackSummary({expanded:e=!1,toggle:r,callback:{name:a,httpVerb:i,deprecated:o,callbackId:n,id:l}}){return _jsxs(CallbackHeader,{expanded:e,onClick:r,children:[_jsx(LinkToField,{to:makeDeepLink(l,`callbacks/${n}`)}),_jsxs(Trigger,{children:[_jsx(CircleIconWrap,{children:_jsx(CircleIcon,{sign:e?"-":"+"})}),_jsx(CallbackTitle,{deprecated:o,children:a}),_jsx(HttpVerb,{color:i,children:shortenHTTPVerb(i)}),o?_jsx(Badge,{deprecated:!0,children:"Deprecated"}):null]})]})}const CallbackHeader=styled(PanelHeader)`
+  padding: var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-unit) / 2);
+  margin: 0;
+  line-height: var(--line-height-base);
+  position: relative;
+`,CircleIconWrap=styled.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  gap: var(--spacing-xxs);
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-base);
+  line-height: var(--line-height-base);
+`;
 //# sourceMappingURL=CallbackSummary.js.map

package/lib-esm/components/Callbacks/CallbacksList.d.ts

@@ -1,6 +1,8 @@
-import React from 'react';
-import type { CallbackModel } from '../../models';
+/// <reference types="react" />
+import type { CallbackModel, OperationModel } from '../../models';
 export interface CallbacksListProps {
     callbacks: CallbackModel[];
+    onExpand: (a: OperationModel | null) => void;
+    selectedCallback: OperationModel | null;
 }
-export declare const CallbacksList: React.NamedExoticComponent<CallbacksListProps>;
+export declare const CallbacksList: import("react").NamedExoticComponent<CallbacksListProps>;

package/lib-esm/components/Callbacks/CallbacksList.js

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{CallbackOperation}from"./CallbackOperation";function CallbacksListComponent({callbacks:a}){return a&&0!==a.length?React.createElement("div",null,a.map((a=>a.operations.map((a=>React.createElement(CallbackOperation,{key:a.name,operation:a})))))):null}export const CallbacksList=memo(CallbacksListComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{CallbackOperation}from"./CallbackOperation";function CallbacksListComponent({callbacks:a,selectedCallback:o,onExpand:t}){if(!a||0===a.length)return null;const e=a=>{t(a)};return _jsx("div",{children:a.map((a=>a.operations.map((a=>_jsx(CallbackOperation,{operation:a,selectedCallback:o,onExpand:e},a.name)))))})}export const CallbacksList=memo(CallbacksListComponent);
 //# sourceMappingURL=CallbacksList.js.map

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

@@ -3,5 +3,6 @@ import{PanelHeaderTitle}from"@redocly/theme";import styled from"styled-component
   margin: 0 4px;
   vertical-align: middle;
   color: var(--panel-response-callback-heading-text-color);
+  font-weight: var(--font-weight-medium);
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { ContentItemModel } from '../../models';
+interface ContentProps {
+    items: ContentItemModel[];
+    routingBasePath: string;
+}
+export declare const Content: import("react").NamedExoticComponent<ContentProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useAutoScroll}from"./useAutoScroll";import{ContentItems}from"../ContentItems";function ContentComponent({routingBasePath:t,items:o}){return useAutoScroll(t),_jsx(ContentItems,{root:!0,items:o,routingBasePath:t})}export const Content=memo(ContentComponent);
+//# sourceMappingURL=Content.js.map

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

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

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

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

package/lib-esm/components/Content/useAutoScroll.d.ts

@@ -0,0 +1 @@
+export declare function useAutoScroll(routingBasePath: string): void;

package/lib-esm/components/Content/useAutoScroll.js

@@ -0,0 +1,2 @@
+import{useLocation}from"react-router-dom";import{useEffect,useLayoutEffect}from"react";import{addTrailingSlash,addLeadingSlash,IS_BROWSER,useActiveSectionId}from"@redocly/theme";import{compose,encodeBackSlashes,normalizePath}from"../../utils";let initialPageLoad=!0;export function useAutoScroll(e){const o=useLocation(),a=addTrailingSlash(e)||"/";useLayoutEffect((()=>{if(o.pathname===a&&""===o.hash)window.scrollTo(0,0);else{const e=o.hash.replace("#","").toLowerCase()||normalizePath(o.pathname).replace(a,""),t=document.getElementById(decodeURIComponent(e));t&&t.scrollIntoView()}}),[o,a]);const t=useActiveSectionId(o,!1,!1);useEffect((()=>{if(t&&initialPageLoad)initialPageLoad=!1;else if(IS_BROWSER&&!window.location.pathname.includes(t)&&!window.location.hash.includes(t)){const e=compose(addLeadingSlash,encodeBackSlashes)(t);window.history.replaceState({},"",e)}}),[t])}
+//# sourceMappingURL=useAutoScroll.js.map

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentItemProps {
     item: ContentItemModel;
-    withChildren?: boolean;
+    routingBasePath: string;
 }
-export declare const ContentItem: React.NamedExoticComponent<ContentItemProps>;
+export declare const ContentItem: import("react").NamedExoticComponent<ContentItemProps>;
 export {};

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

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{TagItem}from"../TagItem";import{SectionItem}from"../SectionItem";import{OperationItem}from"../OperationItem";import{Section}from"../common";import{ContentItems}from"../ContentItems";import{ApiInfo}from"../ApiInfo";import{isRootItem}from"../ContentItems/helpers";const ContentComponentMap={group:null,tag:TagItem,section:SectionItem,schema:TagItem,operation:OperationItem,root:ApiInfo};function ContentItemComponent({item:t,withChildren:e=!0}){var o;const n=ContentComponentMap[isRootItem(t)?"root":t.type];return React.createElement(React.Fragment,null,n&&React.createElement(Section,{id:t.id,sectionId:t.id,underlined:"operation"===t.type||"schema"===t.type},React.createElement(n,{item:t})),e&&Boolean(null===(o=t.items)||void 0===o?void 0:o.length)&&React.createElement(ContentItems,{items:t.items}))}export const ContentItem=memo(ContentItemComponent);
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{joinWithSeparator}from"../../services";import{TagItem}from"../TagItem";import{SectionItem}from"../SectionItem";import{OperationItem}from"../OperationItem";import{Section}from"../common";import{ContentItems}from"../ContentItems";import{ApiInfo}from"../ApiInfo";import{isRootItem}from"../ContentItems/helpers";import{useIsExpanded}from"./useIsExpanded";const ContentComponentMap={group:null,tag:TagItem,section:SectionItem,schema:TagItem,operation:OperationItem,root:ApiInfo};function ContentItemComponent({item:t,routingBasePath:e}){var o;const n=ContentComponentMap[isRootItem(t)?"root":t.type],m="tag"===t.type&&t.items.length>0,i=useIsExpanded({item:t,routingBasePath:e});return _jsxs(_Fragment,{children:[n&&_jsx(Section,{id:t.id,sectionId:joinWithSeparator(e,t.id),underlined:"operation"===t.type||"schema"===t.type,expanded:m&&!i,children:_jsx(n,{item:t,routingBasePath:e,isExpanded:i})}),(i||"tag"!==t.type)&&Boolean(null===(o=t.items)||void 0===o?void 0:o.length)&&_jsx(ContentItems,{items:t.items,routingBasePath:e})]})}export const ContentItem=memo(ContentItemComponent);
 //# sourceMappingURL=ContentItem.js.map

package/lib-esm/components/ContentItem/useIsExpanded.d.ts

@@ -0,0 +1,5 @@
+import type { ContentItemModel } from '../../models';
+export declare function useIsExpanded({ item, routingBasePath, }: {
+    item: ContentItemModel;
+    routingBasePath: string;
+}): boolean;

package/lib-esm/components/ContentItem/useIsExpanded.js

@@ -0,0 +1,2 @@
+import{useMemo}from"react";import{useLocation}from"react-router-dom";import{normalizePath}from"../../utils";export function useIsExpanded({item:e,routingBasePath:o}){const t=useLocation(),r=useMemo((()=>decodeURIComponent(normalizePath(t.pathname.replace(o,"")))),[t.pathname,o]);if("tag"!==e.type)return!1;return[e.href,...e.items.map((e=>e.href))].some((e=>[e,decodeURIComponent(e)].includes(r)))}
+//# sourceMappingURL=useIsExpanded.js.map

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

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentItemsProps {
     root?: boolean;
     items: ContentItemModel[];
+    routingBasePath: string;
 }
-declare function ContentItemsComponent({ items, root }: ContentItemsProps): JSX.Element | null;
-export declare const ContentItems: React.MemoExoticComponent<typeof ContentItemsComponent>;
+export declare const ContentItems: import("react").NamedExoticComponent<ContentItemsProps>;
 export {};

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

@@ -1,2 +1,2 @@
-import React,{memo,useMemo,useState,useEffect,useCallback}from"react";import{Navigate,Route,Routes}from"react-router-dom";import{useAtomValue}from"jotai";import{Pagination}from"../../services";import{IS_BROWSER,normalizeRoutePath}from"../../utils";import{Skeleton}from"../common";import{getFirstPageLink,getItemsByType,getNextSectionLink}from"./helpers";import{SectionContent}from"../SectionContent";import{TagItems}from"../TagItems";import{useAutoScroll}from"./useAutoScroll";import{ContentItem}from"../ContentItem";import{globalOptionsAtom}from"../../jotai/store";import{versionPathAtom,flatMenuItemsAtom}from"../../jotai/app";let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1}){const{pagination:n,showNextButton:o,disablePaginationLoadingAnimation:a}=useAtomValue(globalOptionsAtom),[m,i]=useState(IS_BROWSER&&!isInitialHydrate&&!a),l=useAtomValue(versionPathAtom),r=useAtomValue(flatMenuItemsAtom);useEffect((()=>{const e=setTimeout((()=>{i(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),useAutoScroll(m);const c=l?`/${l}/`:"/",{groupItems:s,tagItems:u,operationItems:p,rootItem:g}=getItemsByType(e),R=!t||g?c:getFirstPageLink(e,c),I=useCallback((e=>null==e?void 0:e.map((e=>{var t;const a=getNextSectionLink({flatItems:r,item:e});switch(n){case Pagination.Item:return React.createElement(Route,{key:e.id,path:e.id},React.createElement(Route,{index:!0,element:"operation"===e.type?React.createElement(ContentItem,{key:e.id,item:e}):React.createElement(TagItems,{tag:e,nextSectionLink:a,pagination:n,showNextButton:o})}),null===(t=e.items)||void 0===t?void 0:t.map((e=>React.createElement(Route,{key:e.id,path:normalizeRoutePath(e.id),element:React.createElement(TagItems,{tag:e,nextSectionLink:getNextSectionLink({flatItems:r,item:e}),pagination:n,showNextButton:o})}))));case Pagination.Section:return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:a,pagination:n,showNextButton:o})});default:return null}}))),[r,n,o]),f=useMemo((()=>React.createElement(Routes,null,g&&React.createElement(Route,{path:g.href||c,element:React.createElement(SectionContent,{items:e,nextSectionLink:getNextSectionLink({flatItems:r,item:g}),pagination:n,showNextButton:o})}),s.length?s.map((e=>I(e.items))):I(u),p.length&&I(p),React.createElement(Route,{path:"*",element:React.createElement(Navigate,{to:R,replace:!0})}))),[g,c,e,r,n,o,s,I,u,p,R]);return t&&!e.length?React.createElement(Routes,null,React.createElement(Route,{path:"*",element:React.createElement(SectionContent,{items:e,pagination:n,showNextButton:!1})})):e.length?m?React.createElement("div",{style:{flex:1,width:"100%"}},React.createElement(Skeleton,null)):React.createElement(React.Fragment,null,t?React.createElement(React.Fragment,null,f,n===Pagination.Section&&!!p.length&&p.map((e=>React.createElement(ContentItem,{key:e.id,item:e})))):e.map((e=>React.createElement(ContentItem,{key:e.id,item:e})))):null}export const ContentItems=memo(ContentItemsComponent);
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useMemo}from"react";import{Navigate,Route,Routes}from"react-router-dom";import{getFirstPageLink,getItemsByType}from"./helpers";import{SectionContent}from"../SectionContent";import{ContentItem}from"../ContentItem";function ContentItemsComponent({items:t,root:e=!1,routingBasePath:o}){const n="/",{rootItem:m}=getItemsByType(t),s=!e||m?n:getFirstPageLink(t,n),r=useMemo((()=>_jsxs(Routes,{children:[m&&_jsx(Route,{path:`${m.href||n}*`,element:_jsx(SectionContent,{items:t})}),_jsx(Route,{path:"*",element:_jsx(Navigate,{to:s,replace:!0})})]})),[m,n,t,s]);return e&&!t.length?_jsx(Routes,{children:_jsx(Route,{path:"*",element:_jsx(SectionContent,{items:t})})}):t.length?_jsx(_Fragment,{children:e?r:t.map((t=>_jsx(ContentItem,{item:t,routingBasePath:o},t.id)))}):null}export const ContentItems=memo(ContentItemsComponent);
 //# sourceMappingURL=ContentItems.js.map

package/lib-esm/components/ContentItems/helpers.d.ts

@@ -1,13 +1,5 @@
 import type { IMenuItem } from '../../services/types';
 import type { ContentItemModel } from '../../models';
-import type { MenuLink } from '../../types';
-export declare function getNextSectionLink({ flatItems, item }: {
-    flatItems: MenuLink[];
-    item: any;
-}): {
-    href: string;
-    name: string;
-} | undefined;
 export declare function isRootItem(item: ContentItemModel | IMenuItem): boolean;
 export declare function getItemsByType(items: ContentItemModel[]): {
     groupItems: ContentItemModel[];

package/lib-esm/components/ContentItems/helpers.js

@@ -1,2 +1,2 @@
-import{normalizePath}from"../../utils";export function getNextSectionLink({flatItems:e,item:t}){const r=e.findIndex((({id:e})=>e===t.id)),{href:i,id:o,name:n}=e[r+1]||{};if(i&&o)return{href:i,name:n}}export function isRootItem(e){return"section"===e.type&&""===e.id}export function getItemsByType(e){const t=[],r=[],i=[];let o;for(const n of e)switch(n.type){case"group":t.push(n);break;case"tag":r.push(n);break;case"operation":i.push(n);break;case"section":isRootItem(n)&&(o=n)}return{groupItems:t,tagItems:r,operationItems:i,rootItem:o}}export function getFirstPageLink(e,t){for(const r of e){if("group"===r.type)return getFirstPageLink(r.items,t);if("tag"===r.type){if(!r.description)return normalizePath(getFirstPageLink(r.items,t));if(r.href)return normalizePath(r.href)}else if("operation"===r.type||"schema"===r.type)return normalizePath(r.href)}return t}
+import{normalizePath}from"../../utils";export function isRootItem(t){return"section"===t.type&&""===t.id}export function getItemsByType(t){const e=[],r=[],o=[];let i;for(const n of t)switch(n.type){case"group":e.push(n);break;case"tag":r.push(n);break;case"operation":o.push(n);break;case"section":isRootItem(n)&&(i=n)}return{groupItems:e,tagItems:r,operationItems:o,rootItem:i}}export function getFirstPageLink(t,e){for(const r of t){if("group"===r.type)return getFirstPageLink(r.items,e);if("tag"===r.type){if(!r.description)return normalizePath(getFirstPageLink(r.items,e));if(r.href)return normalizePath(r.href)}else if("operation"===r.type||"schema"===r.type)return normalizePath(r.href)}return e}
 //# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { SchemaModel } from '../../models';
+interface DiscriminatorDropdownProps {
+    activeOneOfIdx: number;
+    parent: SchemaModel;
+    onChange?: (idx: number) => void;
+}
+export declare const Discriminator: import("react").NamedExoticComponent<DiscriminatorDropdownProps>;
+export {};

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

@@ -0,0 +1,6 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useMemo}from"react";import styled from"styled-components";import{strikethroughText}from"../../utils";import{SchemaSelection}from"../common/SchemaSelection";import{SelectionTitle}from"../common";function DiscriminatorDropdownComponent({activeOneOfIdx:e,parent:o,onChange:t}){const i=useMemo((()=>(o.oneOf||[]).map(((e,o)=>({label:e.schema.deprecated?`${strikethroughText(e.title)} (deprecated)`:e.title,value:o})))),[o.oneOf]);return void 0===o.oneOf?null:_jsxs(Wrapper,{children:[_jsx(SelectionTitle,{children:"Discriminator"}),_jsx(SchemaSelection,{options:i,pointer:o.operationPointer,onChange:t,schema:o,defaultOneOfIdx:e})]})}export const Discriminator=memo(DiscriminatorDropdownComponent);const Wrapper=styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`;
+//# sourceMappingURL=Discriminator.js.map

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

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

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

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

package/lib-esm/components/Download/DownloadSpecification.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+declare function DownloadSpecificationComponent(): ReactElement;
+export declare const DownloadSpecification: import("react").MemoExoticComponent<typeof DownloadSpecificationComponent>;
+export {};

package/lib-esm/components/Download/DownloadSpecification.js

@@ -0,0 +1,40 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{DownloadIcon,DocumentIcon,JsonIcon,Button,FileIcon}from"@redocly/theme";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreAtom}from"../../jotai/store";function DownloadSpecificationComponent(){const{options:o}=useAtomValue(globalStoreAtom),e=useDownloadInfo({downloadUrls:o.downloadUrls}),t=useCallback((o=>{switch(o){case"yaml":return _jsx(DocumentIcon,{});case"json":return _jsx(JsonIcon,{});default:return _jsx(FileIcon,{})}}),[]);return e?_jsx(Wrapper,{children:(e||[]).map((({title:o,url:e,iconType:n})=>_jsxs(Card,{children:[_jsxs(FileName,{children:[t(n),_jsx("a",{href:e,target:"_blank",download:!0,rel:"noreferrer",children:o})]}),_jsx("a",{href:e,target:"_blank",download:!0,rel:"noreferrer",children:_jsx(Button,{variant:"text",size:"small",icon:_jsx(DownloadIcon,{})})})]},o)))}):_jsx(_Fragment,{})}export const DownloadSpecification=memo(DownloadSpecificationComponent);const Card=styled.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  width: 100%;
+
+  border-bottom: 1px solid var(--border-color-secondary);
+  padding-bottom: var(--spacing-sm);
+  :last-of-type {
+    padding-bottom: 0px;
+    border-bottom: none;
+  }
+`,FileName=styled.span`
+  display: flex;
+  width: calc(100% - 25px);
+  gap: var(--spacing-xs);
+  align-items: center;
+
+  svg {
+    flex-shrink: 0;
+  }
+  a {
+    width: 100%;
+    color: var(--text-color-primary);
+    word-break: break-word;
+    text-decoration: none;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+`,Wrapper=styled.div`
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  justify-content: space-between;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  font-size: var(--font-size-base);
+`;
+//# sourceMappingURL=DownloadSpecification.js.map

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

@@ -1,3 +1 @@
-export { DownloadButtonWithLabel } from './DownloadButtonWithLabel';
-export { DownloadLink } from './DownloadLink';
-export type { FileInfo } from './types';
+export { DownloadSpecification } from './DownloadSpecification';

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

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

package/lib-esm/components/Download/types.d.ts

@@ -1,18 +1,14 @@
-import type { OpenAPIDefinition } from '../../types';
-export interface FileInfo {
-    fileInfo?: {
-        rawData: any;
-        fileName: string;
-    };
-}
+export type DownloadUrlsConfig = {
+    title?: string;
+    url: string;
+}[];
+export type DownloadIconType = 'yaml' | 'json' | 'file';
 export type UseDownloadInfoProps = {
-    definition?: OpenAPIDefinition;
     definitionUrl?: string;
+    downloadUrls?: DownloadUrlsConfig;
 };
 export type UseDownloadInfoReturnType = {
-    downloadFileName?: string;
-    getDownloadLink: () => string | undefined;
-};
-export interface DownloadButtonWithLabelProps {
-    wrapped?: boolean;
-}
+    title: string;
+    url: string;
+    iconType: DownloadIconType;
+}[];

package/lib-esm/components/Download/useDownloadInfo.d.ts

@@ -1,2 +1,2 @@
 import type { UseDownloadInfoProps, UseDownloadInfoReturnType } from './types';
-export declare const useDownloadInfo: ({ definition, definitionUrl, }: UseDownloadInfoProps) => UseDownloadInfoReturnType;
+export declare const useDownloadInfo: ({ downloadUrls, }: UseDownloadInfoProps) => UseDownloadInfoReturnType | undefined;

package/lib-esm/components/Download/useDownloadInfo.js

@@ -1,2 +1,2 @@
-import{useCallback}from"react";import{IS_BROWSER}from"../../utils";import{MediaTypes}from"../../constants";export const useDownloadInfo=({definition:o,definitionUrl:e})=>({downloadFileName:e?void 0:"swagger.json",getDownloadLink:useCallback((()=>{if(e)return e;if(IS_BROWSER&&window.Blob&&window.URL&&window.URL.createObjectURL){const e=new Blob([JSON.stringify(o,null,2)],{type:MediaTypes.JSON});return window.URL.createObjectURL(e)}}),[o,e])});
+import{useMemo}from"react";export const useDownloadInfo=({downloadUrls:e})=>useMemo((()=>{if(e)return e.map((({title:e,url:o})=>({url:o,title:e||getFileNameFromUrl(o,"openapi.yaml"),iconType:getIconTypeFromUrl(o)})))}),[e]);function getFileNameFromUrl(e,o){const l=e.split("?")[0].split(/[\\\/]/).pop();return l&&(l.includes("yaml")||l.includes("json"))?l:o}function getIconTypeFromUrl(e,o){const l=o||e.split("?")[0].split(/[\\\/]/).pop();return l?l.includes("yaml")?"yaml":l.includes("json")?"json":"file":"file"}
 //# sourceMappingURL=useDownloadInfo.js.map

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

@@ -1,9 +1,9 @@
 import { Component } from 'react';
-import type { PropsWithChildren } from 'react';
+import type { PropsWithChildren, ReactElement } from 'react';
 export declare class ErrorBoundary extends Component<PropsWithChildren<unknown>, {
     error?: Error;
 }> {
     constructor(props: PropsWithChildren<unknown>);
     componentDidCatch(error: Error): boolean;
-    render(): JSX.Element;
+    render(): ReactElement;
 }

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

@@ -1,5 +1,5 @@
-import React,{Children,Component}from"react";import styled from"styled-components";const ErrorWrapper=styled.div`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Children,Component}from"react";import styled from"styled-components";const ErrorWrapper=styled.div`
   padding: 20px;
   color: red;
-`;export class ErrorBoundary extends Component{constructor(e){super(e),this.state={error:void 0}}componentDidCatch(e){return this.setState({error:e}),!1}render(){return this.state.error?React.createElement(ErrorWrapper,null,React.createElement("h1",null,"Something went wrong..."),React.createElement("small",null," ",this.state.error.message," "),React.createElement("p",null,React.createElement("details",null,React.createElement("summary",null,"Stack trace"),React.createElement("pre",null,this.state.error.stack))),"undefined"!=typeof __REDOC_VERSION__?React.createElement(React.Fragment,null,React.createElement("small",null," References docs version: ",__REDOC_VERSION__)," ",React.createElement("br",null)):null,"undefined"!=typeof __REDOC_REVISION__?React.createElement("small",null," Commit: ",__REDOC_REVISION__):null):React.createElement(React.Fragment,null,Children.only(this.props.children))}}
+`;export class ErrorBoundary extends Component{constructor(r){super(r),this.state={error:void 0}}componentDidCatch(r){return this.setState({error:r}),!1}render(){return this.state.error?_jsxs(ErrorWrapper,{children:[_jsx("h1",{children:"Something went wrong..."}),_jsxs("small",{children:[" ",this.state.error.message," "]}),_jsx("p",{children:_jsxs("details",{children:[_jsx("summary",{children:"Stack trace"}),_jsx("pre",{children:this.state.error.stack})]})}),"undefined"!=typeof __REDOC_VERSION__?_jsxs(_Fragment,{children:[_jsxs("small",{children:[" References docs version: ",__REDOC_VERSION__]})," ",_jsx("br",{})]}):null,"undefined"!=typeof __REDOC_REVISION__?_jsxs("small",{children:[" Commit: ",__REDOC_REVISION__]}):null]}):_jsx(_Fragment,{children:Children.only(this.props.children)})}}
 //# sourceMappingURL=ErrorBoundary.js.map

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

@@ -0,0 +1,6 @@
+interface ExpandAllButtonProps {
+    operationPointer: string;
+    type: 'request' | 'response';
+}
+export declare const ExpandAllButton: ({ operationPointer, type }: ExpandAllButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,4 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMemo}from"react";import styled from"styled-components";import{Button,MaximizeIcon}from"@redocly/theme";import{useAtom}from"jotai/index";import{operationStore}from"../../jotai/operation";export const ExpandAllButton=({operationPointer:t,type:e})=>{const[o,n]=useAtom(operationStore(t)),s=useMemo((()=>Object.values(o[e].expandedFields).includes(!1)),[o,e]);if(!Object.keys(o[e].expandedFields).length)return null;return _jsxs(StyledButton,{icon:_jsx(MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{n((t=>{const o={};for(const n in t[e].expandedFields)o[n]=s;return Object.assign(Object.assign({},t),{[e]:{expandedFields:o}})}))},children:[s?"Expand":"Collapse"," all"]})};const StyledButton=styled(Button)`
+  margin: 0 0 auto auto;
+`;
+//# sourceMappingURL=ExpandAllButton.js.map

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

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

package/lib-esm/components/ExpandAllButton/getAllNestedSchema.js

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

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

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

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

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

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

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

package/lib-esm/components/ExpandAllButton/useUpdateExpandedFields.js

@@ -0,0 +1,2 @@
+import{useAtomValue,useAtom}from"jotai/index";import{useEffect}from"react";import{useMount,useUnmount}from"@redocly/theme";import{getActiveMediaType}from"../../models";import{operationStore}from"../../jotai/operation";import{getAllNestedSchema}from"./getAllNestedSchema";import{activeMimeNameAtom}from"../../jotai/app";export function useUpdateExpandedFields(e,t,s,i){var o;const a=useAtomValue(activeMimeNameAtom),n=s&&(null===(o=getActiveMediaType(s,a))||void 0===o?void 0:o.schema),[{activeOneOf:m},c]=useAtom(operationStore(i)),r=(i=!1)=>{((null==t?void 0:t.length)||s)&&c((s=>{const o=getAllNestedSchema({schema:n,activeOneOf:s.activeOneOf,skipReadOnly:"request"===e,skipWriteOnly:"response"===e})||{},a=getAllNestedSchema({schema:{type:"object",fields:t},activeOneOf:s.activeOneOf,skipReadOnly:"request"===e,skipWriteOnly:"response"===e});return Object.assign(Object.assign({},s),{[e]:{expandedFields:Object.assign(Object.assign(Object.assign({},o),a),i?s[e].expandedFields:{})}})}))};useMount((()=>{r(!0)})),useUnmount((()=>{((null==t?void 0:t.length)||s)&&c((t=>Object.assign(Object.assign({},t),{[e]:{expandedFields:{}}})))})),useEffect((()=>{Object.keys(m).length>1&&r(!0)}),[m])}
+//# sourceMappingURL=useUpdateExpandedFields.js.map

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

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

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

@@ -1,5 +1,5 @@
-import React,{memo}from"react";import styled from"styled-components";import{linksCss}from"@redocly/theme";import{normalizeText}from"../../utils";const LinkWrap=styled.div`
-  ${linksCss};
-  ${({compact:e})=>e?"":"margin: 1em 0"}
-`;function ExternalDocumentationComponent({externalDocs:e,compact:t}){if(!e||!e.url)return null;const r=normalizeText(e.description);return React.createElement(LinkWrap,{compact:t},React.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},r||e.url))}export const ExternalDocumentation=memo(ExternalDocumentationComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{markdownLinksCss}from"@redocly/theme";import{normalizeText}from"../../utils";const LinkWrap=styled.div`
+  ${markdownLinksCss};
+  ${({compact:r})=>r?"":"margin: var(--spacing-sm) 0 0"}
+`;function ExternalDocumentationComponent({externalDocs:r,compact:t}){if(!r||!r.url)return null;const n=normalizeText(r.description);return _jsx(LinkWrap,{compact:t,children:_jsx("a",{href:r.url,target:"_blank",rel:"noreferrer","aria-label":n||r.url,children:n||r.url})})}export const ExternalDocumentation=memo(ExternalDocumentationComponent);
 //# sourceMappingURL=ExternalDocumentation.js.map

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

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

package/lib-esm/components/Language/LanguageDropdown.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useCallback,useMemo}from"react";import{Dropdown,DropdownMenu}from"@redocly/theme";import{LanguageItem}from"./LanguageItem";import{DropdownTriggerButton,StyledDropdownMenuItem}from"./styled";export const LanguageDropdown=({samples:e,activeTab:o,onChange:t,trigger:r,width:n,withArrow:i=!0,withCheckmark:a=!0,withIcon:m=!0})=>{const d=useCallback((o=>()=>{const r=e.find((({key:e})=>e===o.key));r&&t(r.key)}),[t,e]),g=useMemo((()=>e.map((e=>_jsx(StyledDropdownMenuItem,{$width:n,onAction:d(e),children:_jsx(LanguageItem,{item:e,active:o===e.key,withCheckmark:a,withIcon:m})},e.key)))),[o,d,e,n,a,m]),s=e.find((({key:e})=>e===o)),c=r||_jsx(DropdownTriggerButton,{variant:"ghost",children:null==s?void 0:s.title});return g.length>1?_jsx(Dropdown,{trigger:c,withArrow:i,alignment:"end",children:_jsx(DropdownMenu,{children:g})}):c};
+//# sourceMappingURL=LanguageDropdown.js.map

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

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

package/lib-esm/components/Language/LanguageItem.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{CheckmarkIcon}from"@redocly/theme";import{CurlIcon}from"../../icons/CurlIcon";import{CSharpIcon}from"../../icons/CSharpIcon";import{NodeJSIcon}from"../../icons/NodeJSIcon";import{JavaScriptIcon}from"../../icons/JavaScriptIcon";import{PythonIcon}from"../../icons/PythonIcon";import{RIcon}from"../../icons/RIcon";import{RubyIcon}from"../../icons/RubyIcon";import{PHPIcon}from"../../icons/PHPIcon";import{GOIcon}from"../../icons/GOIcon";import{JavaIcon}from"../../icons/JavaIcon";import{PayloadIcon}from"../../icons/PayloadIcon";import{LanguageIcon,LanguageTitle,LanguageTitleContainer}from"./styled";const iconMap={Payload:_jsx(PayloadIcon,{}),curl:_jsx(CurlIcon,{}),"C#":_jsx(CSharpIcon,{}),"C#+Newtonsoft":_jsx(CSharpIcon,{}),"Node.js":_jsx(NodeJSIcon,{}),JavaScript:_jsx(JavaScriptIcon,{}),Python:_jsx(PythonIcon,{}),R:_jsx(RIcon,{}),Ruby:_jsx(RubyIcon,{}),PHP:_jsx(PHPIcon,{}),Go:_jsx(GOIcon,{}),Java:_jsx(JavaIcon,{}),"Java8+Apache":_jsx(JavaIcon,{})};export const LanguageItem=({item:o,active:n,withCheckmark:c,withIcon:a})=>_jsxs(_Fragment,{children:[_jsxs(LanguageTitleContainer,{children:[a&&_jsx(LanguageIcon,{children:iconMap[o.lang]}),_jsx(LanguageTitle,{active:n,children:o.title})]}),c&&n&&_jsx(CheckmarkIcon,{})]});
+//# sourceMappingURL=LanguageItem.js.map

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

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

package/lib-esm/components/Language/LanguageList.js

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

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{render,fireEvent,screen}from"@testing-library/react";import{LanguageDropdown}from"../LanguageDropdown";const mockSamples=[{key:"js",title:"JS",lang:"js"},{key:"node.js",title:"Node.JS",lang:"nodejs"}],mockActiveTab=mockSamples[0].key,mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getByText:e}=render(_jsx(LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockSamples[0].title)).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getByText:e}=render(_jsx(LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));fireEvent.click(screen.getByText(mockSamples[0].title));const n=mockSamples[1];fireEvent.click(e(n.title)),expect(mockOnChange).toHaveBeenCalledWith(n.key)}))}));
+//# sourceMappingURL=LanguageDropdown.test.js.map

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

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

package/lib-esm/components/Language/constants.js

@@ -0,0 +1,2 @@
+export const ITEM_WIDTH=78;
+//# sourceMappingURL=constants.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,76 @@
+import styled,{css}from"styled-components";import{Button,DropdownMenuItem}from"@redocly/theme";import{ITEM_WIDTH}from"./constants";export const Container=styled.span`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;export const LanguageTitle=styled.span`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: ${({active:e})=>e?"var(--font-weight-medium)":"var(--font-weight-regular)"};
+`;export const LanguageTitleContainer=styled.span`
+  display: inherit;
+  gap: inherit;
+  flex-direction: inherit;
+  justify-content: inherit;
+  align-items: inherit;
+`;export const LanguageIcon=styled.span`
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+`;export const LanguageListContainer=styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`;export const LanguageListItem=styled.button`
+  background: none;
+  border: none;
+  width: ${ITEM_WIDTH}px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  flex-direction: column;
+  gap: calc(var(--spacing-unit) * 0.5);
+  padding: var(--spacing-xs) 0;
+  color: ${({active:e})=>e?"var(--text-color-primary)":"var(--text-color-description)"};
+  border-radius: var(--border-radius);
+  text-align: center;
+  position: relative;
+
+  :hover {
+    color: var(--text-color-primary);
+  }
+
+  ${({active:e})=>e&&css`
+      &::before {
+        position: absolute;
+        top: -21px;
+        border-top: 3px solid var(--text-color-primary);
+        width: 100%;
+        content: '';
+        border-bottom-left-radius: calc(var(--border-radius) / 2);
+        border-bottom-right-radius: calc(var(--border-radius) / 2);
+      }
+    `}
+`;export const StyledDropdownMenuItem=styled(DropdownMenuItem)`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-xs);
+  padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
+    var(--spacing-sm);
+  width: ${({$width:e=204})=>e}px;
+  fill: var(--menu-content-color-active);
+`;export const DropdownTriggerButton=styled(Button)`
+  display: inline-flex;
+
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
+  cursor: pointer;
+`;
+//# sourceMappingURL=styled.js.map