@redocly/api-docs 0.0.2

package/lib/components/panels/LanguageItem/styled.d.ts

@@ -0,0 +1,94 @@
+import { DropdownMenu } from '@redocly/theme/components/Dropdown/DropdownMenu';
+import { DropdownMenuItem } from '@redocly/theme/components/Dropdown/DropdownMenuItem';
+export declare const RightAlignedDropdownMenu: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@redocly/theme").DropdownMenuProps & import("styled-components/dist/types.js").BaseObject, never> & Partial<Pick<import("@redocly/theme").DropdownMenuProps & import("styled-components/dist/types.js").BaseObject, never>>> & string & Omit<typeof DropdownMenu, keyof import("react").Component<any, {}, any>>;
+export declare const Container: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const LanguageTitle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$active"> & {
+    $active?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$active"> & {
+    $active?: boolean;
+}, never>>> & string;
+export declare const LanguageTitleContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const LanguageIcon: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const LanguageListContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$justifyContent"> & {
+    $justifyContent?: string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$justifyContent"> & {
+    $justifyContent?: string;
+}, never>>> & string;
+export declare const LanguageListItem: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active"> & {
+    $active: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active"> & {
+    $active: boolean;
+}, never>>> & string;
+export declare const StyledDropdownMenuItem: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Partial<Pick<import("@redocly/theme").LinkProps, "external" | "target" | "to">> & {
+    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;
+} & {
+    children?: import("react").ReactNode | undefined;
+}, "$width" | "active" | "className" | "content" | "dangerous" | "dataAttributes" | "disabled" | "external" | "onAction" | "prefix" | "role" | "separator" | "separatorLine" | "style" | "suffix" | "target" | "to"> & Partial<Pick<import("@redocly/theme").LinkProps, "external" | "target" | "to">> & {
+    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> & Partial<Pick<import("styled-components").FastOmit<Partial<Pick<import("@redocly/theme").LinkProps, "external" | "target" | "to">> & {
+    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;
+} & {
+    children?: import("react").ReactNode | undefined;
+}, "$width" | "active" | "className" | "content" | "dangerous" | "dataAttributes" | "disabled" | "external" | "onAction" | "prefix" | "role" | "separator" | "separatorLine" | "style" | "suffix" | "target" | "to"> & Partial<Pick<import("@redocly/theme").LinkProps, "external" | "target" | "to">> & {
+    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>>> & string & Omit<typeof DropdownMenuItem, keyof import("react").Component<any, {}, any>>;
+export declare const DropdownTriggerButton: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@redocly/theme").ButtonProps, keyof import("@redocly/theme").ButtonProps> & import("@redocly/theme").ButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const StaticLanguageLabel: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;

package/lib/components/panels/LanguageItem/styled.js

@@ -0,0 +1,96 @@
+import{styled as t,css as i}from"styled-components";import{Button as n}from"@redocly/theme/components/Button/Button";import{DropdownMenu as r}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as o}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{ITEM_WIDTH as a}from"./constants.js";const h=t(r)`
+  position: absolute;
+  right: 0;
+`,f=t.span`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,x=t.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:e})=>e?"var(--font-weight-medium)":"var(--font-weight-regular)"};
+`,s=t.span`
+  width: 100%;
+  display: inherit;
+  gap: inherit;
+  flex-direction: inherit;
+  justify-content: inherit;
+  align-items: inherit;
+`,u=t.span`
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+`,v=t.div`
+  display: flex;
+  justify-content: ${({$justifyContent:e="start"})=>e};
+  align-items: center;
+  width: 100%;
+`,m=t.button`
+  background: none;
+  border: none;
+  width: ${a}px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  flex-direction: column;
+  gap: calc(var(--spacing-unit) * 0.5);
+  padding: var(--spacing-xs) 0;
+  color: ${({$active:e})=>e?"var(--text-color-primary)":"var(--text-color-description)"};
+  border-radius: var(--border-radius);
+  text-align: center;
+  position: relative;
+
+  &:hover {
+    color: var(--text-color-primary);
+  }
+
+  ${({$active:e})=>e&&i`
+      &::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);
+      }
+    `}
+`,w=t(o)`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-xs);
+  padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
+    var(--spacing-sm);
+  width: ${({$width:e=204})=>e}px;
+  fill: var(--menu-content-color-active);
+
+  ${s} {
+    width: auto;
+    justify-content: flex-start;
+  }
+`,b=t(n)`
+  display: inline-flex;
+
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
+  cursor: pointer;
+`,y=t.span`
+  display: inline-flex;
+  align-items: center;
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-regular);
+  color: var(--text-color-secondary);
+`;export{f as Container,b as DropdownTriggerButton,u as LanguageIcon,v as LanguageListContainer,m as LanguageListItem,x as LanguageTitle,s as LanguageTitleContainer,h as RightAlignedDropdownMenu,y as StaticLanguageLabel,w as StyledDropdownMenuItem};

