@redocly/openapi-docs 3.11.0-next.10 → 3.11.0-next.2

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

@@ -0,0 +1,4 @@
+import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";import{Button,MaximizeIcon}from"@redocly/theme";import{useAtom}from"jotai/index";import{operationStore}from"../../jotai/operation";import{useTelemetry,useTranslate}from"../../hooks";export const ExpandAllButton=({operationPointer:e,type:o,onPanelToggle:t})=>{const n=useTranslate(),[l,a]=useAtom(operationStore(e)),s=useTelemetry();return _jsx(StyledButton,{icon:_jsx(MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{const e=!l[o].expandedAll;s.send({type:"openapi_docs.expand_collapse_all.clicked",payload:{is_expanded:e}}),a({[o]:{expandedAll:e}}),null==t||t(e,"request"===o?"request":"responses")},children:l[o].expandedAll?n("openapi.collapseAll","Collapse all"):n("openapi.expandAll","Expand all")})};const StyledButton=styled(Button)`
+  margin-left: auto;
+`;
+//# sourceMappingURL=ExpandAllButton.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { MarkdownProps } from './types';
+export declare const Markdown: ({ source, ast, htmlWrap, ...props }: MarkdownProps) => ReactElement | null;

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

@@ -0,0 +1,2 @@
+var __rest=this&&this.__rest||function(r,o){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&o.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(n=Object.getOwnPropertySymbols(r);e<n.length;e++)o.indexOf(n[e])<0&&Object.prototype.propertyIsEnumerable.call(r,n[e])&&(t[n[e]]=r[n[e]])}return t};import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import React,{Fragment}from"react";import{parse,transform,renderers,Ast}from"@markdoc/markdoc";import{useAtomValue}from"jotai";import DOMPurify from"dompurify";import{Markdown as MarkdownWrapper,isString}from"@redocly/theme";import{globalOptionsAtom}from"../../jotai/store";const TAGS_NOT_TO_WRAP=["OpenApiResponse","OpenApiRequestBody"];export const Markdown=r=>{var o,t,n,e,i,s,a,l,d,{source:m,ast:u,htmlWrap:p}=r,c=__rest(r,["source","ast","htmlWrap"]);const v=useAtomValue(globalOptionsAtom);if(!m&&!u)return null;const f=(null==v?void 0:v.markdocOptions)&&{tags:null===(o=v.markdocOptions)||void 0===o?void 0:o.tags,nodes:null===(t=v.markdocOptions)||void 0===t?void 0:t.nodes,partials:null===(n=v.markdocOptions)||void 0===n?void 0:n.partials,variables:null===(e=v.markdocOptions)||void 0===e?void 0:e.variables,functions:null===(i=v.markdocOptions)||void 0===i?void 0:i.functions},O=(null==v?void 0:v.markdocOptions)&&{components:null===(s=v.markdocOptions)||void 0===s?void 0:s.components};let y;if(m)if(isString(m)){const r=(null===(a=null==v?void 0:v.unstable_hooks)||void 0===a?void 0:a.sanitize)?null===(d=null===(l=v.unstable_hooks)||void 0===l?void 0:l.sanitize)||void 0===d?void 0:d.call(l,m):(null==v?void 0:v.sanitize)?DOMPurify.sanitize(m):m,o=parse(r);y=transform(o,f)}else{const r=Ast.fromJSON("object"==typeof m.result?JSON.stringify(m.result):m.result);y=(Array.isArray(r),transform(r,f))}else u&&(y=transform(u,f));const _=r=>{const o=renderers.react(r,React,O);return _jsx(MarkdownWrapper,Object.assign({},c,{children:o,as:"div"}))};if(!p)return _(y);const b=r=>{var o;return!1!==(null===(o=r.attributes)||void 0===o?void 0:o.htmlWrap)&&!TAGS_NOT_TO_WRAP.includes(null==r?void 0:r.name)};return y=Array.isArray(y)?y:y.children,_jsx(_Fragment,{children:y.map(((r,o)=>{var t,n,e;return _jsx(Fragment,{children:(n=b(r),e=r,n?p(_(e)):_(e))},(null===(t=null==r?void 0:r.attributes)||void 0===t?void 0:t.id)||o)}))})};
+//# sourceMappingURL=Markdown.js.map

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

@@ -0,0 +1,2 @@
+export { Markdown } from './Markdown';
+export * from './types';

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

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

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

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { Node } from '@markdoc/markdoc';
+export type MarkdownProps = {
+    sanitize?: boolean;
+    base?: boolean;
+    source?: string | GenericObject;
+    ast?: Node[];
+    className?: string;
+    htmlWrap?: (part: ReactElement) => ReactElement;
+};

package/lib-esm/components/Markdown/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/lib-esm/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from 'react';
+import type { SelectProps } from '../common';
+import type { MediaContentModel, MediaTypeModel } from '../../models';
+interface MediaTypesSwitchProps {
+    content?: MediaContentModel;
+    withLabel?: boolean;
+    renderSelect: (props: SelectProps) => ReactElement | null;
+    children: (activeMime: MediaTypeModel) => ReactElement;
+}
+export declare const MediaTypesSwitch: import("react").NamedExoticComponent<MediaTypesSwitchProps>;
+export {};

package/lib-esm/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useCallback,useRef}from"react";import{useAtom}from"jotai";import{SelectLabel,SelectWrapper}from"../PayloadSamples";import{Container}from"../common";import{activeMimeNameAtom}from"../../jotai/app";import{getActiveMediaType}from"../../models";import{useTranslate}from"../../hooks";function Wrapper({children:e,withLabel:t,innerRef:n,translate:r}){return e?t?_jsxs(SelectWrapper,{ref:n,children:[_jsx(SelectLabel,{children:r("openapi.contentType","Content type")}),e]}):_jsx(Container,{ref:n,children:e}):null}function MediaTypesSwitchComponent({content:e,withLabel:t,renderSelect:n,children:r}){const a=useTranslate(),[i,o]=useAtom(activeMimeNameAtom),l=useCallback((({value:t})=>{if(!e||!m.current)return null;const n=m.current.getBoundingClientRect().y;o(t),requestAnimationFrame((()=>{if(!m.current||null==n)return;const e=m.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}))}),[e,o]),m=useRef(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const s=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=getActiveMediaType(e,i);return _jsxs(_Fragment,{children:[_jsx(Wrapper,{innerRef:m,withLabel:t,translate:a,children:n({value:c.name,options:s,onChange:l,ariaLabel:"Content type"})}),r(c)]})}export const MediaTypesSwitch=memo(MediaTypesSwitchComponent);
+//# sourceMappingURL=MediaTypesSwitch.js.map

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

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

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

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

package/lib-esm/components/OperationItem/Description.d.ts

@@ -0,0 +1,10 @@
+import type { OpenAPIExternalDocumentation } from '../../types';
+interface DescriptionProps {
+    description?: string | GenericObject;
+    externalDocs?: OpenAPIExternalDocumentation;
+    extensions: {
+        [p: string]: string | Record<string, unknown>;
+    };
+}
+export declare function Description({ description, externalDocs, extensions }: DescriptionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib-esm/components/OperationItem/Description.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{Markdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";import{Extensions}from"../common/Extensions";export function Description({description:n,externalDocs:t,extensions:e}){return n?_jsxs(_Fragment,{children:[_jsx(Markdown,{source:n}),t&&_jsx(ExternalDocumentation,{externalDocs:t}),Object.keys(e||{}).length?_jsx(Extensions,{extensions:e}):null]}):null}
+//# sourceMappingURL=Description.js.map

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

@@ -0,0 +1,5 @@
+import type { OperationItemProps } from './types';
+export declare const OperationItem: import("react").NamedExoticComponent<OperationItemProps>;
+export declare const OperationSamplesPanel: import("styled-components").StyledComponent<"div", any, {
+    isStacked: boolean;
+}, never>;

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

@@ -0,0 +1,22 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useState,useCallback,useMemo}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Feedback,LayoutVariant,BeforeOpenApiOperation,AfterOpenApiOperation}from"@redocly/theme";import{SamplesMiddlePanel,SamplesPanel,ShareLink,Row,CustomBadges}from"../common";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples";import{RequestSamples}from"../RequestSamples";import{OperationResponseList}from"../Responses";import{ResponseSamples}from"../ResponseSamples";import{makeDeepLink,joinWithSeparator}from"../../services";import{layoutAtom,userClaimsAtom}from"../../jotai/app";import{globalStoreAtom,globalOptionsAtom}from"../../jotai/store";import{getOperation}from"../../models/operation";import{RenderHook}from"../RenderHook";import{Heading,Title}from"../common/OperationItemTitle";import{LinkToField}from"../common/LinkToField";import{RequestDetails}from"../Request/RequestDetails";import{StyledBadge}from"../common/Badges";import{useTranslate}from"../../hooks";import{createPanelToggleEvent}from"../../events";function OperationItemComponent({item:{operationDefinition:e,parent:a,href:o}}){var t,s;const l=useTranslate(),{parser:n,options:i}=useAtomValue(globalStoreAtom),{events:r}=useAtomValue(globalOptionsAtom),p=useAtomValue(userClaimsAtom),d=useAtomValue(layoutAtom),[m,c]=useState(),{unstable_hooks:u,feedback:k}=i,g=useMemo((()=>getOperation(n,e,a,i,o,void 0,p)),[o,e,i,a,n,p]),{name:S,deprecated:b,isWebhook:x,badges:h}=g||{},f=d===LayoutVariant.STACKED,j=(null==k?void 0:k.type)||"sentiment",_=!0!==(null==k?void 0:k.hide),[O,v]=useState(null),y=useCallback((e=>{m!==e&&c(e)}),[m]),R=useCallback(((e,a)=>{var o;if(!a)return;const t=createPanelToggleEvent({operation:g,isExpanded:e,panelType:a});null===(o=null==r?void 0:r.panelToggle)||void 0===o||o.call(r,t)}),[r,g]),A=useMemo((()=>_?_jsx(FeedbackWrapper,{children:_jsx(Feedback,{type:j,settings:k.settings,path:joinWithSeparator(i.routingBasePath,g.href)})}):null),[_,j,k.settings,i.routingBasePath,g.href]);return _jsxs(OperationRow,{layout:d,children:[_jsx(OperationSubRowStyled,{layout:d,children:_jsxs(SamplesMiddlePanel,{isStacked:f,children:[_jsx(RenderHook,{Hook:BeforeOpenApiOperation||(null==u?void 0:u.BeforeOperation),props:{operation:g}}),_jsxs(Heading,{"data-testid":"operation-item-header",children:[_jsx(ShareLink,{to:o,"aria-label":`link to ${S}`}),_jsx(CustomBadges,{badges:h,children:S}),b&&_jsx(StyledBadge,{deprecated:!0,children:l("openapi.badges.deprecated","Deprecated")}),x&&_jsx(StyledBadge,{children:l("openapi.badges.webhook","Webhook")})]})]})}),_jsxs(OperationSubRowStyled,{layout:d,children:[_jsx(SamplesMiddlePanel,{isStacked:f,children:_jsx(RequestDetails,{operation:g,translate:l,onPanelToggle:R})}),_jsx(OperationSamplesPanel,{isStacked:f,"data-testid":"samples-block",className:"panel-container-request-samples",children:_jsx(RequestSamples,{operation:g,onPanelToggle:R})})]}),_jsxs(OperationSubRowStyled,{layout:d,children:[_jsx(SamplesMiddlePanel,{isStacked:f,children:(null===(t=g.responses)||void 0===t?void 0:t.length)?_jsx(OperationResponseList,{responses:g.responses,operationId:g.id,operationPointer:g.pointer,callbackId:g.callbackId,activeResponseTab:m,onTabChange:y,onPanelToggle:R}):null}),_jsx(OperationSamplesPanel,{isStacked:f,"data-testid":"samples-block",className:"panel-container-response-samples",children:_jsx(ResponseSamples,{operation:g,activeResponseTab:m,onTabChange:y,onPanelToggle:R})})]}),_jsxs(OperationSubRowStyled,{layout:d,children:[_jsxs(SamplesMiddlePanel,{isStacked:f,children:[(null===(s=g.callbacks)||void 0===s?void 0:s.length)?_jsxs(_Fragment,{children:[_jsxs(Title,{children:[_jsx(LinkToField,{to:makeDeepLink(g.id,"callbacks")}),l("openapi.callbacks","Callbacks")]}),_jsx(CallbacksList,{callbacks:g.callbacks,onExpand:v,selectedCallback:O})]}):null,_jsx(RenderHook,{Hook:AfterOpenApiOperation||(null==u?void 0:u.AfterOperation),props:{operation:g}})]}),O?_jsx(OperationSamplesPanel,{isStacked:f,"data-testid":"samples-block",children:_jsx(CallbackSamples,{callback:O,translate:l})}):null]}),_jsx(OperationSubRowStyled,{layout:d,children:_jsx(SamplesMiddlePanel,{isStacked:f,fullWidth:!0,children:A})})]})}export const OperationItem=memo(OperationItemComponent);export const OperationSamplesPanel=styled(SamplesPanel)`
+  margin-left: auto;
+  --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
+`;const FeedbackWrapper=styled.div`
+  & > div {
+    flex: 1 1 auto;
+    display: flex;
+    justify-content: center;
+  }
+
+  & > div > div {
+    width: 100%;
+    max-width: var(--feedback-width);
+  }
+`,OperationRow=styled(Row)`
+  flex-direction: column;
+  align-items: flex-start;
+  padding: var(--spacing-base) 0 calc(var(--spacing-xl) + var(--spacing-xs));
+`,OperationSubRowStyled=styled(Row)`
+  margin: calc(var(--spacing-unit) * 2) 0;
+`;
+//# sourceMappingURL=OperationItem.js.map

package/lib-esm/components/OperationItem/_tests_/OperationItem.test.d.ts

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

package/lib-esm/components/OperationItem/_tests_/OperationItem.test.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{render}from"@testing-library/react";import{BrowserRouter}from"react-router-dom";import{OperationItem}from"../OperationItem";import{normalizeOptions}from"../../../services";import spec from"./fixtures/petstore.json";import definition from"./fixtures/operationDefinition.json";import{environmentAtom}from"../../../jotai/app";import{globalStoreAtom}from"../../../jotai/store";import{allOperationsAtom}from"../../../jotai/replay";import{MockIntersectionObserver}from"./__mocks__/mock-intersection-observer";jest.mock("jotai",(()=>Object.assign(Object.assign({},jest.requireActual("jotai")),{useAtomValue:jest.fn((e=>e===globalStoreAtom?{parser:{definition:spec},options:normalizeOptions({codeSamples:{languages:[{lang:"curl",label:"curl"}]}})}:e===environmentAtom?[{},""]:e===allOperationsAtom?[]:{})),useAtom:jest.fn((e=>e===environmentAtom?[[{server:{}}],jest.fn()]:[{activeOneOf:{"/paths/~1pet/post":0},requestValues:{},request:{expandedFields:{}},response:{expandedFields:{}},activeLanguage:"curl"},jest.fn()]))}))),describe("OperationItem",(()=>{beforeAll((()=>{window.IntersectionObserver=MockIntersectionObserver})),it("should render badges with correct position",(()=>{const{getByTestId:e}=render(_jsx(OperationItem,{item:{operationDefinition:definition,parent:void 0,href:"test"}}),{wrapper:BrowserRouter}),t=e("operation-item-header").childNodes;expect(t[1].textContent).toBe("Alpha"),expect(t[3].textContent).toBe("Beta"),expect(t[4].textContent).toBe("Gamma")}))}));
+//# sourceMappingURL=OperationItem.test.js.map

package/lib-esm/components/OperationItem/_tests_/__mocks__/mock-intersection-observer.d.ts

@@ -0,0 +1,15 @@
+export declare class MockIntersectionObserver {
+    readonly root: Element | Document | null;
+    readonly rootMargin: string;
+    readonly thresholds: ReadonlyArray<number>;
+    private viewPort;
+    private entries;
+    private readonly callback;
+    constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit);
+    private intersect;
+    isInViewPort(target: HTMLElement): boolean;
+    observe(target: HTMLElement): void;
+    unobserve(target: HTMLElement): void;
+    disconnect(): void;
+    takeRecords(): any[];
+}

package/lib-esm/components/OperationItem/_tests_/__mocks__/mock-intersection-observer.js

@@ -0,0 +1,2 @@
+export class MockIntersectionObserver{constructor(e,t){Object.defineProperty(this,"root",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"rootMargin",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thresholds",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"viewPort",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"entries",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"callback",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"intersect",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.entries.map((e=>{e.isIntersecting=this.isInViewPort(e.target)})),this.callback(this.entries,this)}}),this.viewPort=(null==t?void 0:t.root)?t.root:window,this.entries=[],this.root=null,this.rootMargin="0px",this.thresholds=[1],this.callback=e,this.viewPort.addEventListener("scroll",this.intersect)}isInViewPort(e){return"toc-0"!==e.id}observe(e){this.entries.push({isIntersecting:!1,target:e})}unobserve(e){this.entries=this.entries.filter((t=>t.target!==e))}disconnect(){this.viewPort.removeEventListener("scroll",this.intersect),this.entries=[]}takeRecords(){return this.entries}}
+//# sourceMappingURL=mock-intersection-observer.js.map

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

@@ -0,0 +1,2 @@
+export { OperationItem } from './OperationItem';
+export type { OperationItemProps } from './types';

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

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

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

@@ -0,0 +1,4 @@
+import type { OperationMenuItem } from '../../models';
+export interface OperationItemProps {
+    item: OperationMenuItem;
+}

package/lib-esm/components/OperationItem/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import type { LicenseInfo } from '../services/check';
+export interface LicenseCheckProps {
+    licenseInfo: LicenseInfo;
+}
+export declare const Overlay: ({ licenseInfo }: LicenseCheckProps) => ReactElement | null;

package/lib-esm/components/Overlay.js

@@ -0,0 +1,43 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import styled from"styled-components";const INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export const Overlay=({licenseInfo:e})=>{const[i,s]=useState(null),[t,r]=useState(-1),[l,n]=useState(!1);return useEffect((()=>{var i;e.local?n(!0):(e.valid?e.allowed?e.expired&&s(e.t?EXPIRED:TRIAL_EXPIRED):s(INVALID_HOST):s(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&r(Math.ceil(((null!==(i=null==e?void 0:e.e)&&void 0!==i?i:0)-Date.now()/1e3)/60/60/24)))}),[e]),l?_jsxs(TrialWrap,{children:[_jsx("a",{href:"https://redoc.ly",children:"Redocly API reference docs"})," preview"]}):!i&&t>-1?_jsxs(TrialWrap,{children:[" Trial version: ",t," days remaining "]}):i?_jsx(Flash,{children:_jsxs("span",{children:[i," ",_jsx("br",{}),_jsxs("small",{children:["Please contact ",_jsx("a",{href:"mailto:team@redoc.ly",children:"team@redoc.ly"})," to remedy the problem."," "]})]})}):null};const TrialWrap=styled.div`
+  padding: 10px 40px;
+  position: fixed;
+  text-align: right;
+  width: 100%;
+  box-sizing: border-box;
+  color: orange;
+  z-index: var(--z-index-surface);
+  opacity: 0.6;
+
+  > a,
+  a:visited {
+    color: orange;
+  }
+`,Flash=styled.div`
+  font-size: 1.5em;
+  position: fixed;
+  z-index: var(--z-index-raised);
+  background: rgba(38, 50, 56, 0.93);
+  margin: 0;
+  padding: 1em;
+  width: 100%;
+  color: white;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  text-align: center;
+  box-sizing: border-box;
+
+  > span {
+    display: inline-block;
+    line-height: 1.5;
+  }
+
+  a,
+  a:hover,
+  a:visited {
+    color: white;
+  }
+`;
+//# sourceMappingURL=Overlay.js.map

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

@@ -0,0 +1,9 @@
+import type { TFunction } from '@redocly/theme';
+import type { ReactElement } from 'react';
+import type { OpenAPIInfo } from '../../types';
+type OverviewProps = {
+    info: OpenAPIInfo;
+    translate: TFunction;
+};
+export declare function Overview({ info, translate }: OverviewProps): ReactElement;
+export {};

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{CopyButton,NewTabButton,EmailButton}from"@redocly/theme";import{PanelItem,PanelItemDescription,PanelItemsList}from"../PanelItem";export function Overview({info:e,translate:t}){const n=e.contact&&e.contact.url&&_jsx(PanelItem,{header:_jsx(PanelItemDescription,{children:t("openapi.info.contact.url","URL")}),title:_jsx("a",{href:e.contact.url,target:"_blank",rel:"noreferrer",children:e.contact.url}),actions:[_jsx(NewTabButton,{data:e.contact.url},"NewTabButton")]})||null,a=e.contact&&e.contact.email&&_jsx(PanelItem,{header:_jsx(PanelItemDescription,{children:e.contact.name||t("openapi.info.contact.name","E-mail")}),title:_jsx("a",{href:"mailto:"+e.contact.email,children:e.contact.email}),actions:[_jsx(CopyButton,{data:e.contact.email},"CopyButton"),_jsx(EmailButton,{data:e.contact.email},"EmailButton")]})||null,r=e.license&&_jsx(PanelItem,{header:_jsx(PanelItemDescription,{children:t("openapi.info.license","License")}),title:e.license.identifier?e.license.identifier:_jsx("a",{href:e.license.url,target:"_blank",rel:"noreferrer",children:e.license.name}),actions:[_jsx(NewTabButton,{data:e.license.url||""},"NewTabButton")]})||null,i=e.termsOfService&&_jsx(PanelItem,{title:_jsx("a",{href:e.termsOfService,target:"_blank",rel:"noreferrer",children:t("openapi.info.termsOfService","Terms of Service")}),actions:[_jsx(NewTabButton,{data:e.termsOfService},e.termsOfService)]})||null;return _jsx(_Fragment,{children:_jsxs(PanelItemsList,{children:[n,a,r,i]})})}
+//# sourceMappingURL=Overview.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare function PageFooterComponent(): import("react/jsx-runtime").JSX.Element | null;
+export declare const PageFooter: import("react").MemoExoticComponent<typeof PageFooterComponent>;

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{OpenApiFooter}from"@redocly/theme";import{memo}from"react";import{useAtomValue}from"jotai";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";export function PageFooterComponent(){const{unstable_hooks:{MiddlePanelFooter:o}}=useAtomValue(globalOptionsAtom);switch(!0){case Boolean(o):return _jsx(RenderHook,{Hook:o,props:void 0});case Boolean(OpenApiFooter):return _jsx(OpenApiFooter,{});default:return null}}export const PageFooter=memo(PageFooterComponent);
+//# sourceMappingURL=PageFooter.js.map

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

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

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

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

package/lib-esm/components/Panel/ResponsePanel.d.ts

@@ -0,0 +1,3 @@
+import { Panel } from '@redocly/theme';
+export declare const StyledResponsePanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;
+export declare const CallbackPanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;

package/lib-esm/components/Panel/ResponsePanel.js

@@ -0,0 +1,25 @@
+import styled from"styled-components";import{Panel}from"@redocly/theme";import{FieldsGroupHeader}from"../common/headers";import{Trigger}from"./Trigger";export const StyledResponsePanel=styled(Panel)`
+  ${FieldsGroupHeader} {
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  ${Trigger} {
+    flex: 1;
+    max-width: 100%;
+    justify-content: space-between;
+  }
+`;export const CallbackPanel=styled(StyledResponsePanel)`
+  border-bottom: 1px solid var(--border-color-primary);
+  &:not(:last-child) {
+    margin-bottom: 0;
+    border-radius: 0;
+  }
+
+  ${Trigger} {
+    max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */
+    justify-content: flex-start;
+  }
+`;
+//# sourceMappingURL=ResponsePanel.js.map

package/lib-esm/components/Panel/Trigger.d.ts

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

package/lib-esm/components/Panel/Trigger.js

@@ -0,0 +1,8 @@
+import styled from"styled-components";export const Trigger=styled.div`
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+//# sourceMappingURL=Trigger.js.map

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

@@ -0,0 +1,2 @@
+export * from './Trigger';
+export * from './ResponsePanel';

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

@@ -0,0 +1,2 @@
+export*from"./Trigger";export*from"./ResponsePanel";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface PanelItemProps {
+    header?: string | ReactNode;
+    title?: string | ReactNode;
+    actions?: any[];
+    active?: boolean;
+    withCheckmark?: boolean;
+}
+export declare const PanelItem: ({ header, title, actions, active, withCheckmark }: PanelItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{PanelItemWrap,Item,Header,Title,ActionsWrap,StyledCheckmarkIcon}from"./styled";export const PanelItem=({header:e,title:s,actions:t,active:r,withCheckmark:a})=>_jsxs(PanelItemWrap,{children:[_jsxs(Item,{children:[e&&("string"==typeof e?_jsx(Header,{children:e}):e),_jsxs(Title,{active:r,suppressHydrationWarning:!0,children:[a&&r&&_jsx(StyledCheckmarkIcon,{})," ",s]})]}),_jsx(ActionsWrap,{children:null==t?void 0:t.map((e=>e))})]});
+//# sourceMappingURL=PanelItem.js.map

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

@@ -0,0 +1,2 @@
+export { PanelItem } from './PanelItem';
+export * from './styled';

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

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

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

@@ -0,0 +1,16 @@
+export declare const PanelItemWrap: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"p", any, {
+    active?: boolean;
+}, never>;
+export declare const ActionsWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PanelItemsList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PanelItemDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledCheckmarkIcon: import("styled-components").StyledComponent<(props: import("@redocly/theme/lib/icons/types").IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name">;