@redocly/api-docs 0.0.2

package/lib/components/Schema/views/SchemaVariantSelector.d.ts

@@ -0,0 +1,11 @@
+import { type ReactElement } from 'react';
+import type { SwitcherOptionType } from '../../../types/schema.js';
+type SchemaVariantOptionEntry = [string, SwitcherOptionType];
+type SchemaVariantSelectorProps = {
+    optionEntries: SchemaVariantOptionEntry[];
+    activeIndex: number;
+    onChange: (index: number) => void;
+    'data-testid'?: string;
+};
+export declare function SchemaVariantSelector({ optionEntries, activeIndex, onChange, 'data-testid': dataTestId, }: SchemaVariantSelectorProps): ReactElement | null;
+export {};

package/lib/components/Schema/views/SchemaVariantSelector.js

@@ -0,0 +1 @@
+import{jsx as l}from"react/jsx-runtime";import{useCallback as b,useEffect as D,useMemo as S,useRef as M,useState as L}from"react";import{isUndefined as I}from"@redocly/theme/core/openapi";import{Segmented as V}from"@redocly/theme/components/Segmented/Segmented";import{strikethroughText as _}from"../../../utils/string.js";import{useSpecTranslate as w}from"../../../hooks/useTranslate.js";import{VariantOptionDivider as C}from"../styled.js";import{DefaultMappingOptionLabel as E}from"./DefaultMappingOptionLabel.js";import{VariantDropdown as O}from"./VariantDropdown.js";const $="Default mapping";function j(e,n){return n.isDeprecated?`${_(e)} (deprecated)`:e}function k(e,n){const a=e.length;return e.map(([u,c],r)=>c.isDefaultMapping?{label:n,value:r,element:l(E,{label:n}),...a>1?{divider:l(C,{})}:{}}:{label:j(u,c),value:r})}const T=5;function q({optionEntries:e,activeIndex:n,onChange:a,"data-testid":u="segmented-schema"}){const r=w()("discriminator.defaultMapping",$),i=S(()=>k(e,r),[e,r]),p=S(()=>e.map(([t,o])=>`${t}|${o.isDefaultMapping?"default":"regular"}|${o.isDeprecated?"deprecated":"active"}`).join("||"),[e]),f=i[n]?.value,[g,m]=L(!1),d=M(null);D(()=>{m(!1)},[p]),D(()=>{if(e.length>T){m(!1);return}if(!d.current)return;const t=()=>{const o=d.current?.querySelectorAll('button[role="tab"]'),v=Array.from(o??[]).some(s=>{const A=s;return A.offsetWidth<A.scrollWidth});m(s=>v!==s?v:s)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[g,e.length,p]);const h=b(t=>{t.value!==void 0&&a(t.value)},[a]);return I(f)?null:i.length>T||g?l(O,{options:i,value:f,onChange:h}):l(V,{ref:d,value:f,onChange:h,options:i,size:"small","data-testid":u})}export{q as SchemaVariantSelector};

package/lib/components/Schema/views/SwitcherRenderer.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { PropertyType } from '../../../types/schema.js';
+import type { OneOfChangeParams } from '../../../types/pluggable.js';
+type SwitcherRendererProps = {
+    property: PropertyType;
+    level: number;
+    expandByDefault?: boolean;
+    fieldParentsName?: string[];
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    onOneOfChange?: (params: OneOfChangeParams) => void;
+};
+export declare function SwitcherRenderer({ property, level, expandByDefault, fieldParentsName, skipReadOnly, skipWriteOnly, onOneOfChange, }: SwitcherRendererProps): ReactElement;
+export {};

package/lib/components/Schema/views/SwitcherRenderer.js

@@ -0,0 +1 @@
+import{Fragment as J,jsx as i,jsxs as P}from"react/jsx-runtime";import{useCallback as M,useContext as B,useEffect as T,useMemo as g}from"react";import{useAtomValue as V,useSetAtom as w}from"jotai";import{SECTION_ATTR as Q}from"../../../constants/openapi.js";import{PropertyList as U,Row as C,OneOfWrapper as X,SwitcherWrapper as Y,SwitcherBadge as Z,PrimitiveOptionWrapper as ee,SchemaTypeLabel as W,AccessLabel as te}from"../styled.js";import{SchemaDescription as ne}from"../SchemaDescription.js";import{SchemaEnumValues as re}from"./SchemaEnumValues.js";import{SchemaEnumDescriptions as ie}from"./SchemaEnumDescriptions.js";import{getSchemaEnumRowLabel as oe}from"../utils.js";import{itemStoreAtom as K}from"../../../jotai/itemStore.js";import{globalOptionsAtom as se}from"../../../jotai/store.js";import{isWithinExpansionLevel as ae}from"../../../utils/expansion.js";import{activeDiscriminatorSelectAtom as ce,activeOneOfSelectAtom as me,buildVariantStateKey as _}from"../../../jotai/itemStore.js";import{ItemIdContext as N}from"../../../hooks/useDeepLinkSection.js";import{SchemaTitleLabel as pe}from"./SchemaTitleLabel.js";import{appendVariantSuffix as $,variantMarkersOnly as le}from"../../../utils/deep-link.js";import{useVariantIndexFromHash as H}from"../hooks/useVariantIndexFromHash.js";import{PropertyRenderer as de}from"./PropertyRenderer.js";import{PropertyFieldRow as fe}from"./PropertyFieldRow.js";import{DiscriminatorPropertyRow as ue}from"./DiscriminatorPropertyRow.js";import{SchemaVariantSelector as he}from"./SchemaVariantSelector.js";import{CollapsibleNestedFields as ye}from"./CollapsibleNestedFields.js";function q(t,e){return t?.length?(t.join("").match(new RegExp(`${e}=`,"g"))?.length??0)+1:1}function ve(t,e,n){if(n===void 0||n in t)return t;const m=e[n];return m===void 0?t:{[n]:m,...t}}function He({property:t,level:e,expandByDefault:n,fieldParentsName:m,skipReadOnly:r,skipWriteOnly:l,onOneOfChange:a}){const o=t.switcher;return o?o.type==="oneOf"?i(Oe,{property:t,switcher:o,level:e,expandByDefault:n,fieldParentsName:m,skipReadOnly:r,skipWriteOnly:l,onOneOfChange:a}):i(Se,{property:t,switcher:o,level:e,expandByDefault:n,fieldParentsName:m,skipReadOnly:r,skipWriteOnly:l,onOneOfChange:a}):i(J,{})}function Oe({property:t,switcher:e,level:n,expandByDefault:m,fieldParentsName:r,skipReadOnly:l,skipWriteOnly:a,onOneOfChange:o}){const s=B(N),A=V(g(()=>me(s??""),[s])),u=w(K(s??"")),d=g(()=>Object.entries(e.options),[e.options]),x=_(r,e.label),O=H("oneof",d.length,q(r,"oneof")),v=A[x],f=v!==void 0?v:O!==-1?O:0;T(()=>{s&&O!==-1&&u(S=>({activeOneOf:{...S.activeOneOf,[x]:O}}))},[s,O,x,u]);const j=M(S=>{s&&u(L=>({activeOneOf:{...L.activeOneOf,[x]:S}})),e.jsonPointer!==void 0&&o?.({pointer:e.jsonPointer,index:S})},[s,o,x,u,e.jsonPointer]),h=d[f]??d[0],p=h?.[1],y=p&&(p.properties||p.switcher||p.items)?{...t,type:ge(t,p),description:p.description,switcher:p.switcher,properties:p.properties,items:p.items}:null,b=g(()=>$(r,`&oneof=${f}`),[r,f]),E=!!(y?.properties||y?.items||y?.switcher?.type==="discriminator")&&n>1,I=y!==null&&i(de,{property:y,level:n,expandByDefault:m,fieldParentsName:b,skipReadOnly:l,skipWriteOnly:a,onOneOfChange:o}),k=g(()=>b.join("/"),[b]),R=y!==null&&E?i(ye,{level:n-1,expandByDefault:m,skipReadOnly:l,skipWriteOnly:a,property:y,fieldPath:k,children:I}):I;return P(X,{children:[P(Y,{[Q]:"switcher",children:[i(Z,{children:e.label}),i(he,{optionEntries:d,activeIndex:f,onChange:j,"data-testid":"one-of-schema"})]}),i(ne,{value:p?.description||t.description}),y?R:h?.[1]?i(xe,{option:h[1],label:h[0]}):null]})}function Se({property:t,switcher:e,level:n,expandByDefault:m,fieldParentsName:r=[],skipReadOnly:l,skipWriteOnly:a,onOneOfChange:o}){const s=B(N),A=V(g(()=>ce(s??""),[s])),u=w(K(s??"")),d=g(()=>Object.entries(e.options),[e.options]),O=r?.length?e.propertyName??"discriminator":e.propertyName??e.label,v=_(r,O),f=H("d",d.length,q(r,"d")),j=A[v],h=j!==void 0?j:f!==-1?f:0;T(()=>{s&&f!==-1&&u(c=>({activeDiscriminator:{...c.activeDiscriminator,[v]:f}}))},[s,f,v,u]);const p=M(c=>{s&&u(D=>({activeDiscriminator:{...D.activeDiscriminator,[v]:c}})),e.jsonPointer!==void 0&&o?.({pointer:e.jsonPointer,index:c})},[s,o,v,u,e.jsonPointer]),b=(d[h]??d[0])?.[1]?.properties??{},E=t.properties??{},I=ve(b,E,e.propertyName),{schemasExpansionLevel:k}=V(se),R=m??ae(n,k,1),S=g(()=>$(r,`&d=${h}`),[r,h]),L=Object.entries(I).filter(([,c])=>!(l&&c.accessMode==="read-only"||a&&c.accessMode==="write-only"));return i(U,{children:L.map(([c,D],F)=>{if(c===e.propertyName){const z=d.map(([G])=>G);return i(ue,{fieldName:c,fieldParentsName:r,property:D,isFirst:F===0,mappingKeys:z,optionEntries:d,activeIdx:h,onSelect:p},c)}return i(fe,{name:c,property:D,level:n,expandByDefault:R,isFirst:F===0,fieldParentsName:n>1?S:le(S),skipReadOnly:l,skipWriteOnly:a,onOneOfChange:o},c)})})}function ge(t,e){return e.properties&&Object.keys(e.properties).length>0?"object":e.items&&e.items.length>0?"array":t.type}function xe({option:t,label:e}){const n=t.typeLabel??e,m=t.title||(e!==n?e:void 0),r=t.enum,l=r&&!Array.isArray(r)?r:void 0,a=r&&Array.isArray(r)?r:void 0;return P(ee,{children:[t.constraints&&t.constraints.length>0&&i(C,{children:t.constraints.map(o=>i(W,{children:o},o))}),P(C,{children:[i(W,{children:n}),i(pe,{title:m,schemaName:t.schemaName}),t.accessMode?i(te,{children:t.accessMode}):null]}),l?i(ie,{values:l,type:n}):a&&a.length>0?i(re,{label:oe(n,a.length),values:a}):null]})}export{He as SwitcherRenderer};

package/lib/components/Schema/views/VariantDropdown.d.ts

@@ -0,0 +1,14 @@
+import type { SegmentedOption } from '@redocly/theme/core/openapi';
+import type { ReactElement } from 'react';
+type VariantDropdownProps<T> = {
+    value: T;
+    onChange: (option: SegmentedOption<T>) => void;
+    options: SegmentedOption<T>[];
+    className?: string;
+    triggerVariant?: 'ghost' | 'outlined';
+    triggerSize?: string;
+    fullWidth?: boolean;
+};
+declare function VariantDropdownComponent<T>({ options, value, onChange, className, triggerVariant, triggerSize, fullWidth, }: VariantDropdownProps<T>): ReactElement;
+export declare const VariantDropdown: typeof VariantDropdownComponent;
+export {};

package/lib/components/Schema/views/VariantDropdown.js

@@ -0,0 +1,99 @@
+import{Fragment as u,jsx as r,jsxs as d}from"react/jsx-runtime";import v,{useMemo as D,useState as I}from"react";import{styled as o}from"styled-components";import{typedMemo as M}from"@redocly/theme/core/openapi";import{Dropdown as j}from"@redocly/theme/components/Dropdown/Dropdown";import{CheckmarkIcon as z}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";import{DropdownMenu as A}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as R}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{Button as T}from"@redocly/theme/components/Button/Button";import{SearchIcon as _}from"@redocly/theme/icons/SearchIcon/SearchIcon";import{useSpecTranslate as $}from"../../../hooks/useTranslate.js";const N=7;function V({options:n,value:t,onChange:p,className:x,triggerVariant:b="outlined",triggerSize:y="small",fullWidth:l=!1}){const[c,g]=I(""),m=$(),a=n.find(e=>e.value===t),S=n.length>=N,f=D(()=>n.filter(e=>e.label?.toLowerCase().includes(c.toLowerCase())??!1),[n,c]);if(n.length===1)return r(q,{children:a?.element||a?.label});const k=e=>{g(e.target.value)},C=()=>S?d(u,{children:[r(O,{prefix:r(B,{children:r(_,{color:"var(--icon-color-additional)",onClick:e=>e.stopPropagation()})}),content:r(W,{placeholder:m("discriminator.searchPlaceholder","Search items"),onClick:e=>e.stopPropagation(),onChange:k,value:c})}),r(P,{children:f.length?f.map((e,s)=>d(v.Fragment,{children:[e.divider,r(i,{active:e.value===t,onAction:()=>p(e),suffix:e.value===t?r(w,{}):void 0,children:r(h,{children:e.element||e.label})},String(e.label))]},s)):r(E,{content:m("discriminator.searchNoResults","No items found")})})]}):r(u,{children:n.map((e,s)=>d(v.Fragment,{children:[e.divider,r(i,{active:e.value===t,onAction:()=>p(e),suffix:e.value===t?r(w,{}):void 0,children:r(h,{children:e.element||e.label})},String(e.label))]},s))});return r(F,{className:x,$fullWidth:l,portalled:!0,trigger:r(H,{variant:b,size:y,type:"button",$fullWidth:l,children:r(h,{children:a?.element||a?.label})}),withArrow:!0,onClose:()=>g(""),children:r(L,{$fullWidth:l,children:C()})})}const oe=M(V),F=o(j)`
+  ${({$fullWidth:n})=>n&&`
+    > div {
+      min-width: 100%;
+      max-width: 100%;
+    }
+  `}
+`,H=o(T)`
+  ${({$fullWidth:n})=>n&&`
+    && {
+      width: 100%;
+      justify-content: space-between;
+      background-color: var(--bg-color);
+      padding: var(--docs-dropdown-padding-vertical) var(--docs-dropdown-padding-left);
+      color: var(--text-color-primary);
+
+      &:hover {
+        background-color: var(--bg-color);
+      }
+
+      &:focus {
+        background-color: var(--bg-color);
+      }
+    }
+  `}
+`,h=o.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,L=o(A)`
+  ${({$fullWidth:n})=>n&&"min-width: 100%;"}
+`,w=o(z)`
+  width: 16px;
+  height: 16px;
+  margin-left: auto;
+  flex-shrink: 0;
+`,i=o(R)`
+  --dropdown-menu-item-justify-content: space-between;
+
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  padding: var(--spacing-xxs) var(--spacing-sm);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,O=o(i)`
+  gap: 0;
+  padding: var(--spacing-xxs) var(--spacing-xs);
+  &:hover {
+    background-color: transparent;
+  }
+`,E=o(i)`
+  height: 66px;
+  justify-content: center;
+  &:hover,
+  &:focus-visible {
+    background-color: transparent;
+  }
+`,P=o.div`
+  overflow-y: auto;
+  max-height: 300px;
+  padding: calc(var(--spacing-unit) / 2);
+  margin: calc(var(--spacing-unit) / -2);
+`,B=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+  flex-shrink: 0;
+`,W=o.input`
+  width: 100%;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--text-color-primary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-family: var(--font-family-base);
+  padding: 0;
+  margin-left: var(--spacing-xxs);
+  min-width: 100px;
+  &::placeholder {
+    color: var(--search-trigger-color);
+  }
+`,q=o.span`
+  margin-right: var(--spacing-unit);
+  cursor: default;
+  background: none;
+  border: none;
+  padding: 0;
+  color: var(--text-color-primary);
+  font-size: var(--font-size-lg);
+  line-height: var(--line-height-lg);
+  font-family: var(--font-family-base);
+  font-weight: var(--font-weight-regular);
+`;export{oe as VariantDropdown};

package/lib/components/SchemaCatalogLink.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+type SchemaCatalogLinkProps = {
+    schemaRef: string;
+};
+export declare function SchemaCatalogLink({ schemaRef }: SchemaCatalogLinkProps): ReactElement | null;
+export {};

package/lib/components/SchemaCatalogLink.js

@@ -0,0 +1,35 @@
+import{jsx as o,jsxs as m}from"react/jsx-runtime";import{useState as h,useCallback as T}from"react";import{useAtomValue as g}from"jotai";import{styled as i}from"styled-components";import{Button as C}from"@redocly/theme/components/Button/Button";import{CopyLinkIcon as S}from"@redocly/theme/icons/CopyLinkIcon/CopyLinkIcon";import{ShareIcon as x}from"@redocly/theme/icons/ShareIcon/ShareIcon";import{ClipboardService as L}from"@redocly/theme/core/openapi";import{Tooltip as n}from"@redocly/theme/components/Tooltip/Tooltip";import{globalOptionsAtom as y,storeAtom as O}from"../jotai/store.js";import{useTranslate as j}from"../hooks/useTranslate.js";function Q({schemaRef:e}){const{showSchemaCatalogLinks:u}=g(y),{schemaCatalogLink:t}=g(O),a=j(),[r,l]=h("idle"),[c,s]=h(void 0),k=T(()=>{const b=typeof window<"u"?window.location.origin:globalThis.SSR_HOSTNAME||"http://127.0.0.1:4000";L.copyCustom(String(b)+t+e),l("copied"),clearTimeout(c);const v=setTimeout(()=>{l("idle"),s(void 0)},1e3);s(v)},[t,e,c]);if(!u||!t)return null;const p=typeof window<"u"?window.location.origin:globalThis.SSR_HOSTNAME||"http://127.0.0.1:4000",d=t+e,f=r==="copied"?a("openapi.schemaCatalogLink.copiedTooltip","Copied!"):a("openapi.schemaCatalogLink.copyButtonTooltip","Copy to clipboard"),w=r==="copied"?!0:void 0;return m(A,{children:[o(n,{tip:a("openapi.schemaCatalogLink.title","Shared schema"),placement:"bottom",children:o(_,{children:o(x,{})})}),o(z,{children:m(B,{tip:String(p)+d,placement:"bottom",width:"380px",children:[o(E,{children:String(p)}),o(I,{children:o(W,{dir:"ltr",children:d})})]})}),o(n,{tip:f,isOpen:w,placement:"bottom",children:o(C,{icon:o(S,{}),onClick:k})})]})}const A=i.div`
+  display: flex;
+  gap: var(--spacing-xs);
+  align-items: center;
+  margin-bottom: var(--schema-catalog-link-margin-bottom);
+  padding: var(--schema-catalog-link-padding);
+  border-radius: var(--schema-catalog-link-border-radius);
+  background-color: var(--schema-catalog-link-background-color);
+`,_=i.div`
+  width: var(--schema-catalog-link-share-icon-wrapper-size);
+  height: var(--schema-catalog-link-share-icon-wrapper-size);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--schema-catalog-link-share-icon-background-color);
+  color: var(--schema-catalog-link-share-icon-color);
+  border-radius: var(--schema-catalog-link-share-icon-border-radius);
+`,E=i.span`
+  flex-shrink: 0;
+`,I=i.span`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  direction: rtl;
+`,W=i.span`
+  direction: ltr;
+`,z=i.div`
+  color: var(--schema-catalog-link-text-color);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: flex;
+  flex-grow: 1;
+`,B=i(n)`
+  max-width: 100%;
+`;export{Q as SchemaCatalogLink};

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

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+export declare function Divider({ label }: {
+    label: string;
+}): ReactElement;

package/lib/components/Security/Divider.js

@@ -0,0 +1,15 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{styled as s}from"styled-components";import{Tag as a}from"./styled.js";function d({label:i}){return e(n,{children:[r(a,{className:"tag-grey",children:i})," ",r("hr",{})]})}const n=s.div`
+  font-size: var(--font-size-sm);
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin: var(--spacing-base) 0;
+
+  hr {
+    height: 1px;
+    border: none;
+    background: var(--border-color-primary);
+    width: 100%;
+    margin-left: var(--spacing-xs);
+  }
+`;export{d as Divider};

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

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+export declare function RequiredScopes({ scopes }: {
+    scopes?: string[];
+}): ReactElement | null;

package/lib/components/Security/RequiredScopes.js

@@ -0,0 +1,5 @@
+import{Fragment as p,jsx as e,jsxs as m}from"react/jsx-runtime";import{styled as S}from"styled-components";import{useSpecTranslate as d}from"../../hooks/useTranslate.js";import{normalizeScopes as x}from"../../utils/security-scope.js";import{ScopeTagWithTooltip as r}from"./ScopeTagWithTooltip.js";const n=4,h=32;function v({scopes:c}){const a=d(),s=x(c);if(s.length===0)return null;const l=s.slice(0,n),i=s.slice(n),t=i.length;return m(p,{children:[l.map(o=>e(r,{text:o,maxChars:h},o)),t>0&&e(r,{arrowPosition:"left",text:`+${t}`,tip:e(f,{children:i.map(o=>e("div",{children:o},o))}),ariaLabel:a("showMoreScopes",`Show ${t} more scopes`)})]})}const f=S.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+`;export{v as RequiredScopes};

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

@@ -0,0 +1,11 @@
+import type { ReactElement, ReactNode } from 'react';
+interface ScopeTagWithTooltipProps {
+    text: string;
+    maxChars?: number;
+    tip?: string | ReactNode;
+    ariaLabel?: string;
+    arrowPosition?: 'left' | 'right' | 'center';
+    large?: boolean;
+}
+export declare function ScopeTagWithTooltip({ text, maxChars, tip, ariaLabel, arrowPosition, large, }: ScopeTagWithTooltipProps): ReactElement;
+export {};

package/lib/components/Security/ScopeTagWithTooltip.js

@@ -0,0 +1,28 @@
+import{jsx as e}from"react/jsx-runtime";import{styled as r}from"styled-components";import{Tooltip as f}from"@redocly/theme/components/Tooltip/Tooltip";import{getVisibleScopeLabel as h,isScopeTruncated as b}from"../../utils/security-scope.js";import{ScopeTag as t}from"./styled.js";function y({text:i,maxChars:a=32,tip:p,ariaLabel:d,arrowPosition:m="center",large:n=!1}){const o=h(i,a),l=p??(b(i,a)?i:void 0);return l?e(c,{children:e(f,{placement:"bottom",arrowPosition:m,tip:l,children:e(g,{role:"button",tabIndex:0,"aria-label":d??i,children:e(t,{children:e(s,{$large:n,children:o})})})})}):e(c,{children:e(t,{children:e(s,{$large:n,children:o})})})}const s=r.span`
+  display: inline-flex;
+  font-family: var(--font-family-base);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 16rem;
+  color: var(--color-warm-grey-8);
+  padding: ${({$large:i})=>i?"0 var(--spacing-xxs)":""};
+  &&& {
+    font-size: ${({$large:i})=>i?"var(--font-size-base)":"var(--font-size-sm)"};
+  }
+`,g=r.span`
+  cursor: default;
+
+  &:focus-visible {
+    outline: 1px solid var(--link-color-primary);
+    border-radius: var(--border-radius-md);
+  }
+`,c=r.span`
+  display: inline-block;
+  vertical-align: baseline;
+  line-height: var(--line-height-base);
+  margin: calc(var(--spacing-unit) / 2) var(--spacing-xxs) calc(var(--spacing-unit) / 2) 0;
+  &:last-child {
+    margin-right: 0;
+  }
+`;export{y as ScopeTagWithTooltip};

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

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirements } from './types.js';
+export declare function SecurityButtonPanel({ requirements, }: {
+    requirements: SecurityRequirements;
+}): ReactElement;