package/lib/components/panels/LocationsPanelItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { LocationsPanelNode } from '../../types/content.js';
+export declare function LocationsPanelItem({ node }: {
+    node: LocationsPanelNode;
+}): ReactElement | null;

package/lib/components/panels/LocationsPanelItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useSpecTranslate as r}from"../../hooks/useTranslate.js";import{resolveText as c}from"../../utils/resolveText.js";import{PanelWrapper as m,PanelHeading as p,PanelBody as d,PanelListItem as f,ListIcon as h}from"./shared-panel-styles.js";function j({node:t}){const i=t.children[0],o=r(),n=i?.locations??[];if(n.length===0)return null;const s=c(o,t.titleTranslationKey,t.title);return l(m,{className:"panel-api-docs",children:[e(p,{children:s}),e(d,{children:n.map(a=>l(f,{"data-testid":"location-item",children:[e(h,{clipId:"clip_loc"}),a]},a))})]})}export{j as LocationsPanelItem};

package/lib/components/panels/McpExamplePanelItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { McpExampleNode } from '../../types/content.js';
+export declare function McpExamplePanelItem({ node }: {
+    node: McpExampleNode;
+}): ReactElement;

package/lib/components/panels/McpExamplePanelItem.js

@@ -0,0 +1,6 @@
+import{Fragment as o,jsx as a}from"react/jsx-runtime";import{styled as l}from"styled-components";import{CodeBlock as s}from"@redocly/theme/components/CodeBlock/CodeBlock";import{CodeBlockPanel as d,StyledJsonViewer as t}from"./styled.js";const p=l(s)`
+  border: none;
+  padding: 0 8px;
+  margin-bottom: 0;
+  --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-sm);
+`;function x({node:r}){return a(o,{children:r.children.map((e,n)=>a(d,{className:"panel-response-samples",header:e.headerTitle,isExpandable:!1,children:e.language?a(p,{source:String(e.data),header:{title:e.language,controls:{copy:{}}}}):a(t,{data:e.data,expandLevel:Number.POSITIVE_INFINITY})},n))})}export{x as McpExamplePanelItem};

package/lib/components/panels/McpPanelItem.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { PanelNodeProps } from './PanelNodeProps.js';
+export declare function McpPanelItem({ node }: PanelNodeProps): ReactElement;

package/lib/components/panels/McpPanelItem.js

