@redocly/openapi-docs 3.0.0 → 3.0.2

package/lib/components/ServerList/ServerList.js

@@ -0,0 +1,60 @@
+"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:r})=>(0,jsx_runtime_1.jsx)(ItemsList,{children:e.map((e=>{const t=e.url+r,i=Object.keys(e.variables||{}).length,s=`${1===Number(i)?"":i} ${1!==i?"variables":"variable"}`;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:t}),(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:t},t)]}),e.variables&&(0,jsx_runtime_1.jsx)(ViewNested_1.ViewNested,{expandText:`Show ${s}`,hideText:`Hide ${s}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:(0,jsx_runtime_1.jsx)(ServerVariablesContainer,{children:Object.entries(e.variables||{}).map((([e,r])=>(0,jsx_runtime_1.jsxs)(ServerVariableContainer,{children:[(0,jsx_runtime_1.jsx)(ServerVariableName,{children:e}),(0,jsx_runtime_1.jsxs)(Variable,{children:["Default ",(0,jsx_runtime_1.jsx)(StyledTag,{children:r.default})]}),(0,jsx_runtime_1.jsx)(Description,{source:r.description}),r.enum&&(0,jsx_runtime_1.jsxs)(Variable,{children:["Enum",(0,jsx_runtime_1.jsx)(TagWrapper,{children:r.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`
+  & > div {
+    border-bottom: 1px solid var(--border-color-secondary);
+    margin-bottom: var(--spacing-xs);
+    padding-bottom: var(--spacing-sm);
+  }
+
+  & > div:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+`,ServerVariablesContainer=styled_components_1.default.div`
+  padding-left: var(--spacing-xxs);
+  & > div {
+    border-bottom: 1px solid var(--border-color-secondary);
+    margin-bottom: var(--spacing-xs);
+    padding-bottom: var(--spacing-sm);
+  }
+
+  & > div:first-child {
+    margin-top: var(--spacing-sm);
+    padding-top: 0;
+  }
+
+  & > div:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+`,ServerVariableContainer=styled_components_1.default.div`
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+`,Description=(0,styled_components_1.default)(Markdown_1.Markdown)`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+`,Variable=styled_components_1.default.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)`
+  padding-bottom: var(--spacing-xxs);
+  font-weight: var(--font-weight-semibold);
+`,TagWrapper=styled_components_1.default.span`
+  display: flex;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+`,StyledTag=(0,styled_components_1.default)(common_1.Tag)`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+`,TitleWrap=styled_components_1.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;
+//# sourceMappingURL=ServerList.js.map

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

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

package/lib/components/ServerList/index.js

@@ -0,0 +1,2 @@
+"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

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

@@ -0,0 +1,2 @@
+import type { OperationModel } from '../../models';
+export type ServerListProps = Pick<OperationModel, 'servers' | 'path'>;

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

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { OperationModel } from '../../models';
+export interface ServerListDropdownProps {
+    operation: OperationModel;
+    className?: string;
+}
+export declare const ServerListDropdown: ({ operation, className, }: ServerListDropdownProps) => ReactElement;

package/lib/components/ServerListDropdown/ServerListDropdown.js

@@ -0,0 +1,2 @@
+"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"),hooks_1=require("../../hooks"),environments_1=require("../../utils/environments"),ServerListDropdown=({operation:e,className:r})=>{const[[t],s]=(0,jotai_1.useAtom)(app_1.environmentAtom),i=(0,hooks_1.useActiveWithFallback)(e.servers.map((e=>Object.assign(Object.assign({},e),{key:e.url}))),t.server),n=(0,react_1.useCallback)((e=>{e.stopPropagation()}),[]),o=(0,react_1.useCallback)((r=>()=>{1!==e.servers.length&&s({environment:(0,environments_1.getServerEnvName)(r)})}),[e.servers.length,s]),a=(0,react_1.useMemo)((()=>e.servers.map((r=>{const t=(0,utils_1.replaceVariables)(r),s=(0,services_1.joinWithSeparator)(t,e.path);return(0,jsx_runtime_1.jsx)(styled_1.StyledDropdownMenuItem,{onAction:o(r),children:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:r.description,title:(0,utils_1.replaceVariables)(r),actions:[(0,jsx_runtime_1.jsx)(styled_1.StyledCopyButton,{data:s,toasterPlacement:"left",onCopyClick:n},s)],active:r.url===i,withCheckmark:!0})},s)}))),[e.servers,e.path,o,n,i]);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:a})})};exports.ServerListDropdown=ServerListDropdown;
+//# sourceMappingURL=ServerListDropdown.js.map

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

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

package/lib/components/ServerListDropdown/index.js

@@ -0,0 +1,2 @@
+"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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+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>;

package/lib/components/ServerListDropdown/styled.js

@@ -0,0 +1,23 @@
+"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)`
+  display: inline-flex;
+  overflow-x: hidden;
+  font-weight: var(--font-weight-regular);
+`,exports.Path=styled_components_1.default.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)`
+  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}) {
+    max-width: 280px;
+  }
+`,exports.StyledCopyButton=(0,styled_components_1.default)(theme_1.CopyButton)`
+  :hover {
+    background-color: var(--dropdown-menu-item-bg-color-hover);
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -1,8 +1,9 @@
-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 declare const MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

package/lib/components/SideMenu/SideMenu.js

@@ -1,2 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=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.SideMenu=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),common_1=require("../common"),store_1=require("../../recoil/store"),hooks_1=require("./hooks"),SideMenuComponent=({items:e,className:t})=>{const{sidebarLinks:r,whiteLabel:o,pagination:n}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),i=(0,react_1.useRef)(),a=(0,hooks_1.useMenuItems)({items:e,pagination:n});return react_1.default.createElement(common_1.PerfectScrollbarWrap,{updateFn:e=>{i.current=e},className:t,options:{wheelPropagation:!1}},react_1.default.createElement(MenuItems_1.MenuItems,{items:a,root:!0,linksBefore:null==r?void 0:r.beforeInfo,linksAfter:null==r?void 0:r.end}),o&&react_1.default.createElement(styled_1.RedocAttribution,null,react_1.default.createElement("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer"},"Powered by Redocly")))};exports.SideMenu=(0,react_1.memo)(SideMenuComponent);
+"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`
+  overflow: auto;
+`;
 //# sourceMappingURL=SideMenu.js.map

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

@@ -1,9 +1,7 @@
 import type { IMenuItem } from '../../../services';
 import type { ExtendedMenuItem } from '../types';
-import { Pagination } from '../../../services';
 type UseMenuItemsInput = {
     items: IMenuItem[];
-    pagination: Pagination;
 };
-export declare function useMenuItems({ items, pagination }: UseMenuItemsInput): ExtendedMenuItem[];
+export declare function useMenuItems({ items }: UseMenuItemsInput): ExtendedMenuItem[];
 export {};

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useMenuItems=void 0;const theme_1=require("@redocly/theme"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),services_1=require("../../../services"),utils_1=require("../../../utils");function useMenuItems({items:e,pagination:t}){const i=(0,react_router_dom_1.useLocation)(),s=(0,theme_1.useActiveSectionId)(i,!1,!1);return(0,react_1.useMemo)((()=>mapAndSetActiveItems(e,s,i,t)),[s,e,i,t])}function mapAndSetActiveItems(e,t="",i,s){return e.map((e=>{const r=isItemActive(e,t,i),u=isSubItemActive(e,t,i);return s===services_1.Pagination.Item&&(e.href=(0,utils_1.normalizeHashPath)(e.href)),Object.assign(Object.assign({},e),{items:mapAndSetActiveItems(e.items||[],t,i,s),active:r&&!u,hasActiveSubItem:u})})).filter(Boolean)}function isItemActive(e,t="",i){return!!e.href&&(t?e.id===t:(0,utils_1.pathMatchedLink)(i,e.href))}function isSubItemActive(e,t="",i){return(e.items||[]).some((e=>isItemActive(e,t,i)||isSubItemActive(e,t,i)))}exports.useMenuItems=useMenuItems;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useMenuItems=void 0;const theme_1=require("@redocly/theme"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../../utils");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),o=isSubItemActive(a,i,c);switch(a.type){case"group":s.push({type:"separator",label:a.name,active:t,hasActiveSubItem:o}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:a.items,sidebarItems:s}));break;case"tag":const r={type:"group",label:a.name,items:[],link:a.href,active:t,hasActiveSubItem:o,modified:!0};s.push(r),convertOpenAPIDocs2Sidebar({contentItems:a.items,sidebarItems:r.items||[],activeItemId:i,location:c});break;case"operation":case"schema":a.isWebhook&&n&&(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:o,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:o,modified:!0};s.push(m),a.items.length&&convertOpenAPIDocs2Sidebar({contentItems:a.items,sidebarItems:m.items,activeItemId:i,location:c})}}}exports.useMenuItems=useMenuItems;
 //# sourceMappingURL=useMenuItems.js.map

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

@@ -1,4 +1 @@
-export { MenuItem } from './MenuItem';
-export { MenuItems } from './MenuItems';
 export { SideMenu } from './SideMenu';
-export * from './styled';

package/lib/components/SideMenu/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var u=Object.getOwnPropertyDescriptor(t,r);u&&!("get"in u?!t.__esModule:u.writable||u.configurable)||(u={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,u)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SideMenu=exports.MenuItems=exports.MenuItem=void 0;var MenuItem_1=require("./MenuItem");Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return MenuItem_1.MenuItem}});var MenuItems_1=require("./MenuItems");Object.defineProperty(exports,"MenuItems",{enumerable:!0,get:function(){return MenuItems_1.MenuItems}});var SideMenu_1=require("./SideMenu");Object.defineProperty(exports,"SideMenu",{enumerable:!0,get:function(){return SideMenu_1.SideMenu}}),__exportStar(require("./styled"),exports);
+"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

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

@@ -1,5 +1,4 @@
-import type { CSSProperties } from 'react';
-import type { ExternalLink, IMenuItem } from '../../services';
+import type { IMenuItem } from '../../services';
 export interface MenuItemLinkProps {
     depth: number;
     active: boolean;
@@ -10,19 +9,6 @@ export interface MenuItemLinkProps {
     href?: string;
     onClick?: () => void;
 }
-export interface MenuItemsProps {
-    items: ExtendedMenuItem[];
-    expanded?: boolean;
-    style?: CSSProperties;
-    root?: boolean;
-    className?: string;
-    linksBefore?: ExternalLink[];
-    linksAfter?: ExternalLink[];
-}
-export type StyledMenuItemLinkProps = Omit<MenuItemLinkProps, 'active' | 'hasChildren'> & {
-    $active: MenuItemLinkProps['active'];
-    $hasChildren: MenuItemLinkProps['hasChildren'];
-};
 export type ExtendedMenuItem = IMenuItem & {
     active: boolean;
     hasActiveSubItem: boolean;

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

@@ -0,0 +1 @@
+export declare const SidebarActions: () => import("react/jsx-runtime").JSX.Element;

package/lib/components/StickySidebar/SidebarActions.js

@@ -0,0 +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.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),isOpenapiDocs:!0})})})};exports.SidebarActions=SidebarActions;const Wrapper=styled_components_1.default.div`
+  position: sticky;
+  top: calc(100vh);
+  padding: var(--spacing-sm) var(--spacing-md);
+`;
+//# sourceMappingURL=SidebarActions.js.map

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

@@ -1,10 +1,9 @@
-import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { Options } from '../../services';
 interface StickySidebarProps {
     className?: string;
     scrollYOffset: Options['scrollYOffset'];
-    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/components/StickySidebar/StickyResponsiveSidebar.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var o=Object.getOwnPropertyDescriptor(t,i);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,o)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),__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 i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;const react_1=__importStar(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("@redocly/recoil"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../utils"),app_1=require("../../recoil/app"),Actions_1=require("../SideMenu/Actions");let Stickyfill;utils_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div`
+"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");let Stickyfill;theme_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;
@@ -9,31 +9,17 @@
   display: ${({open:e})=>e?"flex":"none"};
   z-index: 2;
   width: 100%;
