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

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

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

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

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{StyledMenuItemLink,MenuItemLabel}from"./styled";function MenuItemLinkComponent({href:e,children:t,to:n,hasChildren:m,deprecated:r,depth:c,active:i,type:o,onClick:a}){return n?React.createElement(StyledMenuItemLink,{$active:i,$hasChildren:m,type:o,deprecated:r,depth:c,to:n,onClick:a},t):React.createElement(MenuItemLabel,{type:o,active:i,deprecated:r,depth:c,href:e,$hasChildren:m,onClick:a},t)}export const MenuItemLink=memo(MenuItemLinkComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{StyledMenuItemLink,MenuItemLabel}from"./styled";function MenuItemLinkComponent({href:e,children:t,to:n,hasChildren:r,deprecated:i,depth:m,active:o,type:d,onClick:c}){return n?_jsx(StyledMenuItemLink,{$active:o,$hasChildren:r,type:d,deprecated:i,depth:m,to:n,onClick:c,children:t}):_jsx(MenuItemLabel,{type:d,active:o,deprecated:i,depth:m,href:e,$hasChildren:r,onClick:c,children:t})}export const MenuItemLink=memo(MenuItemLinkComponent);
 //# sourceMappingURL=MenuItemLink.js.map

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

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

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

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{useAtomValue}from"jotai";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";import{globalOptionsAtom}from"../../jotai/store";import{isRootItem}from"../ContentItems/helpers";function MenuItemsComponents({items:e,root:t,className:n,linksBefore:o=[],linksAfter:m=[],expanded:i=!0,style:r}){const{hideInfoSection:a}=useAtomValue(globalOptionsAtom);return React.createElement(MenuItemUl,{className:n,style:r,expanded:i,role:t?"navigation":void 0},o.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>a&&isRootItem(e)?null:React.createElement(MenuItem,{key:e.id,item:e}))),m.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))))}export const MenuItems=memo(MenuItemsComponents);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";import{globalOptionsAtom}from"../../jotai/store";import{isRootItem}from"../ContentItems/helpers";function MenuItemsComponents({items:e,root:t,className:o,linksBefore:n=[],linksAfter:m=[],expanded:s=!0,style:i}){const{hideInfoSection:r}=useAtomValue(globalOptionsAtom);return _jsxs(MenuItemUl,{className:o,style:i,expanded:s,role:t?"navigation":void 0,children:[n.map((e=>_jsx(MenuExternalLink,{link:e},JSON.stringify(e)))),e.map((e=>r&&isRootItem(e)?null:_jsx(MenuItem,{item:e},e.id))),m.map((e=>_jsx(MenuExternalLink,{link:e},JSON.stringify(e))))]})}export const MenuItems=memo(MenuItemsComponents);
 //# sourceMappingURL=MenuItems.js.map

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { OperationMenuItem } from '../../models';
 interface MenuOperationItemContentProps {
     item: OperationMenuItem;
     to: string;
     active: boolean;
 }
-export declare const MenuOperationItemContent: React.NamedExoticComponent<React.PropsWithChildren<MenuOperationItemContentProps>>;
+export declare const MenuOperationItemContent: import("react").NamedExoticComponent<PropsWithChildren<MenuOperationItemContentProps>>;
 export {};

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

@@ -1,8 +1,8 @@
-import React,{memo}from"react";import{HttpTag}from"@redocly/theme";import styled from"styled-components";import{useAtomValue}from"jotai";import{MenuItemPath,MenuItemTitle}from"./styled";import{MenuItemLink}from"./MenuItemLink";import{SideNavStyle}from"../../services";import{shortenHTTPVerb}from"../../utils";import{globalOptionsAtom}from"../../jotai/store";const MenuItemOperationLink=styled(MenuItemLink)`
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{HttpTag}from"@redocly/theme";import styled from"styled-components";import{useAtomValue}from"jotai";import{MenuItemPath,MenuItemTitle}from"./styled";import{MenuItemLink}from"./MenuItemLink";import{SideNavStyle}from"../../services";import{shortenHTTPVerb}from"../../utils";import{globalOptionsAtom}from"../../jotai/store";const MenuItemOperationLink=styled(MenuItemLink)`
   flex-wrap: wrap;
 `,MenuItemDescription=styled.small`
   display: block;
   font-size: 0.87em;
   line-height: 1.2;
-`;function MenuOperationItemContentComponent({item:e,to:t,children:o,active:n}){let r,m;const{sideNavStyle:a,showWebhookVerb:i}=useAtomValue(globalOptionsAtom);return a!==SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(r=a===SideNavStyle.IdOnly?e.operationId||e.path:e.name,m=null):(r=React.createElement(MenuItemPath,{title:e.path}," ",e.path," "),m=React.createElement(MenuItemDescription,null," ",e.name," ")),React.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?React.createElement(HttpTag,{color:"hook"},i?e.httpVerb:"Event"):React.createElement(HttpTag,{color:e.httpVerb},shortenHTTPVerb(e.httpVerb)),React.createElement(MenuItemTitle,{width:"calc(100% - 42px)"},r,o),m)}export const MenuOperationItemContent=memo(MenuOperationItemContentComponent);
+`;function MenuOperationItemContentComponent({item:e,to:t,children:o,active:n}){let r,i;const{sideNavStyle:m,showWebhookVerb:s}=useAtomValue(globalOptionsAtom);return m!==SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(r=m===SideNavStyle.IdOnly?e.operationId||e.path:e.name,i=null):(r=_jsxs(MenuItemPath,{title:e.path,children:[" ",e.path," "]}),i=_jsxs(MenuItemDescription,{children:[" ",e.name," "]})),_jsxs(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n,children:[e.isWebhook?_jsx(HttpTag,{color:"hook",children:s?e.httpVerb:"Event"}):_jsx(HttpTag,{color:e.httpVerb,children:shortenHTTPVerb(e.httpVerb)}),_jsxs(MenuItemTitle,{width:"calc(100% - 42px)",children:[r,o]}),i]})}export const MenuOperationItemContent=memo(MenuOperationItemContentComponent);
 //# sourceMappingURL=MenuOperationItemContent.js.map

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ExtendedMenuItem, IMenuItem } from '../../services';
 interface SideMenuProps {
     items: (ExtendedMenuItem & IMenuItem)[];
     className?: string;
 }