package/lib/components/Security/SecurityButtonPanel.js

@@ -0,0 +1 @@
+import{Fragment as w,jsx as t,jsxs as s}from"react/jsx-runtime";import{Fragment as y,useCallback as S,useMemo as D,useRef as j,useState as B}from"react";import{SecurityIcon as V}from"@redocly/theme/icons/SecurityIcon/SecurityIcon";import{WarningFilledIcon as k}from"@redocly/theme/icons/WarningFilledIcon/WarningFilledIcon";import{Tooltip as x}from"@redocly/theme/components/Tooltip/Tooltip";import{useSpecTranslate as T}from"../../hooks/useTranslate.js";import{useTelemetry as F}from"../../hooks/useTelemetry.js";import{SecurityModal as I}from"./SecurityModal.js";import{RequiredScopes as R}from"./RequiredScopes.js";import{Conjunction as f,SchemeName as v,ScopeInline as H,SecurityHeader as _,SecurityList as L,SecurityPanel as N,Title as P,ViewDetailsButton as A}from"./styled.js";import{useBodyScrollLock as E}from"../../hooks/useBodyScrollLock.js";function q({requirements:o}){const[p,m]=B(!1),u=T(),n=F(),i=j(null),l=D(()=>o.flatMap(e=>e.schemes.map(c=>c.type??"unknown")),[o]),a=o.reduce((e,c)=>e+c.schemes.length,0),d=o.some(e=>e.schemes.length>1),g=S(()=>{i.current=Date.now(),n.sendViewSecurityDetailsClickedMessage([{id:"redocSecurityButton",object:"button",uri:"urn:redocly:redoc:ui:button:redocSecurityButton",securityTypes:l,schemesCount:a,isCombined:d}]),m(!0)},[n,l,a,d]),b=S(()=>{const e=i.current?Date.now()-i.current:0;i.current=null,n.sendViewSecurityDetailsClosedMessage([{id:"redocSecurityButtonClose",object:"button",uri:"urn:redocly:redoc:ui:button:redocSecurityButtonClose",securityTypes:l,schemesCount:a,isCombined:d,timeInModalMs:e}]),m(!1)},[n,l,a,d]);return E(p),s(w,{children:[t(N,{header:()=>s(_,{children:[t(V,{}),t(P,{children:u("security","Security")}),t(A,{onClick:g,variant:"link",children:u("viewSecurityDetails","View security details")})]}),isExpandable:!1,children:t(L,{children:o.map((e,c)=>{const h=o.length>1&&e.schemes.length>1,C=e.schemes.map((r,M)=>s(y,{children:[s(v,{deprecated:r.deprecated,children:[r.name,r.deprecated&&t(x,{tip:"Deprecated",children:t(k,{color:"var(--badge-deprecated-bg-color)"})})]}),r.scopes&&r.scopes.length>0&&s(H,{children:["(",u("requiredScopes","Required scopes"),":"," ",t(R,{scopes:r.scopes}),")"]}),M<e.schemes.length-1&&t(f,{children:" and "})]},r.name));return s(y,{children:[h?"(":"",C,h?")":"",c<o.length-1&&t(f,{children:" or "})]},c)})})}),p&&t(I,{requirements:o,onClose:b})]})}export{q as SecurityButtonPanel};

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

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