@@ -0,0 +1,54 @@
+import{jsx as n,jsxs as s}from"react/jsx-runtime";import{styled as a}from"styled-components";import{memo as v}from"react";import{PageActions as g}from"@redocly/theme/components/PageActions/PageActions";import{panelKind as o}from"../../types/common.js";import{useSpecTranslate as u}from"../../hooks/useTranslate.js";import{resolveText as d}from"../../utils/resolveText.js";import{OverviewPanel as m}from"./styled.js";function K({node:e}){const r=e,l=u(),i=r.children,c=d(l,e.titleTranslationKey,e.title);return n(m,{header:c,className:"panel-api-docs",isExpandable:!1,children:n(y,{children:i.map((t,h)=>n(b,{item:t,translate:l},x(t,h)))})})}function x(e,r){return e.kind===o.ATTRIBUTE?`${e.label}-${r}`:e.kind===o.TAGS?`${e.title||"tags"}-${r}`:e.kind===o.EXTERNAL_LINK?`${e.url}-${r}`:e.kind===o.CONNECT_MCP_BUTTON?`${e.mcpUrl}-${r}`:`mcp-item-${r}`}const b=v(function({item:r,translate:l}){const i=d(l,r.titleTranslationKey,r.title),c="label"in r?d(l,r.labelTranslationKey,r.label):"";return r.kind===o.ATTRIBUTE?s(p,{children:[n(f,{children:r.title||c}),n(k,{children:r.value})]}):r.kind===o.TAGS?s(p,{children:[n(f,{children:i||"Tags"}),n(P,{children:r.tags.map(t=>s(w,{variant:t.color==="green"?"success":void 0,children:[t.icon==="checkmark"&&n(T,{})," ",t.text]},t.text))})]}):r.kind===o.EXTERNAL_LINK?s(p,{children:[n(f,{children:i||"Link"}),n($,{href:r.url,target:"_blank",rel:"noopener noreferrer",children:r.label})]}):r.kind===o.CONNECT_MCP_BUTTON?n(N,{children:n(g,{actions:r.actions,mcpUrl:r.mcpUrl})}):null});function T(){return n("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:n("polyline",{points:"20 6 9 17 4 12"})})}const y=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+`,p=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+`,f=a.span`
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--text-color-secondary);
+  line-height: var(--line-height-sm);
+`,k=a.span`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-family: var(--font-family-monospaced);
+  color: var(--text-color-primary);
+`,P=a.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-xxs);
+`,w=a.span`
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  padding: 0 var(--spacing-xxs);
+  border-radius: var(--border-radius);
+  font-family: var(--font-family-monospaced);
+  background: ${({variant:e})=>e==="success"?"var(--badge-ok-bg-color, var(--tag-bg-color))":"var(--tag-bg-color, var(--border-color-secondary))"};
+  color: ${({variant:e})=>e==="success"?"var(--badge-ok-text-color, var(--text-color-secondary))":"var(--text-color-secondary)"};
+`,N=a.div`
+  & button {
+    width: 100%;
+  }
+  > div {
+    padding: 0;
+  }
+`,$=a.a`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-family: var(--font-family-monospaced);
+  color: var(--link-color-primary);
+  text-decoration: none;
+  word-break: break-all;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;export{K as McpPanelItem};

package/lib/components/panels/OverviewPanelItem.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { PanelNodeProps } from './PanelNodeProps.js';
+export declare function OverviewPanelItem({ node }: PanelNodeProps): ReactElement | null;

package/lib/components/panels/OverviewPanelItem.js

@@ -0,0 +1,17 @@
+import{jsx as r}from"react/jsx-runtime";import{styled as v}from"styled-components";import{CopyButton as f}from"@redocly/theme/components/Buttons/CopyButton";import{NewTabButton as y}from"@redocly/theme/components/Buttons/NewTabButton";import{EmailButton as T}from"@redocly/theme/components/Buttons/EmailButton";import{panelKind as a}from"../../types/common.js";import{useSpecTranslate as b}from"../../hooks/useTranslate.js";import{resolveText as i}from"../../utils/resolveText.js";import{PanelItem as s,PanelItemDescription as c,PanelItemsList as w}from"../common/PanelItem.js";import{OverviewPanel as I}from"./styled.js";function A({node:n}){const u=n,l=b(),d=u.children.map((e,t)=>{const o=i(l,e.titleTranslationKey,e.title),p=i(l,e.labelTranslationKey,e.label);return e.kind===a.EXTERNAL_LINK?r(s,{header:e.title?r(c,{children:o}):void 0,title:r(h,{children:r("a",{href:e.url,target:"_blank",rel:"noreferrer",children:p})}),actions:[...e.withCopyButton?[r(f,{data:e.copyContent||e.url},`copy-${t}`)]:[],r(y,{data:e.url},`new-tab-${t}`)]},`${e.url}-${t}`):e.kind===a.EMAIL?r(s,{header:e.title?r(c,{children:o}):void 0,title:r(h,{children:r("a",{href:"mailto:"+e.email,children:p})}),actions:[...e.withCopyButton?[r(f,{data:e.copyContent||e.email},`copy-${t}`)]:[],r(T,{data:e.email},`email-${t}`)]},`${e.email}-${t}`):e.kind===a.ATTRIBUTE?r(s,{header:e.title?r(c,{children:o}):void 0,title:e.value},`${e.label}-${t}`):null}).filter(Boolean);if(!(d.length>0))return null;const m=i(l,n.titleTranslationKey,n.title);return r(I,{header:m,className:"panel-api-docs",isExpandable:!1,children:r(w,{children:d})})}const h=v.div`
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  a {
+    color: var(--link-color-primary);
+    text-decoration: none;
+    font-weight: var(--link-font-weight);
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+`;export{A as OverviewPanelItem};

package/lib/components/panels/PanelMapper.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { PanelNodeProps } from './PanelNodeProps.js';
+declare function PanelMapperComponent({ node }: PanelNodeProps): ReactElement | null;
+export declare const PanelMapper: import("react").MemoExoticComponent<typeof PanelMapperComponent>;
+export {};

package/lib/components/panels/PanelMapper.js

@@ -0,0 +1 @@
+import{jsx as S}from"react/jsx-runtime";import{memo as L}from"react";import{panelKind as E}from"../../types/common.js";import{DownloadPanelItem as R}from"./DownloadPanelItem.js";import{OverviewPanelItem as N}from"./OverviewPanelItem.js";import{LanguagePanelItem as m}from"./LanguageItem/LanguagePanelItem.js";import{ServerPanelItem as _}from"./ServerItem/ServerPanelItem.js";import{BrokerPanelItem as I}from"./asyncapi/BrokerItem/BrokerPanelItem.js";import{ChannelBindingPanelItem as a}from"./asyncapi/ChannelBindingItem/ChannelBindingItem.js";import{OperationBindingPanelItem as i}from"./asyncapi/OperationBindingItem/OperationBindingItem.js";import{MessageBindingPanelItem as O}from"./asyncapi/MessageBindingItem/MessageBindingItem.js";import{MessageReferencesPanelItem as s}from"./asyncapi/MessageReferencesItem/MessageReferencesItem.js";import{GroupPanelItem as c}from"./GroupPanelItem.js";import{ExamplesPanelItem as n}from"./ExampleItem/ExamplesPanelItem.js";import{McpPanelItem as u}from"./McpPanelItem.js";import{McpExamplePanelItem as l}from"./McpExamplePanelItem.js";import{ReferencesPanelItem as o}from"./ReferencesPanelItem.js";import{LocationsPanelItem as G}from"./LocationsPanelItem.js";const C=[E.EXTERNAL_LINK,E.EMAIL,E.ATTRIBUTE],M=[E.TAGS,E.CONNECT_MCP_BUTTON],p=[E.PAYLOAD,E.CODE_SAMPLE,E.CALLBACK_PAYLOAD,E.RESPONSE,E.GRAPHQL_QUERY,E.GRAPHQL_RESPONSE,E.GRAPHQL_VARIABLES,E.GRAPHQL_TYPE_SAMPLE],D={[E.DOWNLOAD]:R,[E.SERVERS]:_,[E.BROKERS]:I,[E.CHANNEL_BINDING]:a,[E.OPERATION_BINDING]:i,[E.MESSAGE_BINDING]:O,[E.MESSAGE_REFERENCES]:s,[E.LANGUAGES]:m,[E.PAYLOAD]:n,[E.CODE_SAMPLE]:n,[E.CALLBACK_PAYLOAD]:n,[E.RESPONSE]:n,[E.GRAPHQL_QUERY]:n,[E.GRAPHQL_RESPONSE]:n,[E.GRAPHQL_VARIABLES]:n,[E.GRAPHQL_TYPE_SAMPLE]:n,[E.REFERENCES]:o,[E.LOCATIONS]:G,[E.GROUP_ITEMS]:c,[E.MCP_EXAMPLE]:l};function f(r,A){return r.children.length>0&&r.children.every(P=>P.kind===A)}function e(r,A){if(!f(r,A))return null;const P=D[A];return P({node:r})}function B(r){if(!r?.children?.length)return null;const A=r.children.map(t=>t.kind),P=new Set(A);if(A.some(t=>M.includes(t)))return S(u,{node:r});if(A.every(t=>C.includes(t)))return S(N,{node:r});if(A.length>0&&A.every(t=>p.includes(t)))return S(n,{node:r});if(P.size===1){const[t]=P;switch(t){case E.DOWNLOAD:return e(r,E.DOWNLOAD);case E.SERVERS:return e(r,E.SERVERS);case E.BROKERS:return e(r,E.BROKERS);case E.CHANNEL_BINDING:return e(r,E.CHANNEL_BINDING);case E.OPERATION_BINDING:return e(r,E.OPERATION_BINDING);case E.MESSAGE_BINDING:return e(r,E.MESSAGE_BINDING);case E.MESSAGE_REFERENCES:return e(r,E.MESSAGE_REFERENCES);case E.LANGUAGES:return e(r,E.LANGUAGES);case E.PAYLOAD:return e(r,E.PAYLOAD);case E.CODE_SAMPLE:return e(r,E.CODE_SAMPLE);case E.CALLBACK_PAYLOAD:return e(r,E.CALLBACK_PAYLOAD);case E.RESPONSE:return e(r,E.RESPONSE);case E.GRAPHQL_QUERY:return e(r,E.GRAPHQL_QUERY);case E.GRAPHQL_RESPONSE:return e(r,E.GRAPHQL_RESPONSE);case E.GRAPHQL_VARIABLES:return e(r,E.GRAPHQL_VARIABLES);case E.GRAPHQL_TYPE_SAMPLE:return e(r,E.GRAPHQL_TYPE_SAMPLE);case E.REFERENCES:return e(r,E.REFERENCES);case E.LOCATIONS:return e(r,E.LOCATIONS);case E.GROUP_ITEMS:return e(r,E.GROUP_ITEMS);case E.MCP_EXAMPLE:return e(r,E.MCP_EXAMPLE);default:return null}}return null}function T({node:r}){return B(r)}const z=L(T);export{z as PanelMapper};

package/lib/components/panels/PanelNodeProps.d.ts

@@ -0,0 +1,4 @@
+import type { PanelNode } from '../../types/content.js';
+export type PanelNodeProps = {
+    node: PanelNode;
+};

package/lib/components/panels/ReferencesPanelItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ReferencesNode } from '../../types/content.js';
+export declare function ReferencesPanelItem({ node }: {
+    node: ReferencesNode;
+}): ReactElement | null;

package/lib/components/panels/ReferencesPanelItem.js

@@ -0,0 +1,19 @@
+import{jsx as n,jsxs as c}from"react/jsx-runtime";import{memo as I,useCallback as u,useMemo as h}from"react";import{useAtomValue as y}from"jotai";import{styled as m}from"styled-components";import{Link as v}from"react-router-dom";import{useSpecTranslate as M}from"../../hooks/useTranslate.js";import{useTelemetry as q}from"../../hooks/useTelemetry.js";import{resolveText as L}from"../../utils/resolveText.js";import{graphqlReferenceMapAtom as j,graphqlTypeSlugMapAtom as w}from"../../jotai/graphql.js";import{PanelWrapper as N,PanelHeading as P,PanelBody as $,PanelListItem as C,ListIcon as S}from"./shared-panel-styles.js";import{useNavigationUrlNormalizer as b}from"../../hooks/useNormalizeUrl.js";function Q({node:i}){const e=i.children[0],p=M(),t=y(j),o=y(w),l=b(),s=q(),x=u(r=>{s.sendReferencedInClickedMessage([{id:"graphqlDocsReferencedInLink",object:"link",uri:"urn:redocly:redoc:ui:link:graphqlDocsReferencedInLink",referencedIn:r}])},[s]),d=h(()=>e?.graphqlTypeName?t[e.graphqlTypeName]??[]:e?.references??[],[e,t]),R=h(()=>d.flatMap(r=>{const a=o[r.name];if(!a)return[];const f=l(a),k=r.field?l(`${a}#${r.name}-${r.field}`):void 0;return[{reference:r,typeTo:f,fieldTo:k}]}),[d,o,l]);if(d.length===0)return null;const T=L(p,i.titleTranslationKey,i.title);return c(N,{className:"panel-api-docs",children:[n(P,{children:T}),n($,{children:R.map(({reference:r,typeTo:a,fieldTo:f})=>n(z,{reference:r,typeTo:a,fieldTo:f,onReferencedInClick:x},`${r.name}.${r.field??""}`))})]})}const z=I(function({reference:e,typeTo:p,fieldTo:t,onReferencedInClick:o}){const l=u(()=>o(e.name),[o,e.name]),s=u(()=>o(e.field??""),[o,e.field]);return c(A,{children:[n(S,{clipId:"clip_ref"}),c(_,{children:[n(g,{to:p,onClick:l,children:e.name}),e.field&&t&&c(D,{children:[".",n("wbr",{}),n(g,{to:t,onClick:s,children:e.field})]})]})]})}),A=m(C)`
+  align-items: flex-start;
+`,_=m.span`
+  overflow-wrap: anywhere;
+`,g=m(v)`
+  color: var(--link-color-primary, var(--text-color-secondary));
+  text-decoration: none;
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`,D=m.span`
+  color: var(--text-color-secondary);
+
+  a {
+    color: var(--text-color-secondary);
+  }
+`;export{Q as ReferencesPanelItem};

package/lib/components/panels/ServerItem/ServerDescriptionTooltip.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+export declare const ServerDescriptionTooltip: ({ description, }: {
+    description?: string;
+}) => ReactElement;

package/lib/components/panels/ServerItem/ServerDescriptionTooltip.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useEffect as s,useState as i}from"react";import{Button as a}from"@redocly/theme/components/Button/Button";import{Tooltip as m}from"@redocly/theme/components/Tooltip/Tooltip";import{InformationIcon as c}from"@redocly/theme/icons/InformationIcon/InformationIcon";const v=({description:n})=>{const[o,e]=i(!1);return s(()=>{const r=()=>{o&&e(!1)};if(o)return document.addEventListener("touchmove",r,{passive:!0}),()=>{document.removeEventListener("touchmove",r)}},[o]),t(m,{tip:n,placement:"bottom",arrowPosition:"left",isOpen:o,children:t(a,{size:"small",variant:"ghost",icon:t(c,{}),"data-testid":"server-item-description-tooltip",onClick:()=>e(!0),onBlur:()=>e(!1),onFocus:()=>e(!0),onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),onTouchCancel:()=>e(!1)})})};export{v as ServerDescriptionTooltip};

package/lib/components/panels/ServerItem/ServerItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ServerData } from '../../../types/common.js';
+export declare function ServerItem({ server }: {
+    server: ServerData;
+}): ReactElement;

package/lib/components/panels/ServerItem/ServerItem.js

@@ -0,0 +1,40 @@
+import{jsx as i,jsxs as t}from"react/jsx-runtime";import{styled as o}from"styled-components";import{CopyButton as f}from"@redocly/theme/components/Buttons/CopyButton";import{PanelItem as x,PanelItemDescription as b,Title as v,ServerTitleWrapper as u,TitleWrap as y}from"../../common/PanelItem.js";import{Tag as h}from"../../common/Tag.js";import{useSpecTranslate as w}from"../../../hooks/useTranslate.js";import{Markdown as S}from"../../common/Markdown.js";import{ViewNested as T}from"../../common/ViewNested.js";import{ServerDescriptionTooltip as D}from"./ServerDescriptionTooltip.js";import{resolveServerUrl as j}from"../../../services/code-samples/replay/normalize-servers.js";function U({server:e}){const n=w(),a=j(e.url),p=Object.keys(e.variables||{}).length,l=p===1?"variable":"variables",d=`${p||""} ${n(l,l)}`,g=!!e.name&&!!e.description;return t(x,{children:[t(u,{children:[i(b,{"data-testid":"server-panel-item-name",children:e.name||e.description}),g&&i(D,{description:e.description})]}),t(y,{children:[i(v,{suppressHydrationWarning:!0,children:a}),i(f,{data:a},a)]}),e.variables&&i(T,{expandText:`${n("actions.show","Show")} ${d}`,hideText:`${n("actions.hide","Hide")} ${d}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:i($,{children:Object.entries(e.variables||{}).map(([c,r])=>t(z,{children:[i(k,{children:c}),t(s,{children:[n("default","Default")," ",i(h,{className:"tag-grey",children:r.default})]}),r.description&&(typeof r.description=="string"?i("div",{children:r.description}):i(W,{source:r.description})),r.enum&&t(s,{children:[n("enum","Enum")," ",i(C,{children:r.enum.map(m=>i(h,{className:"tag-grey",children:m},m))})]})]},c))})})]},e.url)}const $=o.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;
+  }
+`,z=o.div`
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+`,W=o(S)`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+`,s=o.span`
+  display: flex;
+  gap: var(--spacing-xxs);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+`,k=o(s)`
+  padding-bottom: var(--spacing-xxs);
+  font-weight: var(--font-weight-semibold);
+`,C=o.span`
+  display: flex;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+`;export{U as ServerItem};

package/lib/components/panels/ServerItem/ServerPanelItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ServersNode } from '../../../types/content.js';
+export declare function ServerPanelItem({ node }: {
+    node: ServersNode;
+}): ReactElement;

package/lib/components/panels/ServerItem/ServerPanelItem.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{memo as a}from"react";import{useSpecTranslate as i}from"../../../hooks/useTranslate.js";import{resolveText as l}from"../../../utils/resolveText.js";import{PanelItemsList as p}from"../../common/PanelItem.js";import{OverviewPanel as c}from"../styled.js";import{ServerItem as v}from"./ServerItem.js";function P({node:e}){const t=e.children[0],s=i(),m=t?.servers??[],n=l(s,e.titleTranslationKey,e.title);return r(c,{header:n,className:"panel-api-docs",isExpandable:!1,children:r(p,{children:m.map(o=>r(f,{server:o},o.url))})})}const f=a(function({server:t}){return r(v,{server:t})});export{P as ServerPanelItem};

package/lib/components/panels/asyncapi/BrokerItem/BrokerBindingsSection.d.ts

@@ -0,0 +1,7 @@
+import type { BrokerData } from '../../../../types/asyncapi.js';
+type BrokerBindingsSectionProps = {
+    broker: BrokerData;
+    panelLabel: string;
+};
+export declare const BrokerBindingsSection: ({ broker, panelLabel }: BrokerBindingsSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/panels/asyncapi/BrokerItem/BrokerBindingsSection.js

@@ -0,0 +1 @@
+import{Fragment as m,jsx as n,jsxs as r}from"react/jsx-runtime";import{useAtomValue as g}from"jotai";import{useMemo as h}from"react";import{JsonViewer as p}from"@redocly/theme/components/JsonViewer/JsonViewer";import{globalOptionsAtom as u}from"../../../../jotai/store.js";import{ExternalDocumentation as b}from"../../../common/ExternalDocumentation.js";import{Block as f,Header as y,Section as a,Label as o,Value as d,ExternalDocumentationWrapper as x}from"./BrokerPanel.styled.js";const B=({binding:i,jsonSamplesDepth:t})=>{const{key:s,value:e}=i;return s==="kafka"?r(m,{children:[e.schemaRegistryUrl&&r(a,{children:[n(o,{"data-testid":"schema-registry-url-label",children:"Schema Registry URL:"}),n(x,{children:n(b,{externalDocs:{url:e.schemaRegistryUrl},compact:!0})})]}),e.schemaRegistryUrl&&r(a,{children:[n(o,{"data-testid":"schema-registry-vendor-label",children:"Schema Registry Vendor:"}),n(d,{"data-testid":"schema-registry-vendor-value",children:e.schemaRegistryVendor})]}),e.bindingVersion&&r(a,{children:[n(o,{"data-testid":"binding-version-label",children:"Binding Version:"}),n(d,{"data-testid":"binding-version-value",children:e.bindingVersion})]})]}):n(p,{data:e,expandLevel:t,controls:!1})},U=({broker:i,panelLabel:t})=>{const{jsonSamplesDepth:s}=g(u),e=h(()=>Object.entries(i.bindings||{}).map(([c,l])=>({key:c,value:l}))[0],[i.bindings]);return r(f,{"data-component-name":"BrokerBindingsSection/BrokerBindingsSection",children:[r(y,{children:[t," Configuration"]}),B({binding:e,jsonSamplesDepth:s})]})};export{U as BrokerBindingsSection};

package/lib/components/panels/asyncapi/BrokerItem/BrokerModal.d.ts

@@ -0,0 +1,8 @@
+import type { BrokerData } from '../../../../types/asyncapi.js';
+type BrokerModalProps = {
+    broker: BrokerData;
+    panelLabel: string;
+    onClose: () => void;
+};
+export declare const BrokerModal: ({ broker, onClose, panelLabel }: BrokerModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/panels/asyncapi/BrokerItem/BrokerModal.js

@@ -0,0 +1,49 @@
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import{styled as e}from"styled-components";import{useState as d,useRef as m}from"react";import{Button as g}from"@redocly/theme/components/Button/Button";import{Typography as f}from"@redocly/theme/components/Typography/Typography";import{Segmented as h}from"@redocly/theme/components/Segmented/Segmented";import{CloseIcon as v}from"@redocly/theme/icons/CloseIcon/CloseIcon";import{DatabaseIcon as u}from"@redocly/theme/icons/DatabaseIcon/DatabaseIcon";import{KafkaIcon as x}from"@redocly/theme/icons/KafkaIcon/KafkaIcon";import{RabbitMQIcon as b}from"@redocly/theme/icons/RabbitMQIcon/RabbitMQIcon";import{useOutsideClick as k}from"@redocly/theme/core/hooks";import{useFocusTrap as w}from"@redocly/theme/core/hooks";import{BrokerOverviewSection as B}from"./BrokerOverviewSection.js";import{BrokerBindingsSection as z}from"./BrokerBindingsSection.js";const y=[{label:"Overview",value:0}],S=({protocol:t})=>{switch(t){case"kafka":return o(x,{size:"24px"});case"amqp":return o(b,{size:"24px"});default:return o(u,{size:"24px"})}},A=({broker:t,onClose:n,panelLabel:l})=>{const[r,p]=d(0),a=m(null);k(a,n),w(a);const s=[...y];return t.bindings&&s.push({label:"Configuration",value:2}),o(I,{"data-component-name":"BrokerModal/BrokerModal",children:i(C,{ref:a,tabIndex:0,children:[o(M,{onClick:n,"data-testid":"close",variant:"ghost",icon:o(v,{})}),i(O,{children:[o(S,{protocol:t.protocol||""}),o(T,{children:t.protocol}),": ",t.name]}),o(h,{value:r,onChange:({value:c})=>p(c),options:s}),i(j,{children:[r===0&&o(B,{broker:t}),r===2&&o(z,{broker:t,panelLabel:l})]})]})})},I=e.div`
+  background: var(--bg-color-modal-overlay);
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: var(--z-index-popover);
+  left: 0;
+  top: 0;
+  pointer-events: auto;
+`,C=e.div`
+  background: var(--bg-color);
+  box-shadow: var(--bg-raised-shadow);
+  border-radius: var(--border-radius-lg);
+  padding: var(--spacing-lg);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: absolute;
+  width: 720px;
+  max-width: 100%;
+  height: auto;
+  max-height: 600px;
+  overflow-y: scroll;
+  left: 50%;
+  top: 100px;
+  transform: translateX(-50%);
+  .tag-grey span {
+    font-size: var(--font-size-base);
+    line-height: var(--line-height-base);
+  }
+`,M=e(g)`
+  position: absolute;
+  right: var(--spacing-md);
+  top: var(--spacing-md);
+`,O=e(f)`
+  display: flex;
+  align-items: center;
+  font-size: var(--h4-font-size);
+  font-weight: var(--h4-font-weight);
+  margin-bottom: var(--spacing-lg);
+  svg {
+    margin-right: var(--spacing-xs);
+  }
+`,T=e.span`
+  text-transform: capitalize;
+`,j=e.div`
+  padding-top: var(--spacing-base);
+  width: 100%;
+`;export{A as BrokerModal};

package/lib/components/panels/asyncapi/BrokerItem/BrokerOverviewSection.d.ts

@@ -0,0 +1,6 @@
+import type { BrokerData } from '../../../../types/asyncapi.js';
+type BrokerOverviewSectionProps = {
+    broker: BrokerData;
+};
+export declare const BrokerOverviewSection: ({ broker }: BrokerOverviewSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/panels/asyncapi/BrokerItem/BrokerOverviewSection.js

@@ -0,0 +1,25 @@
+import{Fragment as m,jsx as e,jsxs as n}from"react/jsx-runtime";import{styled as d}from"styled-components";import{Fragment as v}from"react/jsx-runtime";import{Tag as y}from"@redocly/theme/components/Tag/Tag";import{ExternalDocumentation as S}from"../../../common/ExternalDocumentation.js";import{Markdown as f}from"../../../common/Markdown.js";import{Block as g,Header as x,Section as s,Label as o,Value as l,ExternalDocumentationWrapper as V,HostList as w}from"./BrokerPanel.styled.js";const z=i=>{const r=i.title||i.summary||i.description;return n(g,{children:[e(x,{children:"Info"}),i.url&&n(s,{children:[e(o,{children:"Host:"}),e(l,{children:e(w,{children:i.url.split(" ").map((t,c)=>e("span",{children:t},c))})})]}),n(s,{children:[n(o,{children:["Protocol",i.protocolVersion?" and version":"",":"]}),n(l,{children:[i.protocol,i.protocolVersion&&`, ${i.protocolVersion}`]})]}),r&&n(m,{children:[e(a,{}),i.title&&n(s,{children:[e(o,{children:"Title:"}),e(l,{children:i.title})]}),i.summary&&n(s,{children:[e(o,{children:"Summary:"}),e(l,{children:i.summary})]}),i.description&&n(s,{children:[e(o,{children:"Description:"}),typeof i.description=="string"?e(l,{children:i.description}):e(l,{children:e(f,{source:i.description})})]})]})]})},T=i=>n(g,{children:[e(x,{children:"Variables"}),i.map(({key:r,value:t},c,h)=>n(v,{children:[n(s,{children:[e(O,{children:r}),t.default&&n(u,{children:["Default",e(y,{size:"small",borderless:!0,children:t.default})]}),t.description&&(typeof t.description=="string"?e(D,{children:t.description}):e(D,{children:e(f,{source:t.description})})),t.enum&&n(u,{children:["Enum",e(E,{children:t.enum.map(p=>e(y,{size:"small",borderless:!0,children:p},p))})]})]}),c<h.length-1&&e(a,{})]},r))]}),j=i=>n(g,{children:[e(x,{children:"Tags"}),i.map((r,t,c)=>n(v,{children:[n(s,{children:[e(l,{children:r.name}),r.description&&(typeof r.description=="string"?e(o,{children:r.description}):e(o,{children:e(f,{source:r.description})})),r.externalDocs&&e(V,{children:e(S,{externalDocs:{url:r.externalDocs.url,description:r.externalDocs.description?r.externalDocs.description.toString():void 0},compact:!0})})]}),t<c.length-1&&e(a,{})]},r.name))]}),M=({broker:i})=>{const r=Object.entries(i.variables||{}).map(([h,p])=>({key:h,value:p})),t=i.tags&&i.tags.length>0,c=r.length>0;return n(B,{"data-component-name":"BrokerOverviewSection/BrokerOverviewSection",children:[z(i),c&&n(m,{children:[e(a,{}),T(r)]}),t&&i.tags&&n(m,{children:[e(a,{}),j(i.tags)]})]})},B=d.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-base);
+`,a=d.div`
+  border-bottom: 1px solid var(--border-color-secondary);
+`,u=d.span`
+  display: flex;
+  gap: var(--spacing-xxs);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+`,O=d(u)`
+  padding-bottom: var(--spacing-xxs);
+  font-weight: var(--font-weight-semibold);
+`,D=d.p`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+  margin: 0;
+`,E=d.span`
+  display: flex;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+`;export{M as BrokerOverviewSection};

package/lib/components/panels/asyncapi/BrokerItem/BrokerPanel.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const Block: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const Section: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const Value: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const ExternalDocumentationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const HostList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;

package/lib/components/panels/asyncapi/BrokerItem/BrokerPanel.styled.js

@@ -0,0 +1,25 @@
+import{styled as e}from"styled-components";const i=e.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+`,o=e.span`
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-lg);
+`,n=e.div`
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--spacing-xxs) / 2);
+`,a=e.span`
+  color: var(--text-color-description);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,s=e.span`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,l=e.div`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,r=e.span`
+  display: flex;
+  flex-direction: column;
+`;export{i as Block,l as ExternalDocumentationWrapper,o as Header,r as HostList,a as Label,n as Section,s as Value};

package/lib/components/panels/asyncapi/BrokerItem/BrokerPanelItem.d.ts

@@ -0,0 +1,5 @@
+import { type ReactElement } from 'react';
+import type { BrokersNode } from '../../../../types/content.js';
+export declare function BrokerPanelItem({ node }: {
+    node: BrokersNode;
+}): ReactElement;