@redocly/openapi-docs 3.11.0-rc.1 → 3.11.0

package/lib/components/Security/helper.d.ts

@@ -1,2 +1,2 @@
-import type { SecurityRequirement } from '../../models';
+import type { SecurityRequirement } from '../../models/index.js';
 export declare function getRequiredScopes(id: string, securities: SecurityRequirement[]): string[];

package/lib/components/Security/helper.js

@@ -1,2 +1 @@
-"use strict";function getRequiredScopes(e,r){const o=new Set;return r.forEach((({schemes:r})=>{r.forEach((({id:r,scopes:s})=>{r===e&&s.forEach((e=>o.add(e)))}))})),Array.from(o)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getRequiredScopes=getRequiredScopes;
-//# sourceMappingURL=helper.js.map
+function n(e,o){const r=new Set;return o.forEach(({schemes:c})=>{c.forEach(({id:a,scopes:f})=>{a===e&&f.forEach(t=>r.add(t))})}),Array.from(r)}export{n as getRequiredScopes};

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

@@ -1 +1,10 @@
-export { Security } from './Security';
+export { Security } from './Security.js';
+export { SecurityButton } from './SecurityButton.js';
+export { SecurityFlow } from './SecurityFlow.js';
+export { SecuritySchemeItem } from './SecuritySchemeItem.js';
+export { OAuthFlow } from './OAuthFlow.js';
+export { OAuthOptionalScopes, OAuthRequiredScopes } from './OAuthScopes.js';
+export { SecurityModal } from './SecurityModal.js';
+export { Divider } from './Divider.js';
+export * from './helper.js';
+export * from './styled.js';

package/lib/components/Security/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Security=void 0;var Security_1=require("./Security");Object.defineProperty(exports,"Security",{enumerable:!0,get:function(){return Security_1.Security}});
-//# sourceMappingURL=index.js.map
+import{Security as e}from"./Security.js";import{SecurityButton as p}from"./SecurityButton.js";import{SecurityFlow as f}from"./SecurityFlow.js";import{SecuritySchemeItem as x}from"./SecuritySchemeItem.js";import{OAuthFlow as c}from"./OAuthFlow.js";import{OAuthOptionalScopes as y,OAuthRequiredScopes as h}from"./OAuthScopes.js";import{SecurityModal as O}from"./SecurityModal.js";import{Divider as A}from"./Divider.js";export*from"./helper.js";export*from"./styled.js";export{A as Divider,c as OAuthFlow,y as OAuthOptionalScopes,h as OAuthRequiredScopes,e as Security,p as SecurityButton,f as SecurityFlow,O as SecurityModal,x as SecuritySchemeItem};

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

@@ -1,2 +1,2 @@
-export declare const Tag: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLink: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const Tag: any;
+export declare const StyledLink: any;

package/lib/components/Security/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledLink=exports.Tag=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.Tag=styled_components_1.default.div`
+import{styled as r}from"../../styled-components.js";const a=r.div`
   border-radius: var(--border-radius);
   padding: 0 var(--spacing-xxs);
   font-family: var(--font-family-monospaced);
@@ -6,9 +6,8 @@
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
   background-color: var(--tag-bg-color);
-`,exports.StyledLink=styled_components_1.default.a`
+`,i=r.a`
   color: var(--link-color-primary);
   text-decoration: none;
   word-wrap: break-word;
-`;
-//# sourceMappingURL=styled.js.map
+`;export{i as StyledLink,a as Tag};

package/lib/components/SelectOrLabel/SelectOrLabel.d.ts

@@ -1,5 +1,5 @@
 import type { FC, PropsWithChildren, ReactElement } from 'react';
-import type { SelectProps } from '../common/Select';
+import type { SelectProps } from '../common/Select/index.js';
 export interface SelectOrLabelProps extends SelectProps {
     Label?: FC<PropsWithChildren>;
     Select?: FC<SelectProps>;

package/lib/components/SelectOrLabel/SelectOrLabel.js

@@ -1,8 +1,7 @@
-"use strict";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 n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectOrLabel=SelectOrLabel;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),Select_1=require("../common/Select"),MimeLabel=styled_components_1.default.span`
+import{jsx as o}from"react/jsx-runtime";import{SimpleSelect as n}from"../common/Select/index.js";import{styled as i}from"../../styled-components.js";const m=i.span`
   margin-left: 4px;
   font-size: 14px;
   text-transform: none;
   font-weight: 400;
   color: var(--text-color-primary);
-`;function SelectOrLabel(e){var{Label:t=MimeLabel,Select:r=Select_1.SimpleSelect}=e,o=__rest(e,["Label","Select"]);return 1===o.options.length?(0,jsx_runtime_1.jsx)(t,{children:o.options[0].value}):(0,jsx_runtime_1.jsx)(r,Object.assign({},o))}
-//# sourceMappingURL=SelectOrLabel.js.map
+`;function p({Label:r=m,Select:e=n,...t}){return t.options.length===1?o(r,{children:t.options[0].value}):o(e,{...t})}export{p as SelectOrLabel};

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

@@ -1 +1 @@
-export { SelectOrLabel } from './SelectOrLabel';
+export { SelectOrLabel } from './SelectOrLabel.js';

package/lib/components/SelectOrLabel/index.js

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

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

@@ -1,3 +1,3 @@
 import type { ReactElement } from 'react';
-import type { ServerListProps } from './types';
+import type { ServerListProps } from './types.js';
 export declare const ServerList: ({ servers, path, translate }: ServerListProps) => ReactElement;

package/lib/components/ServerList/ServerList.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PanelItem_1=require("../PanelItem"),ViewNested_1=require("../ViewNested"),common_1=require("../common"),Markdown_1=require("../Markdown"),ServerList=({servers:e,path:t,translate:r})=>(0,jsx_runtime_1.jsx)(ItemsList,{children:e.map((e=>{const i=e.url+t,n=Object.keys(e.variables||{}).length,a=1===n?"variable":"variables",s=`${n||""} ${r(`openapi.${a}`,a)}`;return(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.description}),(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[(0,jsx_runtime_1.jsx)(PanelItem_1.Title,{suppressHydrationWarning:!0,children:i}),(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:i},i)]}),e.variables&&(0,jsx_runtime_1.jsx)(ViewNested_1.ViewNested,{expandText:`${r("openapi.actions.show","Show")} ${s}`,hideText:`${r("openapi.actions.hide","Hide")} ${s}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:(0,jsx_runtime_1.jsx)(ServerVariablesContainer,{children:Object.entries(e.variables||{}).map((([e,t])=>(0,jsx_runtime_1.jsxs)(ServerVariableContainer,{children:[(0,jsx_runtime_1.jsx)(ServerVariableName,{children:e}),(0,jsx_runtime_1.jsxs)(Variable,{children:[r("openapi.default","Default")," ",(0,jsx_runtime_1.jsx)(StyledTag,{children:t.default})]}),(0,jsx_runtime_1.jsx)(Description,{source:t.description}),t.enum&&(0,jsx_runtime_1.jsxs)(Variable,{children:[r("openapi.enum","Enum")," ",(0,jsx_runtime_1.jsx)(TagWrapper,{children:t.enum.map((e=>(0,jsx_runtime_1.jsx)(StyledTag,{children:e},e)))})]})]},e)))})})]},e.url)}))});exports.ServerList=ServerList;const ItemsList=styled_components_1.default.div`
+import{jsx as i,jsxs as t}from"react/jsx-runtime";import{CopyButton as v}from"@redocly/theme";import{PanelItemDescription as x,Title as f}from"../PanelItem/index.js";import{ViewNested as u}from"../ViewNested/index.js";import{Tag as y}from"../common/index.js";import{Markdown as w}from"../Markdown/index.js";import{styled as e}from"../../styled-components.js";const V=({servers:h,path:b,translate:r})=>i(j,{children:h.map(o=>{const a=o.url+b,d=Object.keys(o.variables||{}).length,p=d===1?"variable":"variables",l=`${d||""} ${r(`openapi.${p}`,p)}`;return t("div",{children:[i(x,{children:o.description}),t(k,{children:[i(f,{suppressHydrationWarning:!0,children:a}),i(v,{data:a},a)]}),o.variables&&i(u,{expandText:`${r("openapi.actions.show","Show")} ${l}`,hideText:`${r("openapi.actions.hide","Hide")} ${l}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:i(S,{children:Object.entries(o.variables||{}).map(([c,n])=>t(T,{children:[i(z,{children:c}),t(s,{children:[r("openapi.default","Default")," ",i(g,{children:n.default})]}),i($,{source:n.description}),n.enum&&t(s,{children:[r("openapi.enum","Enum")," ",i(D,{children:n.enum.map(m=>i(g,{children:m},m))})]})]},c))})})]},o.url)})}),j=e.div`
   & > div {
     border-bottom: 1px solid var(--border-color-secondary);
     margin-bottom: var(--spacing-xs);
@@ -10,7 +10,7 @@
     margin-bottom: 0;
     padding-bottom: 0;
   }
-`,ServerVariablesContainer=styled_components_1.default.div`
+`,S=e.div`
   padding-left: var(--spacing-xxs);
   & > div {
     border-bottom: 1px solid var(--border-color-secondary);
@@ -28,33 +28,32 @@
     margin-bottom: 0;
     padding-bottom: 0;
   }
-`,ServerVariableContainer=styled_components_1.default.div`
+`,T=e.div`
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
-`,Description=(0,styled_components_1.default)(Markdown_1.Markdown)`
+`,$=e(w)`
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
-`,Variable=styled_components_1.default.span`
+`,s=e.span`
   display: flex;
   gap: var(--spacing-xxs);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
-`,ServerVariableName=(0,styled_components_1.default)(Variable)`
+`,z=e(s)`
   padding-bottom: var(--spacing-xxs);
   font-weight: var(--font-weight-semibold);
-`,TagWrapper=styled_components_1.default.span`
+`,D=e.span`
   display: flex;
   gap: var(--spacing-xxs);
   flex-wrap: wrap;
-`,StyledTag=(0,styled_components_1.default)(common_1.Tag)`
+`,g=e(y)`
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-`,TitleWrap=styled_components_1.default.div`
+`,k=e.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`;
-//# sourceMappingURL=ServerList.js.map
+`;export{V as ServerList};

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

@@ -1 +1 @@
-export { ServerList } from './ServerList';
+export { ServerList } from './ServerList.js';

package/lib/components/ServerList/index.js

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

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

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

package/lib/components/ServerList/types.js

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

package/lib/components/ServerListDropdown/ServerListDropdown.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { OperationModel } from '../../models';
+import type { OperationModel } from '../../models/index.js';
 export interface ServerListDropdownProps {
     operation: OperationModel;
     className?: string;

package/lib/components/ServerListDropdown/ServerListDropdown.js

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

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

@@ -1 +1 @@
-export { ServerListDropdown } from './ServerListDropdown';
+export { ServerListDropdown } from './ServerListDropdown.js';

package/lib/components/ServerListDropdown/index.js

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

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

@@ -1,5 +1,4 @@
-import { DropdownMenuItem } from '@redocly/theme';
-export declare const PathWrapper: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps, never>;
-export declare const Path: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledDropdownMenuItem: import("styled-components").StyledComponent<typeof DropdownMenuItem, any, {}, never>;
-export declare const StyledCopyButton: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("@redocly/theme").CopyButtonProps>, any, {}, never>;
+export declare const PathWrapper: any;
+export declare const Path: any;
+export declare const StyledDropdownMenuItem: any;
+export declare const StyledCopyButton: any;

package/lib/components/ServerListDropdown/styled.js

@@ -1,23 +1,22 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledCopyButton=exports.StyledDropdownMenuItem=exports.Path=exports.PathWrapper=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.PathWrapper=(0,styled_components_1.default)(theme_1.Button)`
+import{breakpoints as o,Button as t,CopyButton as n,DropdownMenuItem as r}from"@redocly/theme";import{styled as e}from"../../styled-components.js";const p=e(t)`
   display: inline-flex;
   overflow-x: hidden;
   font-weight: var(--font-weight-regular);
-`,exports.Path=styled_components_1.default.span`
+`,l=e.span`
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline-block;
   line-height: var(--line-height-base);
   font-size: var(--font-size-base);
-`,exports.StyledDropdownMenuItem=(0,styled_components_1.default)(theme_1.DropdownMenuItem)`
+`,s=e(r)`
   padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
     var(--spacing-lg);
-  @media screen and (max-width: ${theme_1.breakpoints.large}) {
+  @media screen and (max-width: ${o.large}) {
     max-width: 280px;
   }
-`,exports.StyledCopyButton=(0,styled_components_1.default)(theme_1.CopyButton)`
+`,d=e(n)`
   :hover {
     background-color: var(--dropdown-menu-item-bg-color-hover);
   }
-`;
-//# sourceMappingURL=styled.js.map
+`;export{l as Path,p as PathWrapper,d as StyledCopyButton,s as StyledDropdownMenuItem};

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

@@ -1,8 +1,8 @@
-import type { ExtendedMenuItem, IMenuItem } from '../../services';
+import type { ExtendedMenuItem, IMenuItem } from '../../services/index.js';
 interface SideMenuProps {
     items: (ExtendedMenuItem & IMenuItem)[];
     className?: string;
 }
 export declare const SideMenu: import("react").NamedExoticComponent<SideMenuProps>;
-export declare const MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuWrapper: any;
 export {};

package/lib/components/SideMenu/SideMenu.js

@@ -1,4 +1,3 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuWrapper=exports.SideMenu=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),useMenuItems_1=require("./hooks/useMenuItems"),SideMenuComponent=({items:e,className:t})=>{const r=(0,useMenuItems_1.useMenuItems)({items:e});return(0,jsx_runtime_1.jsx)(exports.MenuWrapper,{className:t,children:(0,jsx_runtime_1.jsx)(theme_1.Menu,{items:r})})};exports.SideMenu=(0,react_1.memo)(SideMenuComponent),exports.MenuWrapper=styled_components_1.default.div`
+import{jsx as e}from"react/jsx-runtime";import{memo as t}from"react";import{Menu as n}from"@redocly/theme";import{useMenuItems as s}from"./hooks/useMenuItems.js";import{styled as i}from"../../styled-components.js";const p=({items:o,className:m})=>{const r=s({items:o});return e(u,{className:m,children:e(n,{items:r})})},l=t(p),u=i.div`
   overflow: auto;
-`;
-//# sourceMappingURL=SideMenu.js.map
+`;export{u as MenuWrapper,l as SideMenu};

package/lib/components/SideMenu/hooks/useMenuItems.d.ts

@@ -1,5 +1,5 @@
-import type { IMenuItem } from '../../../services';
-import type { ExtendedMenuItem } from '../types';
+import type { IMenuItem } from '../../../services/index.js';
+import type { ExtendedMenuItem } from '../types.js';
 type UseMenuItemsInput = {
     items: IMenuItem[];
 };

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

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

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

@@ -1 +1 @@
-export { SideMenu } from './SideMenu';
+export { SideMenu } from './SideMenu.js';

package/lib/components/SideMenu/index.js

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

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

@@ -1,4 +1,4 @@
-import type { IMenuItem } from '../../services';
+import type { IMenuItem } from '../../services/index.js';
 export interface MenuItemLinkProps {
     depth: number;
     active: boolean;

package/lib/components/SideMenu/types.js

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

package/lib/components/StickySidebar/SidebarActions.js

@@ -1,6 +1,5 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SidebarActions=void 0;const jsx_runtime_1=require("react/jsx-runtime"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../jotai/app"),SidebarActions=()=>{const[e,t]=(0,jotai_1.useAtom)(app_1.layoutAtom),[i,r]=(0,jotai_1.useAtom)(app_1.collapsedSidebarAtom);return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(Wrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.SidebarActions,{layout:e,onChangeViewClick:()=>t(e===theme_1.LayoutVariant.STACKED?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED),collapsedSidebar:i,onChangeCollapseSidebarClick:()=>r(!i),isApiDocs:!0})})})};exports.SidebarActions=SidebarActions;const Wrapper=styled_components_1.default.div`
+import{jsx as o,Fragment as n}from"react/jsx-runtime";import{useAtom as r}from"jotai";import{LayoutVariant as a,SidebarActions as c}from"@redocly/theme";import{collapsedSidebarAtom as d,layoutAtom as l}from"../../jotai/app.js";import{styled as p}from"../../styled-components.js";const g=()=>{const[t,e]=r(l),[i,s]=r(d);return o(n,{children:o(m,{children:o(c,{layout:t,onChangeViewClick:()=>e(t===a.STACKED?a.THREE_PANEL:a.STACKED),collapsedSidebar:i,onChangeCollapseSidebarClick:()=>s(!i),isApiDocs:!0})})})},m=p.div`
   position: sticky;
   top: calc(100vh);
   padding: var(--spacing-sm) var(--spacing-md);
-`;
-//# sourceMappingURL=SidebarActions.js.map
+`;export{g as SidebarActions};

package/lib/components/StickySidebar/StickyResponsiveSidebar.js

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

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

@@ -1 +1 @@
-export { StickyResponsiveSidebar } from './StickyResponsiveSidebar';
+export { StickyResponsiveSidebar } from './StickyResponsiveSidebar.js';

package/lib/components/StickySidebar/index.js

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

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

@@ -1,4 +1,4 @@
-import type { TabType } from '../../models/tab';
+import type { TabType } from '../../models/tab.js';
 type TabsProps = {
     tabs: TabType[];
     onChange: (tab: TabType) => void;

package/lib/components/Tabs/Tabs.js

@@ -1,10 +1,10 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=Tabs;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme");function Tabs({tabs:e,onChange:t,activeTab:r}){return(0,jsx_runtime_1.jsx)(TabList,{children:e.map((e=>(0,jsx_runtime_1.jsx)(Tab,{$active:e.key===(null==r?void 0:r.key),onClick:()=>t(e),children:(0,jsx_runtime_1.jsx)(theme_1.StatusCode,{status:e.key,children:e.title})},e.key)))})}const TabList=styled_components_1.default.ol`
+import{jsx as e}from"react/jsx-runtime";import{css as t}from"styled-components";import{StatusCode as n}from"@redocly/theme";import{styled as i}from"../../styled-components.js";function g({tabs:o,onChange:a,activeTab:l}){return e(s,{children:o.map(r=>e(c,{$active:r.key===l?.key,onClick:()=>a(r),children:e(n,{status:r.key,children:r.title})},r.key))})}const s=i.ol`
   display: flex;
   flex-wrap: wrap;
   list-style: none;
   margin: 0;
   padding: 0;
-`,Tab=styled_components_1.default.li`
+`,c=i.li`
   display: inline-flex;
   align-items: center;
   list-style: none;
@@ -22,14 +22,13 @@
   button {
     color: var(--text-color-secondary);
 
-    ${({$active:e})=>e?styled_components_1.css`
+    ${({$active:o})=>o?t`
             color: var(--text-color-primary);
             background-color: var(--tab-bg-color-filled);
-          `:styled_components_1.css`
+          `:t`
             &:hover {
               color: var(--text-color-primary);
             }
           `}
   }
-`;
-//# sourceMappingURL=Tabs.js.map
+`;export{g as Tabs};

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

@@ -1,2 +1,2 @@
-export { Tabs } from './Tabs';
-export { useTabsState } from './useTabsState';
+export { Tabs } from './Tabs.js';
+export { useTabsState } from './useTabsState.js';

package/lib/components/Tabs/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabsState=exports.Tabs=void 0;var Tabs_1=require("./Tabs");Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return Tabs_1.Tabs}});var useTabsState_1=require("./useTabsState");Object.defineProperty(exports,"useTabsState",{enumerable:!0,get:function(){return useTabsState_1.useTabsState}});
-//# sourceMappingURL=index.js.map
+import{Tabs as r}from"./Tabs.js";import{useTabsState as a}from"./useTabsState.js";export{r as Tabs,a as useTabsState};

package/lib/components/Tabs/useTabsState.d.ts

@@ -1,4 +1,4 @@
-import type { TabType } from '../../models/tab';
+import type { TabType } from '../../models/tab.js';
 interface UseTabsStateProps {
     tabs: TabType[];
     defaultTab?: string;

package/lib/components/Tabs/useTabsState.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabsState=useTabsState;const react_1=require("react"),theme_1=require("@redocly/theme");function useTabsState({tabs:e,defaultTab:t,onChange:a}){const[s,u]=(0,react_1.useState)(t||e[0].key);(0,theme_1.useMount)((()=>{t&&(u(t),null==a||a(t))}));const r=(0,react_1.useCallback)((e=>{s!==e.key&&u(e.key),null==a||a(e.key)}),[s,a]);return{activeTab:s,handleTabChange:r}}
-//# sourceMappingURL=useTabsState.js.map
+import{useCallback as k,useState as m}from"react";import{useMount as n}from"@redocly/theme";function p({tabs:r,defaultTab:e,onChange:t}){const[s,o]=m(e||r[0].key);n(()=>{e&&(o(e),t?.(e))});const c=k(i=>{s!==i.key&&o(i.key),t?.(i.key)},[s,t]);return{activeTab:s,handleTabChange:c}}export{p as useTabsState};

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

@@ -1,5 +1,5 @@
 import type { TFunction } from '@redocly/theme';
-import type { OperationsNavigationProps } from './types';
+import type { OperationsNavigationProps } from './types.js';
 type OperationNavigationItemsProps = OperationsNavigationProps & {
     title: string;
     onClick: (link: string) => void;

package/lib/components/TagItem/OperationNavigationItems.js

@@ -1,10 +1,10 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationNavigationItems=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),services_1=require("../../services"),utils_1=require("../../utils"),common_1=require("../common"),styled_1=require("./styled");function OperationNavigationItemsComponent({title:e,items:t,onClick:r,routingBasePath:i,translate:n}){return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Heading,{children:e}),t.map((({id:e,href:t,httpVerb:a,path:o,deprecated:s,badges:l})=>(0,jsx_runtime_1.jsx)(Item,{variant:"outlined",size:"large",onClick:()=>r((0,services_1.joinWithSeparator)(i,(0,utils_1.encodeBackSlashes)(t))),children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:s?"http-deprecated":a,children:a}),(0,jsx_runtime_1.jsx)(Path,{children:o}),s&&(0,jsx_runtime_1.jsx)(common_1.NavigationBadge,{deprecated:!0,children:n("openapi.badges.deprecated","Deprecated")}),null==l?void 0:l.map((({name:e,color:t})=>(0,jsx_runtime_1.jsx)(common_1.NavigationBadge,{color:t,children:e},e)))]})},e)))]})}exports.OperationNavigationItems=(0,react_1.memo)(OperationNavigationItemsComponent);const Heading=styled_components_1.default.span`
+import{jsx as e,jsxs as i,Fragment as b}from"react/jsx-runtime";import{memo as x}from"react";import{joinWithSeparator as u}from"../../services/index.js";import{encodeBackSlashes as w}from"../../utils/index.js";import{HttpVerb as y,NavigationBadge as n}from"../common/index.js";import{styled as r}from"../../styled-components.js";import{StyledButton as j}from"./styled.js";function z({title:s,items:l,onClick:c,routingBasePath:p,translate:d}){return i(b,{children:[e(k,{children:s}),l.map(({id:h,href:m,httpVerb:o,path:g,deprecated:a,badges:f})=>e(B,{variant:"outlined",size:"large",onClick:()=>c(u(p,w(m))),children:i("span",{children:[e(y,{color:a?"http-deprecated":o,children:o}),e(I,{children:g}),a&&e(n,{deprecated:!0,children:d("openapi.badges.deprecated","Deprecated")}),f?.map(({name:t,color:v})=>e(n,{color:v,children:t},t))]})},h))]})}const D=x(z),k=r.span`
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   font-weight: var(--font-weight-bold);
   color: var(--text-color-primary);
   margin: var(--spacing-sm) 0 var(--spacing-xxs) 0;
-`,Item=(0,styled_components_1.default)(styled_1.StyledButton)`
+`,B=r(j)`
   border-radius: var(--border-radius);
   background: var(--bg-color);
   justify-content: space-between;
@@ -24,7 +24,7 @@
     content: '→';
     line-height: var(--line-height-base);
   }
-`,Path=styled_components_1.default.span`
+`,I=r.span`
   font-family: var(--font-family-base);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
@@ -33,5 +33,4 @@
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow-x: hidden;
-`;
-//# sourceMappingURL=OperationNavigationItems.js.map
+`;export{D as OperationNavigationItems};

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

@@ -1,3 +1,3 @@
-import type { OperationsNavigationProps } from './types';
+import type { OperationsNavigationProps } from './types.js';
 export declare function OperationsNavigationComponent({ items, routingBasePath, }: OperationsNavigationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const OperationsNavigation: import("react").NamedExoticComponent<OperationsNavigationProps>;

package/lib/components/TagItem/OperationsNavigation.js

@@ -1,7 +1,6 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationsNavigation=void 0,exports.OperationsNavigationComponent=OperationsNavigationComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),index_1=require("jotai/index"),common_1=require("../common"),app_1=require("../../jotai/app"),OperationNavigationItems_1=require("./OperationNavigationItems"),styled_1=require("./styled"),hooks_1=require("../../hooks"),MAX_OPERATIONS=8;function OperationsNavigationComponent({items:e,routingBasePath:t}){const o=(0,hooks_1.useTranslate)(),[a,i]=(0,react_1.useState)(!1),n=(0,react_router_dom_1.useNavigate)(),r=(0,index_1.useAtomValue)(app_1.layoutAtom)===theme_1.LayoutVariant.STACKED,{operations:s,webhooks:p,count:u}=(0,react_1.useMemo)((()=>{const t=e.filter((e=>"operation"===e.type)),o=a?t:t.slice(0,MAX_OPERATIONS),{operations:i,webhooks:n}=o.reduce(((e,t)=>(t.isWebhook?e.webhooks.push(t):e.operations.push(t),e)),{operations:[],webhooks:[]});return{operations:i,webhooks:n,count:!a&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[a,e]),_=(0,react_1.useCallback)((e=>n(e)),[n]);return s.length||p.length?(0,jsx_runtime_1.jsxs)(Wrapper,{isStacked:r,"data-testid":"operation-navigation-list",children:[s.length>0&&(0,jsx_runtime_1.jsx)(OperationNavigationItems_1.OperationNavigationItems,{items:s,onClick:_,routingBasePath:t,translate:o,title:o("openapi.operations","Operations")}),p.length>0&&(0,jsx_runtime_1.jsx)(OperationNavigationItems_1.OperationNavigationItems,{items:p,onClick:_,routingBasePath:t,translate:o,title:o("openapi.webhooks","Webhooks")}),!a&&Boolean(u)&&(0,jsx_runtime_1.jsxs)(styled_1.StyledButton,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>i(!0),children:[o("openapi.actions.show","Show")," ",u," ",o("openapi.actions.more","more"),"..."]})]}):null}exports.OperationsNavigation=(0,react_1.memo)(OperationsNavigationComponent);const Wrapper=(0,styled_components_1.default)(common_1.SamplesPanel)`
+import{jsx as h,jsxs as d}from"react/jsx-runtime";import{useMemo as w,memo as y,useState as S,useCallback as C}from"react";import{useNavigate as O}from"react-router-dom";import{LayoutVariant as A}from"@redocly/theme";import{useAtomValue as N}from"jotai/index";import{SamplesPanel as j}from"../common/index.js";import{layoutAtom as E}from"../../jotai/app.js";import{OperationNavigationItems as f}from"./OperationNavigationItems.js";import{StyledButton as W}from"./styled.js";import{useTranslate as B}from"../../hooks/index.js";import{styled as I}from"../../styled-components.js";const r=8;function P({items:l,routingBasePath:p}){const o=B(),[n,g]=S(!1),m=O(),k=N(E)===A.STACKED,{operations:a,webhooks:s,count:c}=w(()=>{const t=l.filter(e=>e.type==="operation"),x=n?t:t.slice(0,r),{operations:v,webhooks:b}=x.reduce((e,i)=>(i.isWebhook?e.webhooks.push(i):e.operations.push(i),e),{operations:[],webhooks:[]});return{operations:v,webhooks:b,count:!n&&t.length>r?t.length-r:0}},[n,l]),u=C(t=>m(t),[m]);return!a.length&&!s.length?null:d(T,{isStacked:k,"data-testid":"operation-navigation-list",children:[a.length>0&&h(f,{items:a,onClick:u,routingBasePath:p,translate:o,title:o("openapi.operations","Operations")}),s.length>0&&h(f,{items:s,onClick:u,routingBasePath:p,translate:o,title:o("openapi.webhooks","Webhooks")}),!n&&!!c&&d(W,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>g(!0),children:[o("openapi.actions.show","Show")," ",c," ",o("openapi.actions.more","more"),"..."]})]})}const H=y(P),T=I(j)`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   padding-top: var(--spacing-xxl);
-`;
-//# sourceMappingURL=OperationsNavigation.js.map
+`;export{H as OperationsNavigation,P as OperationsNavigationComponent};

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { SectionItemProps } from '../SectionItem/SectionItem';
+import type { SectionItemProps } from '../SectionItem/SectionItem.js';
 interface TagItemProps extends SectionItemProps {
     routingBasePath?: string;
     isExpanded: boolean;

package/lib/components/TagItem/TagItem.js

@@ -1,24 +1,22 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItem=void 0,exports.TagItemComponent=TagItemComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),common_1=require("../common"),Markdown_1=require("../Markdown"),OperationsNavigation_1=require("./OperationsNavigation"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const r=(0,hooks_1.useTranslate)(),{description:o,name:i,href:n}=e,s=(0,react_router_dom_1.useNavigate)(),m=(0,jotai_1.useAtomValue)(app_1.layoutAtom),_=(0,react_1.useCallback)((()=>{s(t+e.href)}),[e.href,s,t]),u=Boolean(e.items.length),d=m===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsxs)(Wrapper,{expanded:a,children:[(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:m,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!u,isStacked:d,children:[(0,jsx_runtime_1.jsxs)(Heading,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:n,"aria-label":`link to ${i}`}),i]}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:o})]}),u&&(0,jsx_runtime_1.jsx)(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})]}),u&&!a&&(0,jsx_runtime_1.jsxs)(ShowButton,{type:"button",variant:"text",size:"medium",onClick:_,children:["+ ",r("openapi.actions.show","Show")]})]})}exports.TagItem=(0,react_1.memo)(TagItemComponent);const Wrapper=styled_components_1.default.div`
+import{jsx as n,jsxs as a}from"react/jsx-runtime";import{memo as h,useCallback as v}from"react";import{breakpoints as f,Button as x,H2 as b,LayoutVariant as k,LinkIcon as w}from"@redocly/theme";import{useNavigate as y}from"react-router-dom";import{useAtomValue as S}from"jotai";import{Row as C,SamplesMiddlePanel as j,ShareLink as T}from"../common/index.js";import{Markdown as $}from"../Markdown/index.js";import{OperationsNavigation as A}from"./OperationsNavigation.js";import{layoutAtom as I}from"../../jotai/app.js";import{useTranslate as L}from"../../hooks/index.js";import{styled as r}from"../../styled-components.js";function B({item:t,routingBasePath:o="",isExpanded:e}){const l=L(),{description:p,name:m,href:d}=t,s=y(),c=S(I),g=v(()=>{s(o+t.href)},[t.href,s,o]),i=!!t.items.length,u=c===k.STACKED;return a(H,{expanded:e,children:[a(C,{layout:c,children:[a(j,{fullWidth:!i,isStacked:u,children:[a(N,{children:[n(T,{to:d,"aria-label":`link to ${m}`}),m]}),n($,{source:p})]}),i&&n(A,{items:t.items,routingBasePath:o})]}),i&&!e&&a(M,{type:"button",variant:"text",size:"medium",onClick:g,children:["+ ",l("openapi.actions.show","Show")]})]})}const G=h(B),H=r.div`
   padding-top: var(--spacing-lg);
-  padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
-`,ShowButton=(0,styled_components_1.default)(theme_1.Button)`
+  padding-bottom: ${({expanded:t})=>t?"var(--spacing-xxl)":""};
+`,M=r(x)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 
-  @media screen and (min-width: ${theme_1.breakpoints.medium}) {
+  @media screen and (min-width: ${f.medium}) {
     --button-margin-md: calc(var(--spacing-xl) * 2);
 
     margin-left: var(--button-margin-md);
     margin-right: var(--button-margin-md);
     width: calc(100% - var(--button-margin-md) * 2);
   }
-`,Heading=(0,styled_components_1.default)(theme_1.H2)`
+`,N=r(b)`
   :hover {
-    ${theme_1.LinkIcon} {
+    ${w} {
       opacity: 1;
       visibility: visible;
     }
   }
-  overflow-wrap: break-word;
-`;
-//# sourceMappingURL=TagItem.js.map
+`;export{G as TagItem,B as TagItemComponent};