package/lib/components/Security/SecurityFlowDetail.js

@@ -0,0 +1 @@
+import{Fragment as p,jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as T}from"react";import{ChevronRightIcon as z}from"@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";import{useSpecTranslate as R}from"../../hooks/useTranslate.js";import{normalizeScopes as g}from"../../utils/security-scope.js";import{Markdown as C}from"../common/Markdown.js";import{OptionalScopesChevron as A,OptionalScopesList as x,OptionalScopesToggle as L,DeprecatedBadge as D,FlowDescription as I,FlowProperties as j,FlowTitle as k,FlowTitleWrapper as M,FlowTypeBody as _,FlowTypeName as $,FlowTypeSection as q,FlowTypeTag as P,FlowWrapper as E,PropertyLabel as B,PropertyRow as H,PropertyValue as N,SchemeLink as s,ScopesLabel as W,ScopesList as K,ScopesSection as v}from"./styled.js";import{ScopeTagWithTooltip as b}from"./ScopeTagWithTooltip.js";const w=24;function ce({scheme:r}){const t=R(),{type:o,name:n}=r;return!o||!n?null:l(E,{children:[l(M,{children:[e(k,{children:n}),r.deprecated&&e(D,{children:t("badges.deprecated","deprecated")})]}),r.description&&e(I,{children:typeof r.description=="string"?r.description:e(C,{source:r.description})}),l(j,{children:[o==="http"&&e(V,{scheme:r,translate:t}),o==="apiKey"&&e(X,{scheme:r,translate:t}),o==="oauth2"&&e(G,{scheme:r,translate:t}),o==="openIdConnect"&&e(Q,{scheme:r,translate:t})]})]})}function V({scheme:r,translate:t}){return l(p,{children:[e(a,{label:t("httpAuthorizationScheme","HTTP Authorization Scheme"),value:r.type}),e(a,{label:t("bearerFormat","Bearer Format"),value:r.bearerFormat}),e(h,{scopes:r.scopes,translate:t})]})}function X({scheme:r,translate:t}){const o=r.in?`${r.in.charAt(0).toUpperCase()+r.in.slice(1)} `:"";return l(p,{children:[e(a,{label:`${o}${t("parameterName","parameter name")}:`,value:r.paramName}),e(h,{scopes:r.scopes,translate:t})]})}function G({scheme:r,translate:t}){const o=r.flows;if(!o)return e(p,{});const n=Z(o),i=Object.entries(o).filter(([,c])=>c!=null);return l(p,{children:[r.oauth2MetadataUrl&&e(a,{label:`${t("oauth2MetadataUrl","OAuth2 Metadata URL")}:`,value:e(s,{href:r.oauth2MetadataUrl,target:"_blank",rel:"noopener noreferrer",children:r.oauth2MetadataUrl})}),i.map(([c,u])=>e(J,{flowType:c,flow:u,requiredScopes:r.scopes,translate:t},c)),e(h,{scopes:r.scopes,scopeDescriptions:n,translate:t})]})}function J({flowType:r,flow:t,requiredScopes:o,translate:n}){const[i,c]=T(!1),{authorizationUrl:u,tokenUrl:f,refreshUrl:S,deviceAuthorizationUrl:m,scopes:O}=t,U=Y(o,O),y=()=>{c(d=>!d)};return l(q,{children:[l(P,{children:[e("span",{children:n("flowType","Flow type")}),e($,{children:r})]}),l(_,{children:[u&&e(a,{label:`${n("authorizationUrl","Authorization URL")}:`,value:e(s,{href:u,children:u})}),m&&e(a,{label:`${n("deviceAuthorizationUrl","Device Authorization URL")}:`,value:e(s,{href:m,children:m})}),f&&e(a,{label:`${n("tokenUrl","Token URL")}:`,value:e(s,{href:f,children:f})}),S&&e(a,{label:`${n("refreshUrl","Refresh URL")}:`,value:e(s,{href:S,children:S})}),U.length>0&&l(v,{children:[l(L,{type:"button",onClick:y,children:[i?"Hide optional scopes":"Show optional scopes",e(A,{isOpen:i,children:e(z,{size:"var(--font-size-base)",color:"var(--tree-content-color-default)"})})]}),e(x,{isOpen:i,children:U.map(([d,F])=>e(a,{label:e(b,{text:d,maxChars:w,large:!0}),value:F||" "},d))})]})]})]})}function Q({scheme:r,translate:t}){return l(p,{children:[r.openIdConnectUrl&&e(a,{label:t("connectUrl","Connect URL"),value:e(s,{href:r.openIdConnectUrl,target:"_blank",rel:"noopener noreferrer",children:r.openIdConnectUrl})}),e(h,{scopes:r.scopes,translate:t})]})}function a({label:r,value:t}){return t?l(H,{children:[e(B,{children:r}),e(N,{children:t})]}):null}function Y(r,t){if(!t)return[];const o=new Set(g(r));return Object.entries(t).filter(([n])=>!o.has(n.trim()))}function h({scopes:r,scopeDescriptions:t,translate:o}){const n=g(r);return n.length===0?null:t&&t.size>0?l(p,{children:[e(a,{label:o("requiredScopes","Required scopes"),value:" "}),n.map(i=>e(a,{label:e(b,{text:i,maxChars:w,large:!0}),value:t.get(i)||" "},i))]}):l(v,{children:[e(W,{children:o("requiredScopes","Required scopes")}),e(K,{children:n.map(i=>e(b,{text:i,maxChars:w,large:!0},i))})]})}function Z(r){if(!r)return null;const t=new Map;return Object.values(r).forEach(o=>{o?.scopes&&Object.entries(o.scopes).forEach(([n,i])=>{const c=n.trim();!c||t.has(c)||t.set(c,i)})}),t.size>0?t:null}export{ce as SecurityFlowDetail};

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

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirements } from './types.js';
+export declare function SecurityModal({ requirements, onClose, }: {
+    requirements: SecurityRequirements;
+    onClose: () => void;
+}): ReactElement;