-  background: var(--sidebar-background-color);
+  background: var(--sidebar-bg-color);
   border-right: ${({collapsedSidebar:e})=>e?"1px solid var(--sidebar-border-color)":"auto"};
 
-  ${({theme:e,collapsedSidebar:t})=>styled_components_1.css`
-    ${e.mediaQueries[e.showAtBreakpoint.sidebar]} {
-      position: sticky;
-      z-index: auto;
-      width: ${t?"var(--sidebar-width)":"auto"};
-      display: flex;
-    }
-    ${e.mediaQueries.print} {
-      display: none;
-    }
-  `}
-`,FloatingButton=(0,styled_components_1.default)(theme_1.MobileSidebarButton)`
-  --fab-background-color: var(--bg-overlay);
-  --fab-active-background: var(--bg-raised);
-
-  ${({theme:e})=>styled_components_1.css`
-    ${e.mediaQueries[e.showAtBreakpoint.sidebar]} {
-      display: none;
-    }
-    ${e.mediaQueries.print} {
-      display: none;
-    }
-  `}
-`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:r,collapsedSidebar:o}){const[a,l]=(0,react_1.useState)("0px"),n=(0,react_1.useRef)(null),c=(0,react_router_dom_1.useLocation)(),[s,d]=(0,recoil_1.useRecoilState)(app_1.isSidebarOpenedSelector);(0,react_1.useEffect)((()=>{c.hash&&d(!1)}),[c.pathname,c.hash,d]),(0,theme_1.useMount)((()=>{stickyfill&&stickyfill.add(n.current);const t=e();l(`${t}px`)})),(0,theme_1.useUnmount)((()=>{stickyfill&&stickyfill.remove(n.current)}));return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(StyledStickySidebar,{open:s,className:i,offsetTop:a,style:{top:a},ref:n,collapsedSidebar:o},o||s?r:null,react_1.default.createElement(Actions_1.Actions,null)),!t&&react_1.default.createElement(FloatingButton,{opened:s,onClick:()=>{d(!s)}},react_1.default.createElement(theme_1.MobileSidebarIcon,null)))}exports.StickyResponsiveSidebar=(0,react_1.memo)(StickyResponsiveSidebarComponent);
+  @media screen and (min-width: ${theme_1.breakpoints.small}) {
+    position: sticky;
+    z-index: auto;
+    width: ${({collapsedSidebar:e})=>e?"var(--sidebar-width)":"auto"};
+    display: flex;
+  }
+  @media print {
+    display: none;
+  }
+`;function StickyResponsiveSidebarComponent({scrollYOffset:e,className:t,children:i,collapsedSidebar:r}){const[o,s]=(0,react_1.useState)("0px"),a=(0,react_1.useRef)(null),l=(0,react_router_dom_1.useLocation)(),[n,c]=(0,jotai_1.useAtom)(app_1.isSidebarOpenedAtom);return(0,react_1.useEffect)((()=>{l.hash&&c(!1)}),[l.pathname,l.hash,c]),(0,theme_1.useMount)((()=>{stickyfill&&stickyfill.add(a.current);const t=e();s(`${t}px`)})),(0,theme_1.useUnmount)((()=>{stickyfill&&stickyfill.remove(a.current)})),(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:a,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

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

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

package/lib/components/Tabs/Tabs.js

@@ -0,0 +1,35 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}: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=void 0;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)))})}exports.Tabs=Tabs;const TabList=styled_components_1.default.ol`
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+`,Tab=styled_components_1.default.li`
+  display: inline-flex;
+  align-items: center;
+  list-style: none;
+
+  padding: 0 var(--spacing-sm);
+  background-color: transparent;
+  height: 24px;
+  border-radius: var(--border-radius);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-base);
+
+  &,
+  button {
+    color: var(--text-color-secondary);
+
+    ${({$active:e})=>e?styled_components_1.css`
+            color: var(--text-color-primary);
+            background-color: var(--tab-bg-color-filled);
+          `:styled_components_1.css`
+            &:hover {
+              color: var(--text-color-primary);
+            }
+          `}
+  }
+`;
+//# sourceMappingURL=Tabs.js.map

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