-export declare const SideMenu: React.NamedExoticComponent<SideMenuProps>;
+export declare const SideMenu: import("react").NamedExoticComponent<SideMenuProps>;
 export {};

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

@@ -1,2 +1,2 @@
-import React,{memo,useRef}from"react";import{useAtomValue}from"jotai";import{Menu}from"@redocly/theme";import{RedocAttribution}from"./styled";import{PerfectScrollbarWrap}from"../common";import{globalOptionsAtom}from"../../jotai/store";import{useMenuItems}from"./hooks";import{MenuExternalLink}from"./MenuItemEternalLink";const SideMenuComponent=({items:e,className:t})=>{const{sidebarLinks:o,whiteLabel:r}=useAtomValue(globalOptionsAtom),n=useRef(),m=useMenuItems({items:e}),a=(null==o?void 0:o.beforeInfo)||[],i=(null==o?void 0:o.end)||[];return React.createElement(PerfectScrollbarWrap,{updateFn:e=>{n.current=e},className:t,options:{wheelPropagation:!1}},a.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),React.createElement(Menu,{items:m}),i.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),r&&React.createElement(RedocAttribution,null,React.createElement("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer"},"Powered by Redocly")))};export const SideMenu=memo(SideMenuComponent);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useRef}from"react";import{useAtomValue}from"jotai";import{Menu}from"@redocly/theme";import{RedocAttribution}from"./styled";import{PerfectScrollbarWrap}from"../common";import{globalOptionsAtom}from"../../jotai/store";import{useMenuItems}from"./hooks";import{MenuExternalLink}from"./MenuItemEternalLink";const SideMenuComponent=({items:e,className:o})=>{const{sidebarLinks:r,whiteLabel:t}=useAtomValue(globalOptionsAtom),n=useRef(),s=useMenuItems({items:e}),i=(null==r?void 0:r.beforeInfo)||[],m=(null==r?void 0:r.end)||[];return _jsxs(PerfectScrollbarWrap,{updateFn:e=>{n.current=e},className:o,options:{wheelPropagation:!1},children:[i.map((e=>_jsx(MenuExternalLink,{link:e},JSON.stringify(e)))),_jsx(Menu,{items:s}),m.map((e=>_jsx(MenuExternalLink,{link:e},JSON.stringify(e)))),t&&_jsx(RedocAttribution,{children:_jsx("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer",children:"Powered by Redocly"})})]})};export const SideMenu=memo(SideMenuComponent);
 //# sourceMappingURL=SideMenu.js.map

package/lib-esm/components/StickySidebar/StickyResponsiveSidebar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { Options } from '../../services';
 interface StickySidebarProps {
     className?: string;
@@ -6,5 +6,5 @@ interface StickySidebarProps {
     hideFab: Options['hideFab'];
     collapsedSidebar: boolean;
 }
-export declare const StickyResponsiveSidebar: React.NamedExoticComponent<React.PropsWithChildren<StickySidebarProps>>;
+export declare const StickyResponsiveSidebar: import("react").NamedExoticComponent<PropsWithChildren<StickySidebarProps>>;
 export {};

package/lib-esm/components/StickySidebar/StickyResponsiveSidebar.js

@@ -1,4 +1,4 @@
-import React,{memo,useEffect,useRef,useState}from"react";import styled from"styled-components";import{MobileSidebarButton,MobileSidebarIcon,useMount,useUnmount,IS_BROWSER,breakpoints}from"@redocly/theme";import{useAtom}from"jotai";import{useLocation}from"react-router-dom";import{isSidebarOpenedAtom}from"../../jotai/app";import{Actions}from"../SideMenu/Actions";let Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useEffect,useRef,useState}from"react";import styled from"styled-components";import{MobileSidebarButton,MobileSidebarIcon,useMount,useUnmount,IS_BROWSER,breakpoints}from"@redocly/theme";import{useAtom}from"jotai";import{useLocation}from"react-router-dom";import{isSidebarOpenedAtom}from"../../jotai/app";import{Actions}from"../SideMenu/Actions";let Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;
@@ -31,5 +31,5 @@ import React,{memo,useEffect,useRef,useState}from"react";import styled from"styl
   @media print {
     display: none;
   }
-`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:o,collapsedSidebar:a}){const[n,l]=useState("0px"),r=useRef(null),s=useLocation(),[c,d]=useAtom(isSidebarOpenedAtom);useEffect((()=>{s.hash&&d(!1)}),[s.pathname,s.hash,d]),useMount((()=>{stickyfill&&stickyfill.add(r.current);const t=e();l(`${t}px`)})),useUnmount((()=>{stickyfill&&stickyfill.remove(r.current)}));return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:c,className:i,offsetTop:n,style:{top:n},ref:r,collapsedSidebar:a},a||c?o:null,React.createElement(Actions,null)),!t&&React.createElement(FloatingButton,{opened:c,onClick:()=>{d(!c)}},React.createElement(MobileSidebarIcon,null)))}export const StickyResponsiveSidebar=memo(StickyResponsiveSidebarComponent);
+`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:i,className:o,children:t,collapsedSidebar:s}){const[r,a]=useState("0px"),n=useRef(null),l=useLocation(),[d,c]=useAtom(isSidebarOpenedAtom);useEffect((()=>{l.hash&&c(!1)}),[l.pathname,l.hash,c]),useMount((()=>{stickyfill&&stickyfill.add(n.current);const i=e();a(`${i}px`)})),useUnmount((()=>{stickyfill&&stickyfill.remove(n.current)}));return _jsxs(_Fragment,{children:[_jsxs(StyledStickySidebar,{open:d,className:o,offsetTop:r,style:{top:r},ref:n,collapsedSidebar:s,children:[s||d?t:null,_jsx(Actions,{})]}),!i&&_jsx(FloatingButton,{opened:d,onClick:()=>{c(!d)},children:_jsx(MobileSidebarIcon,{})})]})}export const StickyResponsiveSidebar=memo(StickyResponsiveSidebarComponent);
 //# sourceMappingURL=StickyResponsiveSidebar.js.map

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

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { TabType } from '../../models/tab';
 type TabsProps = {
     tabs: TabType[];
     onChange: (tab: TabType) => void;
     activeTab?: TabType;
 };