package/lib/components/Security/SecurityModal.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Fragment as f,useRef as u,useState as h}from"react";import{createPortal as S}from"react-dom";import{Segmented as x}from"@redocly/theme/components/Segmented/Segmented";import{SecurityIcon as g}from"@redocly/theme/icons/SecurityIcon/SecurityIcon";import{CloseIcon as y}from"@redocly/theme/icons/CloseIcon/CloseIcon";import{SecurityFlowDetail as I}from"./SecurityFlowDetail.js";import{Divider as j}from"./Divider.js";import{CloseButton as v,ModalBackground as M,ModalTitle as R,ModalWrapper as b}from"./styled.js";import{useModalDismiss as B}from"../../hooks/useModalDismiss.js";import{useSpecTranslate as C}from"../../hooks/useTranslate.js";import{IS_BROWSER as D}from"../../utils/environments.js";function H({requirements:t,onClose:m}){const[n,c]=h(0),i=u(null),d=C();B(i,m);const s=t[n]||t[0],l=e(M,{children:a(b,{ref:i,tabIndex:0,children:[e(v,{onClick:m,variant:"ghost",icon:e(y,{})}),a(R,{children:[e(g,{size:"24px"}),d("security","Security")]}),t.length>1&&e(x,{value:n,onChange:({value:o})=>c(o),options:t.map((o,r)=>({label:o.schemes.map(p=>p.name).join(" and "),value:r}))}),s.schemes.map((o,r)=>a(f,{children:[e(I,{scheme:o}),r!==s.schemes.length-1&&e(j,{label:"and"})]},o.name))]})});return D?S(l,document.body):l}export{H as SecurityModal};

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

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