@@ -1,5 +1,2 @@
-export * from './TabList';
-export * from './Tab';
-export * from './TabPanel';
-export * from './CollapsingTabs';
-export { Tabs } from 'react-tabs';
+export { Tabs } from './Tabs';
+export { useTabsState } from './useTabsState';

package/lib/components/Tabs/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,a,i)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0,__exportStar(require("./TabList"),exports),__exportStar(require("./Tab"),exports),__exportStar(require("./TabPanel"),exports),__exportStar(require("./CollapsingTabs"),exports);var react_tabs_1=require("react-tabs");Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return react_tabs_1.Tabs}});
+"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

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

@@ -0,0 +1,11 @@
+import type { TabType } from '../../models/tab';
+interface UseTabsStateProps {
+    tabs: TabType[];
+    defaultTab?: string;
+    onChange?: (key: string) => void;
+}
+export declare function useTabsState({ tabs, defaultTab, onChange }: UseTabsStateProps): {
+    activeTab: string;
+    handleTabChange: (tab: TabType) => void;
+};
+export {};

package/lib/components/Tabs/useTabsState.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabsState=void 0;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}}exports.useTabsState=useTabsState;
+//# sourceMappingURL=useTabsState.js.map

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { OperationMenuItem } from '../../models';
+type OperationsNavigationProps = {
+    items: OperationMenuItem[];
+    routingBasePath: string;
+};
+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/components/TagItem/OperationsNavigation.js