-export declare function Tabs({ tabs, onChange, activeTab }: TabsProps): React.JSX.Element;
+export declare function Tabs({ tabs, onChange, activeTab }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React from"react";import styled,{css}from"styled-components";import{StatusCode}from"@redocly/theme";export function Tabs({tabs:e,onChange:t,activeTab:a}){return React.createElement(TabList,null,e.map((e=>React.createElement(Tab,{key:e.key,$active:e.key===(null==a?void 0:a.key),onClick:()=>t(e)},React.createElement(StatusCode,{status:e.key},e.title)))))}const TabList=styled.ol`
+import{jsx as _jsx}from"react/jsx-runtime";import styled,{css}from"styled-components";import{StatusCode}from"@redocly/theme";export function Tabs({tabs:e,onChange:t,activeTab:r}){return _jsx(TabList,{children:e.map((e=>_jsx(Tab,{$active:e.key===(null==r?void 0:r.key),onClick:()=>t(e),children:_jsx(StatusCode,{status:e.key,children:e.title})},e.key)))})}const TabList=styled.ol`
   display: flex;
   flex-wrap: wrap;
   list-style: none;

package/lib-esm/components/TagItem/OperationsNavigation.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import type { OperationMenuItem } from '../../models';
 type OperationsNavigationProps = {
     items: OperationMenuItem[];
     routingBasePath: string;
 };
-export declare function OperationsNavigationComponent({ items, routingBasePath, }: OperationsNavigationProps): React.JSX.Element | null;
-export declare const OperationsNavigation: React.NamedExoticComponent<OperationsNavigationProps>;
+export declare function OperationsNavigationComponent({ items, routingBasePath, }: OperationsNavigationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const OperationsNavigation: import("react").NamedExoticComponent<OperationsNavigationProps>;
 export {};

package/lib-esm/components/TagItem/OperationsNavigation.js

@@ -1,4 +1,4 @@
-import React,{useMemo,memo,useState}from"react";import{useNavigate}from"react-router-dom";import styled from"styled-components";import{HttpVerb}from"../shared";import{SamplesPanel}from"../common";import{encodeBackSlashes}from"../../utils";import{joinWithSeparator}from"../../services";const MAX_OPERATIONS=8;export function OperationsNavigationComponent({items:e,routingBasePath:t}){const[a,o]=useState(!1),n=useNavigate(),{operations:r,webhooks:i,count:s}=useMemo((()=>{const t=e.filter((e=>"operation"===e.type)),o=a?t:t.slice(0,MAX_OPERATIONS),{operations:n,webhooks:r}=o.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:n,webhooks:r,count:!a&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[a,e]);if(!r.length&&!i.length)return null;const l=e=>{n(e)};return React.createElement(Wrapper,null,r.length>0&&React.createElement(React.Fragment,null,React.createElement(Heading,null,"Operations"),r.map((({id:e,href:a,httpVerb:o,path:n})=>React.createElement(Item,{key:e,onClick:()=>l(joinWithSeparator(t,encodeBackSlashes(a)))},React.createElement("span",null,React.createElement(HttpVerb,{color:o},o),React.createElement(Path,null,n)))))),i.length>0&&React.createElement(React.Fragment,null,React.createElement(Heading,null,"Webhooks"),i.map((({id:e,href:a,httpVerb:o,path:n})=>React.createElement(Item,{key:e,onClick:()=>l(joinWithSeparator(t,encodeBackSlashes(a)))},React.createElement("span",null,React.createElement(HttpVerb,{color:o},o),React.createElement(Path,null,n)))))),!a&&Boolean(s)&&React.createElement(ButtonLink,{onClick:()=>o(!0)},"Show ",s," more..."))}export const OperationsNavigation=memo(OperationsNavigationComponent);const Wrapper=styled(SamplesPanel)`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useMemo,memo,useState}from"react";import{useNavigate}from"react-router-dom";import{Button}from"@redocly/theme";import styled from"styled-components";import{HttpVerb}from"../shared";import{SamplesPanel}from"../common";import{encodeBackSlashes}from"../../utils";import{joinWithSeparator}from"../../services";const MAX_OPERATIONS=8;export function OperationsNavigationComponent({items:e,routingBasePath:t}){const[o,n]=useState(!1),r=useNavigate(),{operations:a,webhooks:i,count:s}=useMemo((()=>{const t=e.filter((e=>"operation"===e.type)),n=o?t:t.slice(0,MAX_OPERATIONS),{operations:r,webhooks:a}=n.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:r,webhooks:a,count:!o&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[o,e]);if(!a.length&&!i.length)return null;const l=e=>{r(e)};return _jsxs(Wrapper,{children:[a.length>0&&_jsxs(_Fragment,{children:[_jsx(Heading,{children:"Operations"}),a.map((({id:e,href:o,httpVerb:n,path:r})=>_jsx(Item,{variant:"outlined",size:"large",onClick:()=>l(joinWithSeparator(t,encodeBackSlashes(o))),children:_jsxs("span",{children:[_jsx(HttpVerb,{color:n,children:n}),_jsx(Path,{children:r})]})},e)))]}),i.length>0&&_jsxs(_Fragment,{children:[_jsx(Heading,{children:"Webhooks"}),i.map((({id:e,href:o,httpVerb:n,path:r})=>_jsx(Item,{variant:"outlined",size:"large",onClick:()=>l(joinWithSeparator(t,encodeBackSlashes(o))),children:_jsxs("span",{children:[_jsx(HttpVerb,{color:n,children:n}),_jsx(Path,{children:r})]})},e)))]}),!o&&Boolean(s)&&_jsxs(ButtonLink,{variant:"link",size:"large",fullWidth:!0,onClick:()=>n(!0),children:["Show ",s," more..."]})]})}export const OperationsNavigation=memo(OperationsNavigationComponent);const Wrapper=styled(SamplesPanel)`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
@@ -9,27 +9,29 @@ import React,{useMemo,memo,useState}from"react";import{useNavigate}from"react-ro
   font-weight: var(--font-weight-bold);
   color: var(--text-color-primary);
   margin: var(--spacing-xxs) 0;
-`,Item=styled.button`
+`,StyledButton=styled(Button)`
+  & + & {
+    margin-left: 0;
+  }
+`,Item=styled(StyledButton)`
   border-radius: var(--border-radius);
-  border: 1px solid var(--border-color-primary);
   background: var(--bg-color);
-  display: flex;
-  height: 40px;
-  padding: 0 var(--spacing-base);
-  flex-direction: row;
   justify-content: space-between;
-  align-items: center;
-  align-self: stretch;
-  cursor: pointer;
 
   & > span {
     display: flex;
     align-items: baseline;
     gap: var(--spacing-unit);
+    overflow-x: hidden;
+  }
+
+  &:hover {
+    background: var(--bg-color);
   }
 
   &:hover::after {
     content: '→';
+    line-height: var(--line-height-base);
   }
 `,Path=styled.span`
   font-family: var(--font-family-base);
@@ -37,10 +39,10 @@ import React,{useMemo,memo,useState}from"react";import{useNavigate}from"react-ro
   line-height: var(--line-height-base);
   color: var(--text-color-primary);
   text-decoration: none;
-`,ButtonLink=styled.button`
-  font-size: var(--font-size-lg);
-  background: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+`,ButtonLink=styled(StyledButton)`
   margin: 10px auto;
-  color: var(--link-color-primary);
 `;
 //# sourceMappingURL=OperationsNavigation.js.map

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { ReactElement } from 'react';
 import type { SectionItemProps } from '../SectionItem/SectionItem';
 interface TagItemProps extends SectionItemProps {
@@ -6,5 +5,5 @@ interface TagItemProps extends SectionItemProps {
     isExpanded: boolean;
 }
 export declare function TagItemComponent({ item, routingBasePath, isExpanded, }: TagItemProps): ReactElement;
-export declare const TagItem: React.NamedExoticComponent<TagItemProps>;
+export declare const TagItem: import("react").NamedExoticComponent<TagItemProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import React,{memo,useCallback}from"react";import{breakpoints,Button,H2}from"@redocly/theme";import{useNavigate}from"react-router-dom";import styled from"styled-components";import{Row,SamplesMiddlePanel,ShareLink}from"../common";import{Markdown}from"../Markdown";import{OperationsNavigation}from"./OperationsNavigation";export function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const{description:n,name:o,href:r}=e,m=useNavigate(),i=useCallback((()=>{m(t+e.href)}),[e.href,m,t]),l=Boolean(e.items.length);return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(SamplesMiddlePanel,{fullWidth:!l},React.createElement(H2,null,React.createElement(ShareLink,{to:r,"aria-label":`link to ${o}`}),o),React.createElement(Markdown,{source:n})),Boolean(e.items.length)&&React.createElement(OperationsNavigation,{items:e.items,routingBasePath:t})),l&&!a&&React.createElement(ShowButton,{type:"button",variant:"text",size:"medium",onClick:i},"+ Show"))}export const TagItem=memo(TagItemComponent);const ShowButton=styled(Button)`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useCallback}from"react";import{breakpoints,Button,H2}from"@redocly/theme";import{useNavigate}from"react-router-dom";import styled from"styled-components";import{Row,SamplesMiddlePanel,ShareLink}from"../common";import{Markdown}from"../Markdown";import{OperationsNavigation}from"./OperationsNavigation";export function TagItemComponent({item:t,routingBasePath:a="",isExpanded:e}){const{description:n,name:o,href:r}=t,i=useNavigate(),m=useCallback((()=>{i(a+t.href)}),[t.href,i,a]),s=Boolean(t.items.length);return _jsxs(_Fragment,{children:[_jsxs(Row,{children:[_jsxs(SamplesMiddlePanel,{fullWidth:!s,children:[_jsxs(H2,{children:[_jsx(ShareLink,{to:r,"aria-label":`link to ${o}`}),o]}),_jsx(Markdown,{source:n})]}),Boolean(t.items.length)&&_jsx(OperationsNavigation,{items:t.items,routingBasePath:a})]}),s&&!e&&_jsx(ShowButton,{type:"button",variant:"text",size:"medium",onClick:m,children:"+ Show"})]})}export const TagItem=memo(TagItemComponent);const ShowButton=styled(Button)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 

package/lib-esm/components/VersionSwitcher.js

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 interface ViewNestedProps {
     expandByDefault?: boolean;
     deepLink?: string;
@@ -11,5 +11,5 @@ interface ViewNestedProps {
     hideText?: string;
     hideDivider?: boolean;
 }
-export declare const ViewNested: React.NamedExoticComponent<React.PropsWithChildren<ViewNestedProps>>;
+export declare const ViewNested: import("react").NamedExoticComponent<PropsWithChildren<ViewNestedProps>>;
 export {};

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

@@ -1,17 +1,5 @@
-import styled,{css}from"styled-components";import React,{memo,useState}from"react";import{useLocation}from"react-router-dom";import{pathIncludesLink}from"../../utils";import{cycleColorsByLevel}from"../PropertyDetails/cycleColorsByLevel";import{CircleIcon}from"../PropertyDetails/PlusCircleIcon";function ViewNestedComponent({expandByDefault:e,deepLink:r,level:o,expandable:t=!1,isArray:a="",propertyLength:i="",expandText:s,hideText:n,hideDivider:c=!1,children:l}){const d=useLocation(),p=pathIncludesLink(d,r),[m,y]=useState(e||p),v=m?cycleColorsByLevel(o):void 0;return t?React.createElement(Wrapper,{$divider:!c&&!m,className:"view-nested-wrapper"},React.createElement(ShowProperty,{onClick:()=>y(!m)},React.createElement(CircleIcon,{sign:m?"-":"+",color:v}),!m&&(s||`Show ${1===Number(i)?"":i} ${a&&"array "}${1!==i?"properties":"property"}`),m&&(n||"")),m&&React.createElement(StyledNested,{color:v},l)):l}export const ViewNested=memo(ViewNestedComponent);const ShowProperty=styled.button`
-  background: none;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  padding: 0;
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled,{css}from"styled-components";import{memo,useState}from"react";import{useLocation}from"react-router-dom";import{Button}from"@redocly/theme";import{pathIncludesLink}from"../../utils";import{cycleColorsByLevel}from"../PropertyDetails/cycleColorsByLevel";import{CircleIcon}from"../PropertyDetails/PlusCircleIcon";function ViewNestedComponent({expandByDefault:e,deepLink:r,level:o,expandable:t=!1,isArray:s="",propertyLength:i="",expandText:d,hideText:l,hideDivider:c=!1,children:p}){const a=useLocation(),n=pathIncludesLink(a,r),[m,y]=useState(e||n),x=m?cycleColorsByLevel(o):void 0;return t?_jsxs(Wrapper,{$divider:!c&&!m,className:"view-nested-wrapper",children:[_jsxs(ShowProperty,{variant:"ghost",icon:_jsx(CircleIcon,{sign:m?"-":"+",color:x}),onClick:()=>y(!m),children:[!m&&(d||`Show ${1===Number(i)?"":i} ${s&&"array "}${1!==i?"properties":"property"}`),m&&(l||"")]}),m&&_jsx(StyledNested,{color:x,children:p})]}):p}export const ViewNested=memo(ViewNestedComponent);const ShowProperty=styled(Button)`
   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);
-  margin-top: var(--spacing-xxs);
-  width: 100%;
 `,StyledNested=styled.div`
   padding-left: var(--schema-nested-offset);
   border-left: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { MediaContentModel } from '../../../models';
 interface BodyContentProps {
     skipReadOnly?: boolean;
@@ -8,5 +8,5 @@ interface BodyContentProps {
     content?: MediaContentModel;
     deepLink: string;
 }
-export declare const BodyContent: React.NamedExoticComponent<BodyContentProps>;
+export declare const BodyContent: import("react").NamedExoticComponent<BodyContentProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{useAtom}from"jotai";import{LinkIcon}from"@redocly/theme";import{Dropdown}from"../DropdownTheme";import{RequiredLabel}from"../Fields";import{ConstraintsView}from"../ConstraintsView";import{Schema}from"../../Schema";import{getActiveMediaType}from"../../../models";import{Markdown}from"../../Markdown";import{activeMimeNameAtom}from"../../../jotai/app";import{LinkToField}from"../LinkToField";function BodyContentComponent({required:e,skipReadOnly:t,skipWriteOnly:o,description:n,content:i,deepLink:r}){const[a,m]=useAtom(activeMimeNameAtom);if(!i)return null;const{schema:l,examples:c,operation:s,name:p}=getActiveMediaType(i,a);return React.createElement(React.Fragment,null,React.createElement(Title,null,React.createElement(LinkToField,{to:r}),"Body",React.createElement(Dropdown,{options:i.mediaTypes.map((({name:e})=>({label:e,value:e}))),value:p,onChange:({value:e})=>m(e)})),e&&React.createElement(RequiredLabel,null,"required"),React.createElement(StyledMarkdown,{source:n}),"object"===(null==l?void 0:l.type)&&(null==l?void 0:l.constraints)&&React.createElement(ConstraintsView,{constraints:(null==l?void 0:l.constraints)||[]}),React.createElement(Schema,{skipReadOnly:t,skipWriteOnly:o,key:"schema",schema:l,examples:c,operation:s}))}export const BodyContent=memo(BodyContentComponent);const StyledMarkdown=styled(Markdown)`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{useAtom}from"jotai";import{LinkIcon}from"@redocly/theme";import{Dropdown}from"../DropdownTheme";import{RequiredLabel}from"../Fields";import{ConstraintsView}from"../ConstraintsView";import{Schema}from"../../Schema";import{getActiveMediaType}from"../../../models";import{Markdown}from"../../Markdown";import{activeMimeNameAtom}from"../../../jotai/app";import{LinkToField}from"../LinkToField";function BodyContentComponent({required:e,skipReadOnly:o,skipWriteOnly:t,description:i,content:r,deepLink:n}){const[a,s]=useAtom(activeMimeNameAtom);if(!r)return null;const{schema:m,examples:l,operation:p,name:d}=getActiveMediaType(r,a);return _jsxs(_Fragment,{children:[_jsxs(Title,{children:[_jsx(LinkToField,{to:n}),"Body",_jsx(Dropdown,{options:r.mediaTypes.map((({name:e})=>({label:e,value:e}))),value:d,onChange:({value:e})=>s(e)})]}),e&&_jsx(RequiredLabel,{children:"required"}),_jsx(StyledMarkdown,{source:i}),"object"===(null==m?void 0:m.type)&&(null==m?void 0:m.constraints)&&_jsx(ConstraintsView,{constraints:(null==m?void 0:m.constraints)||[]}),_jsx(Schema,{skipReadOnly:o,skipWriteOnly:t,schema:m,examples:l,operation:p},"schema")]})}export const BodyContent=memo(BodyContentComponent);const StyledMarkdown=styled(Markdown)`
   margin: var(--spacing-xxs) 0 0;
 `,Title=styled.span`
   position: relative;

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

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

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

@@ -1,2 +1,2 @@
-import React,{memo}from"react";const ClearButtonComponent=({className:e,style:t,handleClear:o})=>React.createElement("button",{className:e,style:t,onClick:o},"✕");export const ClearButton=memo(ClearButtonComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";const ClearButtonComponent=({className:t,style:e,handleClear:o})=>_jsx("button",{className:t,style:e,onClick:o,children:"✕"});export const ClearButton=memo(ClearButtonComponent);
 //# sourceMappingURL=ClearButton.js.map

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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 export interface ConstraintsViewProps {
     constraints: string[];
 }
-export declare const ConstraintsView: React.NamedExoticComponent<ConstraintsViewProps>;
+export declare const ConstraintsView: import("react").NamedExoticComponent<ConstraintsViewProps>;

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

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{Tag}from"./Fields";function ConstraintsViewComponent({constraints:t}){return 0===t.length?null:React.createElement(Wrapper,null,t.map((t=>React.createElement(Tag,{key:t}," ",t," "))))}export const ConstraintsView=memo(ConstraintsViewComponent);const Wrapper=styled.div`
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{Tag}from"./Fields";function ConstraintsViewComponent({constraints:s}){return 0===s.length?null:_jsx(Wrapper,{children:s.map((s=>_jsxs(Tag,{children:[" ",s," "]},s)))})}export const ConstraintsView=memo(ConstraintsViewComponent);const Wrapper=styled.div`
   margin-top: var(--spacing-xxs);
 `;
 //# sourceMappingURL=ConstraintsView.js.map

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

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

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

@@ -1,2 +1,2 @@
-import React,{memo,useMemo}from"react";import{ClearButton}from"../ClearButton";import{normalizeText}from"../../../utils";import{Arrow}from"./styled";const DropdownComponent=({options:e,onChange:t,handleClear:o,clearable:a,placeholder:l,value:n="",className:r})=>{var c;const m=useMemo((()=>e.map((({idx:e,value:t,title:o},a)=>{const l=normalizeText(t);return React.createElement("option",{key:e||l+a,value:l,className:"dropdown-option"},o||l)}))),[e]),d=normalizeText(n),i=(null===(c=e.find((e=>e.value===n)))||void 0===c?void 0:c.title)||d;return React.createElement("div",{className:r+" dropdown-wrapper"},React.createElement(Arrow,null),a&&(null==d?void 0:d.length)>0&&React.createElement(ClearButton,{handleClear:o}),React.createElement("select",{onChange:o=>{const{selectedIndex:a}=o.target;t(e[l||!n?a-1:a])},value:d,className:"dropdown-select","aria-label":"dropdown select"},l&&React.createElement("option",{disabled:!0,hidden:!0,value:l},l),!d&&!l&&React.createElement("option",{disabled:!0}),m),React.createElement("label",null,i))};export const Dropdown=memo(DropdownComponent);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useMemo}from"react";import{ClearButton}from"../ClearButton";import{normalizeText}from"../../../utils";import{Arrow}from"./styled";const DropdownComponent=({options:e,onChange:o,handleClear:r,clearable:l,placeholder:n,value:t="",className:a})=>{var s;const d=useMemo((()=>e.map((({idx:e,value:o,title:r},l)=>{const n=normalizeText(o);return _jsx("option",{value:n,className:"dropdown-option",children:r||n},e||n+l)}))),[e]),i=normalizeText(t),m=(null===(s=e.find((e=>e.value===t)))||void 0===s?void 0:s.title)||i;return _jsxs("div",{className:a+" dropdown-wrapper",children:[_jsx(Arrow,{}),l&&(null==i?void 0:i.length)>0&&_jsx(ClearButton,{handleClear:r}),_jsxs("select",{onChange:r=>{const{selectedIndex:l}=r.target;o(e[n||!t?l-1:l])},value:i,className:"dropdown-select","aria-label":"dropdown select",children:[n&&_jsx("option",{disabled:!0,hidden:!0,value:n,children:n}),!i&&!n&&_jsx("option",{disabled:!0}),d]}),_jsx("label",{children:m})]})};export const Dropdown=memo(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

package/lib-esm/components/common/DropdownTheme/Dropdown.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { SelectOption } from '@redocly/theme';
 interface DropdownProps<T> {
     value: T;
@@ -8,6 +7,6 @@ interface DropdownProps<T> {
     }) => void;
     options: SelectOption<T>[];
 }
-declare function DropdownComponent<T>({ options, value, onChange }: DropdownProps<T>): React.JSX.Element;
+declare function DropdownComponent<T>({ options, value, onChange }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare const Dropdown: typeof DropdownComponent;
 export {};

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

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{Dropdown as DropdownTheme,typedMemo,CheckmarkIcon}from"@redocly/theme";function DropdownComponent({options:e,value:t,onChange:o}){var n;const a=null===(n=e.find((e=>e.value===t)))||void 0===n?void 0:n.label;return 1===e.length?React.createElement(Title,null,a):React.createElement(StyledDropdown,{withArrow:!0,items:e.map((e=>React.createElement(Option,{key:e.label,isActive:e.value===t,onClick:()=>o(e)},e.label,e.label===t&&React.createElement(StyledCheckmarkIcon,null))))},React.createElement(Title,null,a))}export const Dropdown=typedMemo(DropdownComponent);const StyledCheckmarkIcon=styled(CheckmarkIcon)`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{Dropdown as DropdownTheme,typedMemo,CheckmarkIcon,Button}from"@redocly/theme";function DropdownComponent({options:e,value:t,onChange:o}){var n;const i=null===(n=e.find((e=>e.value===t)))||void 0===n?void 0:n.label;return 1===e.length?_jsx(Title,{variant:"ghost",children:i}):_jsx(StyledDropdown,{withArrow:!0,items:e.map((e=>_jsxs(Option,{isActive:e.value===t,onClick:()=>o(e),children:[e.label,e.label===t&&_jsx(StyledCheckmarkIcon,{})]},e.label))),children:_jsx(Title,{variant:"ghost",children:i})})}export const Dropdown=typedMemo(DropdownComponent);const StyledCheckmarkIcon=styled(CheckmarkIcon)`
   width: 16px;
   height: 16px;
   margin-left: auto;
@@ -9,16 +9,8 @@ import React from"react";import styled from"styled-components";import{Dropdown a
   gap: var(--spacing-md);
   padding: var(--spacing-xxs) var(--spacing-sm);
   font-weight: ${({isActive:e})=>e&&"var(--font-weight-medium)"};
-`,Title=styled.button`
+`,Title=styled(Button)`
   margin-right: var(--spacing-unit);
-  cursor: default;
-  background: none;
-  border: none;
-  padding: 0;
-  color: var(--text-color-primary);
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-  font-family: var(--font-family-base);
 `,StyledDropdown=styled(DropdownTheme)`
   ${Title} {
     cursor: pointer;

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

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 export interface ExtensionsProps {
     extensions: {
         [k: string]: string | Record<string, unknown>;
     };
 }
-export declare const Extensions: React.NamedExoticComponent<ExtensionsProps>;
+export declare const Extensions: import("react").NamedExoticComponent<ExtensionsProps>;

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

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Markdown as MarkdownWrapper}from"@redocly/theme";import{ExtensionValue,FieldLabel}from"./index";import{globalOptionsAtom}from"../../jotai/store";const Extension=styled(MarkdownWrapper)`
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Markdown as MarkdownWrapper}from"@redocly/theme";import{ExtensionValue,FieldLabel}from"./index";import{globalOptionsAtom}from"../../jotai/store";const Extension=styled(MarkdownWrapper)`
   margin: 2px 0;
-`;function ExtensionsComponent({extensions:e}){const{showExtensions:t,preserveOriginalExtensionsName:o}=useAtomValue(globalOptionsAtom);return t?React.createElement("div",null,Object.keys(e).map((t=>React.createElement(Extension,{key:t},React.createElement(FieldLabel,null,o?t:t.substring(2),": ")," ",React.createElement(ExtensionValue,null,"string"==typeof e[t]?e[t]:JSON.stringify(e[t])))))):null}export const Extensions=memo(ExtensionsComponent);
+`;function ExtensionsComponent({extensions:o}){const{showExtensions:e,preserveOriginalExtensionsName:s}=useAtomValue(globalOptionsAtom);return e?_jsx("div",{children:Object.keys(o).map((e=>_jsxs(Extension,{children:[_jsxs(FieldLabel,{children:[s?e:e.substring(2),": "]})," ",_jsx(ExtensionValue,{children:"string"==typeof o[e]?o[e]:JSON.stringify(o[e])})]},e)))}):null}export const Extensions=memo(ExtensionsComponent);
 //# sourceMappingURL=Extensions.js.map

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
     kind?: string | undefined;
 }, never>;
@@ -19,4 +20,7 @@ export declare const ExampleValue: import("styled-components").StyledComponent<"
 export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
+    variant: "link";
+    size: "small";
+}, "variant" | "size">;

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

@@ -1,4 +1,4 @@
-import styled,{css}from"styled-components";import{typography}from"../../../utils";import{PropertyNameCell,getCssVariable}from"./fields-layout";export const ClickablePropertyNameCell=styled(PropertyNameCell)`
+import styled,{css}from"styled-components";import{Button}from"@redocly/theme";import{typography}from"../../../utils";import{PropertyNameCell,getCssVariable}from"./fields-layout";export const ClickablePropertyNameCell=styled(PropertyNameCell)`
   button {
     background-color: transparent;
     border: 0;
@@ -100,13 +100,9 @@ import styled,{css}from"styled-components";import{typography}from"../../../utils
   & + & {
     margin-left: 0;
   }
-`;export const PatternLabel=styled(ConstraintItem)``;export const ToggleButton=styled.button`
-  background-color: transparent;
+`;export const PatternLabel=styled(ConstraintItem)``;export const ToggleButton=styled(Button).attrs((()=>({variant:"link",size:"small"})))`
   padding: 0;
-  color: var(--button-content-color-primary);
-  border-radius: var(--border-radius);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-  font-weight: var(--font-weight-regular);
 `;
 //# sourceMappingURL=fields.js.map

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

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";const LoadingLine=styled.div`
+import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";const LoadingLine=styled.div`
   position: relative;
   height: 4px;
   display: block;
@@ -100,5 +100,5 @@ import React from"react";import styled from"styled-components";const LoadingLine
       right: -8%;
     }
   }
-`;export const LinearProgress=()=>React.createElement(LoadingLine,null,React.createElement("div",{className:"indeterminate"}));
+`;export const LinearProgress=()=>_jsx(LoadingLine,{children:_jsx("div",{className:"indeterminate"})});
 //# sourceMappingURL=LinearProgress.js.map

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

@@ -1,4 +1,4 @@
-import styled,{css}from"styled-components";import React from"react";import{useLocation}from"react-router-dom";import{LinkIcon}from"@redocly/theme";import{joinWithSeparator}from"../../services";import{constructFieldDeepFragment}from"../../services/history/helpers";import{ShareLink}from"./linkify";export function generateDeepLink(i){const e=i.deps.operation,o=constructFieldDeepFragment(i);return(null==e?void 0:e.id)||e.isCallback?joinWithSeparator(e.href,joinWithSeparator(e.id,o),"#"):"#"+o}export const LinkToField=({to:i,className:e})=>{const o=i,t=useLocation(),r=null==o?void 0:o.split("#")[1],n=!!t&&t.hash===`#${r}`;return React.createElement(ShareLinkToField,{ariaLabel:`link  to ${o}`,className:e,isActive:n,to:o,id:r})};export const ShareLinkToField=styled(ShareLink)`
+import{jsx as _jsx}from"react/jsx-runtime";import styled,{css}from"styled-components";import{useLocation}from"react-router-dom";import{LinkIcon}from"@redocly/theme";import{joinWithSeparator}from"../../services";import{constructFieldDeepFragment}from"../../services/history/helpers";import{ShareLink}from"./linkify";export function generateDeepLink(i){const o=i.deps.operation,e=constructFieldDeepFragment(i);return(null==o?void 0:o.id)||o.isCallback?joinWithSeparator(o.href,joinWithSeparator(o.id,e),"#"):"#"+e}export const LinkToField=({to:i,className:o})=>{const e=i,r=useLocation(),t=null==e?void 0:e.split("#")[1],n=!!r&&r.hash===`#${t}`;return _jsx(ShareLinkToField,{ariaLabel:`link  to ${e}`,className:o,isActive:n,to:e,id:t})};export const ShareLinkToField=styled(ShareLink)`
   display: flex;
   ${LinkIcon} {
     visibility: hidden;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { SelectOption } from '@redocly/theme';
 import type { SchemaModel } from '../../../models';
 interface SchemaSelectionProps {
@@ -7,6 +6,6 @@ interface SchemaSelectionProps {
     pointer: string;
     schema: SchemaModel;
 }
-declare function SchemaSelectionComponent({ options, onChange, pointer, schema }: SchemaSelectionProps): React.JSX.Element | null;
+declare function SchemaSelectionComponent({ options, onChange, pointer, schema }: SchemaSelectionProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const SchemaSelection: typeof SchemaSelectionComponent;
 export {};

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

@@ -1,2 +1,2 @@
-import React,{useCallback}from"react";import{useAtom}from"jotai";import{Segmented,isUndefined}from"@redocly/theme";import{Dropdown}from"../DropdownTheme";import{operationStore}from"../../../jotai/operation";const LIMIT_FOR_SEGMENTED=5;function SchemaSelectionComponent({options:e,onChange:o,pointer:n,schema:t}){var i,a;const[r,l]=useAtom(operationStore(n)),c=null===(a=e[null!==(i=r.activeOneOf[t.pointer])&&void 0!==i?i:0])||void 0===a?void 0:a.value,m=useCallback((({value:e})=>{void 0!==e&&(o?o(e):l((o=>{var n,i;return Object.assign(Object.assign({},o),{activeExampleName:(null===(i=null===(n=t.oneOf)||void 0===n?void 0:n[e])||void 0===i?void 0:i.title)||o.activeExampleName,activeOneOf:Object.assign(Object.assign({},o.activeOneOf),{[t.pointer]:e})})})))}),[o,t.oneOf,t.pointer,l]);return isUndefined(c)?null:e.length>LIMIT_FOR_SEGMENTED?React.createElement(Dropdown,{options:e,value:c,onChange:m}):React.createElement(Segmented,{value:c,onChange:m,options:e,size:"small"})}export const SchemaSelection=SchemaSelectionComponent;
+import{jsx as _jsx}from"react/jsx-runtime";import{useCallback}from"react";import{useAtom}from"jotai";import{Segmented,isUndefined}from"@redocly/theme";import{Dropdown}from"../DropdownTheme";import{operationStore}from"../../../jotai/operation";const LIMIT_FOR_SEGMENTED=5;function SchemaSelectionComponent({options:e,onChange:o,pointer:n,schema:t}){var i,a;const[r,m]=useAtom(operationStore(n)),s=null===(a=e[null!==(i=r.activeOneOf[t.pointer])&&void 0!==i?i:0])||void 0===a?void 0:a.value,l=useCallback((({value:e})=>{void 0!==e&&(o?o(e):m((o=>{var n,i;return Object.assign(Object.assign({},o),{activeExampleName:(null===(i=null===(n=t.oneOf)||void 0===n?void 0:n[e])||void 0===i?void 0:i.title)||o.activeExampleName,activeOneOf:Object.assign(Object.assign({},o.activeOneOf),{[t.pointer]:e})})})))}),[o,t.oneOf,t.pointer,m]);return isUndefined(s)?null:e.length>LIMIT_FOR_SEGMENTED?_jsx(Dropdown,{options:e,value:s,onChange:l}):_jsx(Segmented,{value:s,onChange:l,options:e,size:"small"})}export const SchemaSelection=SchemaSelectionComponent;
 //# sourceMappingURL=SchemaSelection.js.map

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

@@ -1,4 +1,4 @@
-import React from"react";import styled,{keyframes}from"styled-components";import{H2}from"@redocly/theme";import{Section,SamplesMiddlePanel}from"../panels";const shimmer=keyframes`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled,{keyframes}from"styled-components";import{H2}from"@redocly/theme";import{Section,SamplesMiddlePanel}from"../panels";const shimmer=keyframes`
   100% {
       transform: translateX(100%);
   }
@@ -28,5 +28,5 @@ import React from"react";import styled,{keyframes}from"styled-components";import
     animation: ${shimmer} 2s infinite;
     content: '';
   }
-`;export function Skeleton(){return React.createElement(Section,null,React.createElement(SamplesMiddlePanel,null,React.createElement(H2,null,React.createElement(SkeletonBox,{style:{width:"40%"}})),React.createElement(SkeletonBox,{style:{width:"80%"}}),React.createElement(SkeletonBox,{style:{width:"90%"}}),React.createElement(SkeletonBox,{style:{width:"83%"}}),React.createElement(SkeletonBox,{style:{width:"80%"}})))}
+`;export function Skeleton(){return _jsx(Section,{children:_jsxs(SamplesMiddlePanel,{children:[_jsx(H2,{children:_jsx(SkeletonBox,{style:{width:"40%"}})}),_jsx(SkeletonBox,{style:{width:"80%"}}),_jsx(SkeletonBox,{style:{width:"90%"}}),_jsx(SkeletonBox,{style:{width:"83%"}}),_jsx(SkeletonBox,{style:{width:"80%"}})]})})}
 //# sourceMappingURL=Skeleton.js.map

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

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Link as LinkRouter}from"react-router-dom";import{LinkIcon}from"@redocly/theme";import{globalOptionsAtom}from"../../jotai/store";export function Link(e){var t;const{routingBasePath:i,hooks:o,onDeepLinkClick:n,disableDeepLinks:a}=useAtomValue(globalOptionsAtom);if(a)return null;const r=e.security?null===(t=null==o?void 0:o.replaceSecurityLink)||void 0===t?void 0:t.call(o,{securityRequirementId:e.to}):e.to,l=n&&{onClick:e=>{e.preventDefault(),n(i+r)}};return r?React.createElement(LinkRouter,Object.assign({"aria-label":e["aria-label"]||`link to ${r}`,id:e.id,className:e.className||"",to:(null==r?void 0:r.startsWith("#"))?r:i+r},l),e.children):e.children?React.createElement("span",{"aria-label":e["aria-label"]||`link to ${r}`,className:e.className}," ",e.children," "):null}export const StyledShareLink=styled(Link)`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{useAtomValue}from"jotai";import{Link as LinkRouter}from"react-router-dom";import{LinkIcon}from"@redocly/theme";import{globalOptionsAtom}from"../../jotai/store";export function Link(i){var o;const{routingBasePath:e,hooks:t,onDeepLinkClick:n,disableDeepLinks:r}=useAtomValue(globalOptionsAtom);if(r)return null;const a=i.security?null===(o=null==t?void 0:t.replaceSecurityLink)||void 0===o?void 0:o.call(t,{securityRequirementId:i.to}):i.to,s=n&&{onClick:i=>{i.preventDefault(),n(e+a)}};return a?_jsx(LinkRouter,Object.assign({"aria-label":i["aria-label"]||`link to ${a}`,id:i.id,className:i.className||"",to:(null==a?void 0:a.startsWith("#"))?a:e+a},s,{children:i.children})):i.children?_jsxs("span",{"aria-label":i["aria-label"]||`link to ${a}`,className:i.className,children:[" ",i.children," "]}):null}export const StyledShareLink=styled(Link)`
   position: absolute;
   top: 50%;
   left: 0;
@@ -15,5 +15,5 @@ import React from"react";import styled from"styled-components";import{useAtomVal
     visibility: visible;
     opacity: 1;
   }
-`;export function ShareLink(e){return React.createElement(StyledShareLink,Object.assign({},e),React.createElement(LinkIcon,{size:"13px",color:"--heading-anchor-color"}))}
+`;export function ShareLink(i){return _jsx(StyledShareLink,Object.assign({},i,{children:_jsx(LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}
 //# sourceMappingURL=linkify.js.map

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

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

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

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