package/lib/components/Security/SecuritySection.js

@@ -0,0 +1 @@
+import{Fragment as n,jsx as t}from"react/jsx-runtime";import{SecurityButtonPanel as i}from"./SecurityButtonPanel.js";function u({node:e}){const{requirements:r}=e;return!r||r.length===0?t(n,{}):t(i,{requirements:r})}export{u as SecuritySection};

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

@@ -0,0 +1,83 @@
+import { Panel } from '@redocly/theme/components/Panel/Panel';
+export { DeprecatedBadge } from '../Schema/styled.js';
+export declare const SecurityPanel: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@redocly/theme").PanelProps & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("@redocly/theme").PanelProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<typeof Panel, keyof import("react").Component<any, {}, any>>;
+export declare const SecurityHeader: import("styled-components/dist/types.js").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 ViewDetailsButton: 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 Title: 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 SecurityList: import("styled-components/dist/types.js").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 SchemeName: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "deprecated"> & {
+    deprecated?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "deprecated"> & {
+    deprecated?: boolean;
+}, never>>> & string;
+export declare const Conjunction: 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 ScopeInline: 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 ModalBackground: import("styled-components/dist/types.js").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 ModalWrapper: import("styled-components/dist/types.js").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 CloseButton: 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 ModalTitle: 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("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, "data-component-name"> & {
+    'data-component-name': string;
+}, keyof import("@redocly/theme").TypographyProps> & import("@redocly/theme").TypographyProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "data-component-name" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, "data-component-name"> & {
+    'data-component-name': string;
+}, keyof import("@redocly/theme").TypographyProps> & import("@redocly/theme").TypographyProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "data-component-name" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab">>, "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("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, "data-component-name"> & {
+    'data-component-name': string;
+}, keyof import("@redocly/theme").TypographyProps> & import("@redocly/theme").TypographyProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "data-component-name" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, "data-component-name"> & {
+    'data-component-name': string;
+}, keyof import("@redocly/theme").TypographyProps> & import("@redocly/theme").TypographyProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "data-component-name" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const FlowWrapper: import("styled-components/dist/types.js").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 FlowTitleWrapper: import("styled-components/dist/types.js").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 FlowTitle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
+export declare const FlowDescription: import("styled-components/dist/types.js").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 FlowProperties: import("styled-components/dist/types.js").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 FlowTypeSection: import("styled-components/dist/types.js").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 FlowTypeName: 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 FlowTypeBody: import("styled-components/dist/types.js").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 PropertyRow: import("styled-components/dist/types.js").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 PropertyLabel: import("styled-components/dist/types.js").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 PropertyValue: import("styled-components/dist/types.js").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 SchemeLink: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>> & string;
+export declare const ScopesSection: import("styled-components/dist/types.js").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 ScopesLabel: 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 ScopesList: import("styled-components/dist/types.js").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 ScopeTag: 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 OptionalScopesToggle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
+export declare const OptionalScopesList: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isOpen"> & {
+    isOpen: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isOpen"> & {
+    isOpen: boolean;
+}, never>>> & string;
+export declare const OptionalScopesChevron: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "isOpen"> & {
+    isOpen: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "isOpen"> & {
+    isOpen: boolean;
+}, never>>> & string;
+export declare const Tag: import("styled-components/dist/types.js").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 FlowTypeTag: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;