@@ -0,0 +1,46 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationsNavigation=exports.OperationsNavigationComponent=void 0;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"),utils_1=require("../../utils"),services_1=require("../../services"),app_1=require("../../jotai/app"),MAX_OPERATIONS=8;function OperationsNavigationComponent({items:e,routingBasePath:t}){const[n,o]=(0,react_1.useState)(!1),r=(0,react_router_dom_1.useNavigate)(),i=(0,index_1.useAtomValue)(app_1.layoutAtom)===theme_1.LayoutVariant.STACKED,{operations:a,webhooks:s,count:l}=(0,react_1.useMemo)((()=>{const t=e.filter((e=>"operation"===e.type)),o=n?t:t.slice(0,MAX_OPERATIONS),{operations:r,webhooks:i}=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:r,webhooks:i,count:!n&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[n,e]);if(!a.length&&!s.length)return null;const c=e=>{r(e)};return(0,jsx_runtime_1.jsxs)(Wrapper,{isStacked:i,"data-testid":"operation-navigation-list",children:[a.length>0&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Heading,{children:"Operations"}),a.map((({id:e,href:n,httpVerb:o,path:r})=>(0,jsx_runtime_1.jsx)(Item,{variant:"outlined",size:"large",onClick:()=>c((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(n))),children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:o,children:o}),(0,jsx_runtime_1.jsx)(Path,{children:r})]})},e)))]}),s.length>0&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Heading,{children:"Webhooks"}),s.map((({id:e,href:n,httpVerb:o,path:r})=>(0,jsx_runtime_1.jsx)(Item,{variant:"outlined",size:"large",onClick:()=>c((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(n))),children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:o,children:o}),(0,jsx_runtime_1.jsx)(Path,{children:r})]})},e)))]}),!n&&Boolean(l)&&(0,jsx_runtime_1.jsxs)(StyledButton,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>o(!0),children:["Show ",l," more..."]})]})}exports.OperationsNavigationComponent=OperationsNavigationComponent,exports.OperationsNavigation=(0,react_1.memo)(OperationsNavigationComponent);const Wrapper=(0,styled_components_1.default)(common_1.SamplesPanel)`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  padding-top: var(--spacing-xxl);
+`,Heading=styled_components_1.default.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;
+`,StyledButton=(0,styled_components_1.default)(theme_1.Button)`
+  & + & {
+    margin-left: 0;
+  }
+`,Item=(0,styled_components_1.default)(StyledButton)`
+  border-radius: var(--border-radius);
+  background: var(--bg-color);
+  justify-content: space-between;
+
+  & > 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_components_1.default.span`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-primary);
+  text-decoration: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+`;
+//# sourceMappingURL=OperationsNavigation.js.map

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

@@ -1,3 +1,9 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { SectionItemProps } from '../SectionItem/SectionItem';
-export declare function TagItem({ item }: SectionItemProps): JSX.Element;
+interface TagItemProps extends SectionItemProps {
+    routingBasePath?: string;
+    isExpanded: boolean;
+}
+export declare function TagItemComponent({ item, routingBasePath, isExpanded, }: TagItemProps): ReactElement;
+export declare const TagItem: import("react").NamedExoticComponent<TagItemProps>;
+export {};

package/lib/components/TagItem/TagItem.js

@@ -1,2 +1,23 @@
-"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;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),common_1=require("../common"),Markdown_1=require("../Markdown");function TagItem({item:e}){const{description:t,name:r,href:a}=e;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.SamplesMiddlePanel,null,react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:a}),r)),react_1.default.createElement(Markdown_1.Markdown,{source:t,htmlWrap:e=>react_1.default.createElement(common_1.SamplesMiddlePanel,null,e)}))}exports.TagItem=TagItem;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItem=exports.TagItemComponent=void 0;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");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const{description:r,name:n,href:i}=e,o=(0,react_router_dom_1.useNavigate)(),m=(0,jotai_1.useAtomValue)(app_1.layoutAtom),s=(0,react_1.useCallback)((()=>{o(t+e.href)}),[e.href,o,t]),_=Boolean(e.items.length),u=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:!_,isStacked:u,children:[(0,jsx_runtime_1.jsxs)(Heading,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:i,"aria-label":`link to ${n}`}),n]}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:r})]}),_&&(0,jsx_runtime_1.jsx)(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})]}),_&&!a&&(0,jsx_runtime_1.jsx)(ShowButton,{type:"button",variant:"text",size:"medium",onClick:s,children:"+ Show"})]})}exports.TagItemComponent=TagItemComponent,exports.TagItem=(0,react_1.memo)(TagItemComponent);const Wrapper=styled_components_1.default.div`
+  padding-top: var(--spacing-lg);
+  padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
+`,ShowButton=(0,styled_components_1.default)(theme_1.Button)`
+  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}) {
+    --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)`
+  :hover {
+    ${theme_1.LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+`;
 //# sourceMappingURL=TagItem.js.map

package/lib/components/UnsupportedFeatureScreen/UnsupportedFeatureScreen.d.ts

@@ -0,0 +1 @@
+export declare function UnsupportedFeatureScreen(): import("react/jsx-runtime").JSX.Element;

package/lib/components/UnsupportedFeatureScreen/UnsupportedFeatureScreen.js

@@ -0,0 +1,18 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UnsupportedFeatureScreen=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"),app_1=require("../../jotai/app");function UnsupportedFeatureScreen(){const[e,t]=(0,jotai_1.useAtom)(app_1.unsupportedFeatureScreenAtom);return(0,react_1.useEffect)((()=>{document.body.style.overflow=e?"hidden":"auto"}),[e]),(0,jsx_runtime_1.jsxs)(Wrap,{showScreen:e,children:[(0,jsx_runtime_1.jsx)(Title,{children:"Unfortunately, this feature is not supported on mobile devices. For the best experience, please use a computer."}),(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:"primary",onClick:()=>t(!1),children:"Ok"})]})}exports.UnsupportedFeatureScreen=UnsupportedFeatureScreen;const Wrap=styled_components_1.default.div`
+  height: 100vh;
+  width: 100vw;
+  padding: var(--spacing-xxl);
+  display: ${({showScreen:e})=>e?"flex":"none"};
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+  background-color: var(--bg-color);
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: var(--z-index-popover);
+`,Title=(0,styled_components_1.default)(theme_1.Typography)`
+  text-align: center;
+`;
+//# sourceMappingURL=UnsupportedFeatureScreen.js.map

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

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

package/lib/components/UnsupportedFeatureScreen/index.js

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

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

@@ -0,0 +1,13 @@
+import type { PropsWithChildren } from 'react';
+interface ViewNestedProps {
+    expandByDefault: boolean;
+    isExpandedFromParent?: boolean;
+    level?: number;
+    expandable?: boolean;
+    expandText?: string;
+    hideText?: string;
+    hideDivider?: boolean;
+    onChange?: () => void;
+}
+export declare const ViewNested: import("react").NamedExoticComponent<PropsWithChildren<ViewNestedProps>>;
+export {};

package/lib/components/ViewNested/ViewNested.js

@@ -0,0 +1,31 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=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.ViewNested=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),react_1=require("react"),theme_1=require("@redocly/theme"),cycleColorsByLevel_1=require("../PropertyDetails/cycleColorsByLevel"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon");function ViewNestedComponent({expandByDefault:e,isExpandedFromParent:t,level:r,expandable:o=!1,expandText:n,hideText:i,hideDivider:s=!1,onChange:l,children:a}){const[c,d]=(0,react_1.useState)(e);(0,react_1.useEffect)((()=>{o&&!(0,theme_1.isUndefined)(t)&&d(t)}),[t,o]);const _=c?(0,cycleColorsByLevel_1.cycleColorsByLevel)(r):void 0;if(!o)return a;return(0,jsx_runtime_1.jsxs)(Wrapper,{$divider:!s&&!c,className:"view-nested-wrapper",children:[(0,jsx_runtime_1.jsxs)(ShowProperty,{onClick:()=>{d((e=>!e)),l&&l()},children:[(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:c?"-":"+",color:_}),!c&&n,c&&(i||"")]}),c&&(0,jsx_runtime_1.jsx)(StyledNested,{color:_,children:a})]})}exports.ViewNested=(0,react_1.memo)(ViewNestedComponent);const ShowProperty=styled_components_1.default.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  gap: var(--spacing-xxs);
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-base);
+  line-height: var(--line-height-base);
+  margin-top: var(--spacing-xxs);
+  width: 100%;
+`,StyledNested=styled_components_1.default.div`
+  padding-left: var(--schema-nested-offset);
+  border-left: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};
+  margin: -10px 0 0 9px;
+  ${({color:e})=>e&&styled_components_1.css`
+      .schema-name {
+        color: ${e};
+      }
+    `}
+`,Wrapper=styled_components_1.default.div`
+  width: 100%;
+  ${({$divider:e})=>e&&styled_components_1.css`
+      border-bottom: 1px solid var(--border-color-primary);
+      padding-bottom: var(--schema-property-details-spacing);
+    `}
+`;
+//# sourceMappingURL=ViewNested.js.map

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

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

package/lib/components/ViewNested/index.js

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { MediaContentModel } from '../../../models';
+interface BodyContentProps {
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    required?: boolean;
+    description?: string | GenericObject;
+    content?: MediaContentModel;
+    deepLink?: string;
+}
+export declare const BodyContent: import("react").NamedExoticComponent<BodyContentProps>;
+export {};