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

package/lib-esm/components/Samples/ExampleSwitch.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { ExampleModel } from '../../models';
+export interface ExampleModelsMap {
+    [key: string]: ExampleModel;
+}
+export interface ExampleSwitchOptions {
+    exampleKey?: string;
+}
+export interface ExampleSwitchProps extends ExampleSwitchOptions {
+    examples: ExampleModelsMap;
+    onChange: (key: string) => void;
+    className?: string;
+}
+export declare const ExampleSwitch: ({ exampleKey, examples, onChange, className, }: ExampleSwitchProps) => ReactElement | null;

package/lib-esm/components/Samples/ExampleSwitch.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useState,useEffect}from"react";import{MimeLabel,Container,Select}from"../common";import{SelectOrLabel}from"../SelectOrLabel";import{normalizeText}from"../../utils";import{useTelemetry}from"../../hooks";export const ExampleSwitch=({exampleKey:e,examples:t,onChange:a,className:l})=>{var m;const o=useTelemetry(),r=Object.keys(t),s=e?r.indexOf(e):0,[i,n]=useState(s>-1?s:0);useEffect((()=>n(s>-1?s:0)),[e,s]);const c=r.map(((e,a)=>({value:normalizeText(t[e].summary)||e,idx:a})));return c.length<2?null:_jsx(Container,{"data-testid":"example-switch",className:l,children:_jsx(SelectOrLabel,{Select:Select,Label:MimeLabel,variant:"dark",fullWidth:!0,options:c,value:null===(m=c[i])||void 0===m?void 0:m.value,onChange:({idx:e})=>{o.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:r[e],number_of_examples:r.length}}),n(e),a(r[e])}})})};
+//# sourceMappingURL=ExampleSwitch.js.map

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

@@ -0,0 +1,2 @@
+export * from './ExampleSwitch';
+export * from './use-example-key';

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

@@ -0,0 +1,2 @@
+export*from"./ExampleSwitch";export*from"./use-example-key";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/Samples/use-example-key.d.ts

@@ -0,0 +1,6 @@
+import type { OperationModel } from '../../models';
+interface ExampleName {
+    exampleKey: string;
+}
+export declare function useExampleKey({ pointer }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
+export {};

package/lib-esm/components/Samples/use-example-key.js

@@ -0,0 +1,2 @@
+import{useAtomValue}from"jotai";import{operationStore}from"../../jotai/operation";export function useExampleKey({pointer:e}={},o){const t=useAtomValue(operationStore(e)),{activeExampleName:r}=t;return{exampleKey:r&&o[r]?r:Object.keys(o)[0]}}
+//# sourceMappingURL=use-example-key.js.map

package/lib-esm/components/Schema/ArraySchema.d.ts

@@ -0,0 +1,2 @@
+import type { SchemaProps } from './types';
+export declare const ArraySchema: import("react").NamedExoticComponent<SchemaProps>;

package/lib-esm/components/Schema/ArraySchema.js

@@ -0,0 +1,2 @@
+var __rest=this&&this.__rest||function(e,r){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&r.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(l=Object.getOwnPropertySymbols(e);t<l.length;t++)r.indexOf(l[t])<0&&Object.prototype.propertyIsEnumerable.call(e,l[t])&&(a[l[t]]=e[l[t]])}return a};import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import{TypeName}from"../common";import{Schema}from"./Schema";import{ObjectSchema}from"./ObjectSchema";import{humanizeConstraints}from"../../utils";import{SubSchema}from"./SubSchema";import{globalOptionsAtom}from"../../jotai/store";import{getExpandByDefault}from"./helpers";import{ArrayLabel,LabelValue,ArrayClosingLabel}from"../common/styled";function ArraySchemaComponent(e){var r,a,{schema:l,schema:{minItems:t,maxItems:n,items:s},fieldParentsName:o}=e,i=__rest(e,["schema","schema","fieldParentsName"]);const{schemasExpansionLevel:m}=useAtomValue(globalOptionsAtom),c=Array.isArray(i.parentType)?i.parentType:[i.parentType],p=c.includes("array")&&1===c.length,d=p?(i.level||0)+1:i.level,y=void 0===t&&void 0===n?"":`(${humanizeConstraints(l)})`;let h=o?[...o.slice(0,-1),o[o.length-1]+"[]"]:o;const u=useCallback((e=>i.skipReadOnly||i.skipWriteOnly?null==e?void 0:e.filter((e=>!(i.skipReadOnly&&e.schema.readOnly||i.skipWriteOnly&&e.schema.writeOnly))):e),[i.skipReadOnly,i.skipWriteOnly]);if(null==l?void 0:l.fields)return _jsx(ObjectSchema,Object.assign({},i,{shouldCloseArray:p,level:d,schema:l,fieldParentsName:h}));if(l.displayType&&!s&&!y.length)return _jsx("div",{children:_jsx(TypeName,{children:l.displayType})});const f=u(null==s?void 0:s.fields),b=u(null===(a=null===(r=null==s?void 0:s.oneOf)||void 0===r?void 0:r[0])||void 0===a?void 0:a.fields),v=(null==f?void 0:f.length)||(null==b?void 0:b.length),j=1===i.level,x=getExpandByDefault({level:i.level,required:i.required,schemasExpansionLevel:m});return _jsx(SubSchema,Object.assign({},i,{propertyLength:v,isNestedArray:p,level:d,isArray:!0,expandable:!j,expandByDefault:x,operationPointer:l.operationPointer,children:_jsxs(_Fragment,{children:[j&&_jsx(ArrayLabel,{children:_jsx(LabelValue,{children:"Array ["})}),_jsx(Schema,Object.assign({},i,{parentType:j?void 0:l.type,level:d,schema:s,shouldCloseArray:p,fieldParentsName:h,expandable:!1})),j&&_jsx(ArrayClosingLabel,{className:"array-closing-label",children:_jsx(LabelValue,{children:"]"})})]})}))}export const ArraySchema=memo(ArraySchemaComponent);
+//# sourceMappingURL=ArraySchema.js.map

package/lib-esm/components/Schema/ObjectSchema.d.ts

@@ -0,0 +1,2 @@
+import type { ObjectSchemaProps } from './types';
+export declare const ObjectSchema: import("react").NamedExoticComponent<ObjectSchemaProps>;

package/lib-esm/components/Schema/ObjectSchema.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import{PropertiesTableCaption}from"../common";import{Discriminator}from"../Discriminator";import{globalOptionsAtom}from"../../jotai/store";import{PropertyDetails}from"../PropertyDetails";import{SubSchema}from"./SubSchema";import{getExpandByDefault}from"./helpers";import{useTranslate}from"../../hooks";import{ArrayClosingLabel,LabelValue}from"../common/styled";function ObjectSchemaComponent({schema:e,showTitle:a,discriminator:r,level:i,skipWriteOnly:o,skipReadOnly:t,fieldParentsName:n,expandable:l,deepLink:s,required:m,disableDeepLinks:p,shouldCloseArray:c,oneOfLevel:d,slug:h}){const{fields:u=[],title:f}=e,x=useTranslate(),{schemasExpansionLevel:b}=useAtomValue(globalOptionsAtom),y=t||o?u.filter((e=>!(t&&e.schema.readOnly||o&&e.schema.writeOnly))):u,j=getExpandByDefault({required:m,level:i,schemasExpansionLevel:b});return _jsxs(SubSchema,{expandable:l,expandByDefault:j,level:i,propertyLength:y.length,deepLink:s,operationPointer:e.operationPointer,children:[_jsxs(_Fragment,{children:[a&&_jsx(PropertiesTableCaption,{children:f}),y.map(((e,l)=>_jsx(PropertyDetails,{isFirst:0===l,field:e,fieldParentsName:Number(i)>1?n:[],renderDiscriminatorSwitch:(null==r?void 0:r.fieldName)===e.name&&(null==r?void 0:r.parentSchema)?()=>_jsx(Discriminator,{parent:r.parentSchema,onChange:null==r?void 0:r.onChange,activeOneOfIdx:r.activeOneOfIdx,translate:x}):void 0,skipReadOnly:t,skipWriteOnly:o,showTitle:a,level:i,disableDeepLinks:p,oneOfLevel:d,slug:h},e.name)))]}),c&&_jsx(ArrayClosingLabel,{className:"array-closing-label",children:_jsx(LabelValue,{children:"]"})})]})}export const ObjectSchema=memo(ObjectSchemaComponent);
+//# sourceMappingURL=ObjectSchema.js.map

package/lib-esm/components/Schema/OneOfSchema.d.ts

@@ -0,0 +1,2 @@
+import type { SchemaProps } from './types';
+export declare const OneOfSchema: import("react").NamedExoticComponent<SchemaProps>;

package/lib-esm/components/Schema/OneOfSchema.js

@@ -0,0 +1,11 @@
+var __rest=this&&this.__rest||function(e,o){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t};import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{StyledBadge,SelectionTitle}from"../common";import{Markdown}from"../Markdown";import{ConstraintsView}from"../common/ConstraintsView";import{Schema}from"./Schema";import{operationStore}from"../../jotai/operation";import{SchemaSelection}from"../common/SchemaSelection";import{useOneOfLocationIdx}from"./useOneOfLocationIdx";import{useTranslate}from"../../hooks";function OneOfSchemaComponent(e){var o,{schema:{oneOf:t},schema:n,oneOfLevel:r=1}=e,i=__rest(e,["schema","schema","oneOfLevel"]);const s=useTranslate(),a=useAtomValue(operationStore(n.operationPointer)),c=useOneOfLocationIdx(t,r),m=-1===c?0:c,p=t[void 0!==(null===(o=a.activeOneOf)||void 0===o?void 0:o[n.pointer])?a.activeOneOf[n.pointer]:m];if(!p)return null;const l=t.map(((e,o)=>({label:e.title||e.typePrefix+e.displayType,value:o})));return _jsxs(Wrapper,{children:[_jsxs(SelectionTitle,{children:[n.oneOfType,":"]}),_jsx(SchemaSelection,{options:l,pointer:n.operationPointer,schema:n,defaultOneOfIdx:m}),p.deprecated&&_jsx(StyledBadge,{deprecated:!0,children:s("openapi.badges.deprecated","Deprecated")}),p.description&&_jsx(StyledDescription,{source:p.description}),_jsx(ConstraintsView,{constraints:p.constraints}),_jsx(Schema,Object.assign({},i,{schema:p,oneOfLevel:r+1}))]})}export const OneOfSchema=memo(OneOfSchemaComponent);const StyledDescription=styled(Markdown)`
+  margin-top: var(--spacing-xs);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,Wrapper=styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+`;
+//# sourceMappingURL=OneOfSchema.js.map

package/lib-esm/components/Schema/RecursiveSchema.d.ts

@@ -0,0 +1,2 @@
+import type { SchemaProps } from './types';
+export declare const RecursiveSchema: import("react").NamedExoticComponent<SchemaProps>;

package/lib-esm/components/Schema/RecursiveSchema.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{RecursiveLabel,TypeName,TypeTitle}from"../common";import{useTranslate}from"../../hooks";function RecursiveSchemaComponent({schema:e}){const s=useTranslate();return _jsxs("div",{children:[_jsx(TypeName,{children:e.displayType}),e.title&&_jsxs(TypeTitle,{children:[" ",e.title," "]}),_jsxs(RecursiveLabel,{children:[" ",s("openapi.recursive","Recursive")," "]})]})}export const RecursiveSchema=memo(RecursiveSchemaComponent);
+//# sourceMappingURL=RecursiveSchema.js.map

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

@@ -0,0 +1,2 @@
+import type { SchemaProps } from './types';
+export declare const Schema: import("react").NamedExoticComponent<Partial<SchemaProps>>;

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

@@ -0,0 +1,6 @@
+var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)r.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(t[o[i]]=e[o[i]])}return t};import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import{useLocation}from"react-router-dom";import styled from"styled-components";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../jotai/operation";import{FieldDetails}from"../PropertyDetails";import{pathIncludesLink}from"../../utils";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:o}=e,i=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:n}=useAtomValue(operationStore((null==t?void 0:t.operationPointer)||"")),a=useLocation();if(!t)return null;const{type:s,oneOf:c,discriminatorProp:m,isCircular:l}=t;if(l)return _jsx(RecursiveSchema,{schema:t});if(void 0!==m){if(!c||!c.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=c.findIndex(((e,r)=>pathIncludesLink(a,`d=${r}`))),r=-1===e?0:e,s=c[void 0!==n[t.pointer]?n[t.pointer]:r];return(null==s?void 0:s.isCircular)?_jsx(RecursiveSchema,{schema:s}):_jsx(ObjectSchema,Object.assign({},i,{schema:s,discriminator:{fieldName:m,parentSchema:t,activeOneOfIdx:r,onChange:o}}))}if(void 0!==c&&c.length>1)return _jsx(OneOfSchema,Object.assign({},i,{schema:t}));const p=Array.isArray(s)?s:[s];if(p.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return _jsx(ObjectSchema,Object.assign({},i,{schema:t}))}else if(p.includes("array"))return _jsx(ArraySchema,Object.assign({},i,{schema:t}));const d={schema:t,name:"",description:t.description,required:!1,deprecated:!1};return _jsx(Wrapper,{children:_jsx(FieldDetails,{field:d,fieldParentsName:i.fieldParentsName})})}export const Schema=memo(SchemaComponent);const Wrapper=styled.div`
+  width: 100%;
+  padding: var(--spacing-xxs) 0;
+  border-bottom: 1px solid var(--border-color-primary);
+`;
+//# sourceMappingURL=Schema.js.map

package/lib-esm/components/Schema/SubSchema.d.ts

@@ -0,0 +1,14 @@
+import type { PropsWithChildren } from 'react';
+interface SubSchemaProps {
+    expandByDefault: boolean;
+    deepLink?: string;
+    level?: number;
+    openByDefault?: boolean;
+    expandable?: boolean;
+    isArray?: boolean | string;
+    isNestedArray?: boolean;
+    propertyLength?: number | string;
+    operationPointer?: string;
+}
+export declare const SubSchema: import("react").NamedExoticComponent<PropsWithChildren<SubSchemaProps>>;
+export {};

package/lib-esm/components/Schema/SubSchema.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useLocation}from"react-router-dom";import{useAtomValue}from"jotai/index";import{pathIncludesLink}from"../../utils";import{operationStore}from"../../jotai/operation";import{extractTypeFromDeepLink}from"./helpers";import{ViewNested}from"../ViewNested";import{useTranslate}from"../../hooks";function SubSchemaComponent({expandByDefault:e,deepLink:o,level:r,expandable:t=!1,isNestedArray:a=!1,isArray:i="",propertyLength:n="",children:p,operationPointer:m}){var s;const l=useTranslate(),d=useLocation(),u=pathIncludesLink(d,o),c=extractTypeFromDeepLink(o),x=useAtomValue(operationStore(m||"")),f=`${l("openapi.actions.show","Show")} ${1===Number(n)?"":n} ${i&&"array "}${1!==n?"properties":"property"}`;return _jsx(ViewNested,{expandByDefault:e||u,level:r,isNestedArray:a,expandable:t,expandText:f,children:p,expandedAll:null===(s=x[c])||void 0===s?void 0:s.expandedAll})}export const SubSchema=memo(SubSchemaComponent);
+//# sourceMappingURL=SubSchema.js.map

package/lib-esm/components/Schema/helpers.d.ts

@@ -0,0 +1,5 @@
+import type { SchemaProps } from './types';
+export declare const extractTypeFromDeepLink: (str?: string) => string;
+export declare function getExpandByDefault({ schemasExpansionLevel, level, required, }: Pick<SchemaProps, 'level' | 'required'> & {
+    schemasExpansionLevel?: number;
+}): boolean;

package/lib-esm/components/Schema/helpers.js

@@ -0,0 +1,2 @@
+import{isUndefined}from"@redocly/theme";export const extractTypeFromDeepLink=e=>{if(!e)return"";const n=e.match(/t=(request|response)/);return n?n[1]:""};const DEFAULT_REQUIRE_EXPAND_LEVEL=4;export function getExpandByDefault({schemasExpansionLevel:e,level:n,required:t}){const r=Number(n)-1;return isUndefined(e)?Boolean(t)&&DEFAULT_REQUIRE_EXPAND_LEVEL>=r:e>=r}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1,5 @@
+export { Schema } from './Schema';
+export { ObjectSchema } from './ObjectSchema';
+export { OneOfSchema } from './OneOfSchema';
+export { ArraySchema } from './ArraySchema';
+export type { SchemaOptions } from './types';

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

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

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

@@ -0,0 +1,38 @@
+import type { ExampleModel, OperationModel, SchemaModel } from '../../models';
+export interface SchemaOptions {
+    showTitle?: boolean;
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    level?: number;
+    examples?: {
+        [name: string]: ExampleModel;
+    };
+    operation?: OperationModel;
+}
+export interface SchemaProps extends SchemaOptions {
+    schema: SchemaModel;
+    parentType?: string[] | string;
+    onDiscriminatorChange?: (idx: number) => void;
+    fieldParentsName?: string[];
+    expandable?: boolean;
+    deepLink?: string;
+    slug?: string;
+    required?: boolean;
+    disableDeepLinks?: boolean;
+    oneOfLevel?: number;
+    shouldCloseArray?: boolean;
+}
+export interface ObjectSchemaProps extends Omit<SchemaProps, 'onDiscriminatorChange'> {
+    discriminator?: {
+        fieldName: string;
+        parentSchema: SchemaModel;
+        activeOneOfIdx: number;
+        onChange?: (idx: number) => void;
+    };
+    fieldParentsName?: string[];
+    expandable?: boolean;
+    required?: boolean;
+    slug?: string;
+    oneOfLevel?: number;
+    shouldCloseArray?: boolean;
+}

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

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

package/lib-esm/components/Schema/useOneOfLocationIdx.d.ts

@@ -0,0 +1,2 @@
+import type { SchemaModel } from '../../models';
+export declare function useOneOfLocationIdx(oneOf: SchemaModel[], level: number): number;

package/lib-esm/components/Schema/useOneOfLocationIdx.js

@@ -0,0 +1,2 @@
+import{useLocation}from"react-router-dom";import{useMemo}from"react";const OneOfLocationRegex=/(?=oneof=)/g;export function useOneOfLocationIdx(o,e){const n=useLocation();return useMemo((()=>o.findIndex(((o,t)=>{var r;return null===(r=n.hash.split(OneOfLocationRegex)[e])||void 0===r?void 0:r.includes(`oneof=${t}`)}))),[e,n.hash,o])}
+//# sourceMappingURL=useOneOfLocationIdx.js.map

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

@@ -0,0 +1,8 @@
+interface SchemaDefinitionProps {
+    schemaRef?: string;
+    exampleRef?: string;
+    showReadOnly?: boolean;
+    showWriteOnly?: boolean;
+}
+export declare const SchemaDefinition: import("react").NamedExoticComponent<SchemaDefinitionProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{LayoutVariant}from"@redocly/theme";import{useAtom,useAtomValue}from"jotai";import{useWriteAtom}from"../../jotai/use-write-atom";import{SamplesMiddlePanel,SamplesPanel,Row,Section,CodeBlockPanel}from"../common";import{getMediaType}from"../../models";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{layoutAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const t={schema:{$ref:e}};return o&&(t.examples={example:{$ref:o}}),t};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:t=!0,showWriteOnly:a=!1}){var i,m,n;const r=useAtomValue(layoutAtom),{parser:s,options:l}=useAtomValue(globalStoreAtom),p=useWriteAtom(),c=useMemo((()=>getMediaType(s,"json",!1,getMediaTypeInfo(e,o),l,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,l,s,e]),[d,u]=useAtom(operationStore(null===(i=c.operation)||void 0===i?void 0:i.pointer)),f=useCallback((e=>{var o,t;if(!c.schema)return;const a=c.schema,i=a.oneOf;if(i&&(null==c?void 0:c.examples)&&Object.keys(null==c?void 0:c.examples).includes(e)){const m=i.findIndex((o=>o.title===e));-1!==m&&a&&p(operationStore(a.operationPointer),{activeExampleName:null===(t=null===(o=a.oneOf)||void 0===o?void 0:o[m])||void 0===t?void 0:t.title,activeOneOf:{[a.pointer]:m}})}d.activeExampleName!==e&&u({activeExampleName:e})}),[null==c?void 0:c.examples,c.schema,d.activeExampleName,u,p]),h=r===LayoutVariant.STACKED;return _jsx(Section,{children:_jsxs(Row,{layout:r,children:[_jsxs(SamplesMiddlePanel,{isStacked:h,children:[(null===(m=c.schema)||void 0===m?void 0:m.description)&&_jsx(Description,{children:_jsx(Markdown,{source:null===(n=c.schema)||void 0===n?void 0:n.description})}),_jsx(Schema,{skipWriteOnly:!a,skipReadOnly:!t,schema:c.schema,level:1})]}),_jsx(SamplesPanel,{isStacked:h,children:_jsx(CodeBlockPanel,{className:"panel-response-samples",children:_jsx(MediaTypeSamples,{mediaType:c,onChange:f})})})]})})}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
+  margin-bottom: var(--spacing-vertical);
+`;
+//# sourceMappingURL=SchemaDefinition.js.map

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { LayoutVariant } from '@redocly/theme';
+import type { ReactElement } from 'react';
+import type { ContentItemModel } from '../../models';
+interface SectionContentProps {
+    items: ContentItemModel[];
+    hideFooterAndHeader?: boolean;
+}
+export declare function SectionContent({ items, hideFooterAndHeader, }: SectionContentProps): ReactElement | null;
+export declare const SectionContainer: import("styled-components").StyledComponent<"div", any, {
+    layout?: LayoutVariant;
+}, never>;
+export declare const RightPanelContainer: import("styled-components").StyledComponent<"div", any, {
+    isStacked: boolean;
+} & {
+    isStacked: boolean;
+}, never>;
+export {};

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

@@ -0,0 +1,14 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useMemo}from"react";import{breakpoints,LayoutVariant,OpenApiHeader}from"@redocly/theme";import{useAtomValue}from"jotai";import styled from"styled-components";import{PageFooter}from"../PageFooter";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";import{RightPanel}from"../RightPanel";import{layoutAtom}from"../../jotai/app";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{Items}from"../ContentItems/Items";import{ContentItem}from"../ContentItem";export function SectionContent({items:e,hideFooterAndHeader:t}){const{unstable_hooks:{MiddlePanelHeader:o},routingBasePath:a}=useAtomValue(globalOptionsAtom),n=useAtomValue(layoutAtom),i=n===LayoutVariant.STACKED,r=useMemo((()=>t?null:_jsx(MiddlePanelWrapper,{isStacked:i,children:_jsx(PageFooter,{})})),[t,i]),s=useMemo((()=>t||!OpenApiHeader&&!o?null:_jsx(MiddlePanelWrapper,{isStacked:i,children:o?_jsx(RenderHook,{Hook:o,props:void 0}):_jsx(OpenApiHeader,{})})),[o,t,i]);return 0===e.length?null:_jsxs(_Fragment,{children:[s,_jsxs(Row,{layout:n,children:[_jsx(SectionContainer,{layout:n,children:e.filter((({type:e})=>"section"===e)).map((e=>_jsx(ContentItem,{item:e,routingBasePath:a,children:_jsx(Items,{items:e.items,routingBasePath:a})},e.id)))}),_jsx(RightPanelContainer,{isStacked:i,tabIndex:0,children:_jsx(RightPanel,{item:e[0]})})]}),e.filter((({type:e})=>"section"!==e)).map((e=>_jsx(ContentItem,{item:e,routingBasePath:a,children:_jsx(Items,{items:e.items,routingBasePath:a})},e.id))),r]})}const MiddlePanelWrapper=styled(SamplesMiddlePanel)`
+  align-self: flex-start;
+  padding-top: var(--panel-gap-vertical);
+  padding-bottom: var(--panel-gap-vertical);
+`;export const SectionContainer=styled.div`
+  width: 100%;
+
+  @media screen and (min-width: ${breakpoints.large}) {
+    width: ${({layout:e})=>e===LayoutVariant.STACKED?"100%":"calc(100% - var(--panel-samples-width))"};
+  }
+`;export const RightPanelContainer=styled(SamplesPanel)`
+  margin: var(--spacing-base) 0;
+`;
+//# sourceMappingURL=SectionContent.js.map

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

@@ -0,0 +1 @@
+export { SectionContent, SectionContainer, RightPanelContainer } from './SectionContent';

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

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

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

@@ -0,0 +1,7 @@
+import { LayoutVariant } from '@redocly/theme';
+import type { GroupModel } from '../../models';
+export interface SectionItemProps {
+    item: GroupModel;
+    layout: LayoutVariant;
+}
+export declare const SectionItem: import("react").NamedExoticComponent<SectionItemProps>;

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{LayoutVariant}from"@redocly/theme";import{SamplesMiddlePanel,Row}from"../common";import{Markdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";function SectionItemComponent({item:t,layout:e}){const{externalDocs:o,ast:n,description:a}=t,r=e===LayoutVariant.STACKED,m=!t.parent||"tag"!==t.parent.type;return _jsxs(_Fragment,{children:[_jsx(Markdown,{ast:n,source:a,htmlWrap:t=>_jsx(SamplesMiddlePanel,{compact:!0,fullWidth:m,isStacked:r,children:t})}),o&&_jsx(Row,{children:_jsx(SamplesMiddlePanel,{compact:!0,fullWidth:m,isStacked:r,children:_jsx(ExternalDocumentation,{externalDocs:o})})})]})}export const SectionItem=memo(SectionItemComponent);
+//# sourceMappingURL=SectionItem.js.map

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

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

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

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

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

@@ -0,0 +1,3 @@
+export declare function Divider({ label }: {
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;

package/lib-esm/components/Security/Divider.js

@@ -0,0 +1,15 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{Tag}from"./styled";export function Divider({label:r}){return _jsxs(Wrapper,{children:[_jsx(Tag,{className:"tag-grey",children:r})," ",_jsx("hr",{})]})}const Wrapper=styled.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);
+  }
+`;
+//# sourceMappingURL=Divider.js.map

package/lib-esm/components/Security/OAuthFlow.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+import type { OpenAPISecurityScheme } from '../../types';
+export interface OAuthFlowProps {
+    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
+}
+export declare const OAuthFlow: import("react").NamedExoticComponent<PropsWithChildren<OAuthFlowProps>>;

package/lib-esm/components/Security/OAuthFlow.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{SecuritySchemeItem}from"./SecuritySchemeItem";import{StyledLink}from"./styled";import{useTranslate}from"../../hooks";function OAuthFlowComponent({flow:e}){const r=useTranslate();return _jsxs(_Fragment,{children:[_jsx(SecuritySchemeItem,{label:`${r("openapi.authorizationUrl","Authorization URL")}:`,value:(null==e?void 0:e.authorizationUrl)&&_jsx(StyledLink,{target:"_blank",rel:"noopener noreferrer",href:null==e?void 0:e.authorizationUrl,children:null==e?void 0:e.authorizationUrl})}),_jsx(SecuritySchemeItem,{label:`${r("openapi.tokenUrl","Token URL")}:`,value:null==e?void 0:e.tokenUrl}),_jsx(SecuritySchemeItem,{label:`${r("openapi.refreshUrl","Refresh URL")}:`,value:null==e?void 0:e.refreshUrl})]})}export const OAuthFlow=memo(OAuthFlowComponent);
+//# sourceMappingURL=OAuthFlow.js.map

package/lib-esm/components/Security/OAuthScopes.d.ts

@@ -0,0 +1,13 @@
+import type { PropsWithChildren } from 'react';
+import type { OpenAPISecurityScheme } from '../../types';
+import type { SecurityRequirement } from '../../models';
+export interface OAuthOptionalScopesProps {
+    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
+}
+export interface OAuthRequiredScopesProps {
+    id: string;
+    securities: SecurityRequirement[];
+    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
+}
+export declare const OAuthOptionalScopes: import("react").NamedExoticComponent<PropsWithChildren<OAuthOptionalScopesProps>>;
+export declare const OAuthRequiredScopes: import("react").NamedExoticComponent<PropsWithChildren<OAuthRequiredScopesProps>>;

package/lib-esm/components/Security/OAuthScopes.js

@@ -0,0 +1,34 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useState}from"react";import styled from"styled-components";import{ChevronRightIcon}from"@redocly/theme";import{Markdown}from"../Markdown";import{SecuritySchemeItem}from"./SecuritySchemeItem";import{Tag}from"./styled";import{useTranslate}from"../../hooks";import{getRequiredScopes}from"./helper";function OAuthOptionalScopesComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{}),o=useTranslate(),[r,s]=useState(!1);if(!t.length)return null;return _jsxs(_Fragment,{children:[_jsx(SecuritySchemeItem,{label:_jsxs(ScopeHeader,{onClick:()=>{s((e=>!e))},children:[o(r?"openapi.hideOptionalScopes":"openapi.showOptionalScopes",r?"Hide optional scopes":"Show optional scopes"),_jsx(AnimatedChevronWrapper,{isOpen:r,children:_jsx(ChevronRightIcon,{size:"var(--font-size-base)",color:"var(--tree-content-color-default)"})})]}),value:" "}),_jsx(ScopesListWrapper,{isOpen:r,children:t.map((t=>_jsx(SecuritySchemeItem,{label:_jsx(StyledTag,{className:"tag-grey",children:t}),value:_jsx(Markdown,{source:(null==e?void 0:e.scopes[t])||""})},t)))})]})}function OAuthRequiredScopesComponent({id:e,securities:t,flow:o}){const r=getRequiredScopes(e,t),s=useTranslate();return r.length?_jsxs(_Fragment,{children:[_jsx(SecuritySchemeItem,{label:s("openapi.requiredScopes","Required scopes"),value:" "}),_jsx(Row,{children:r.map((e=>_jsx(SecuritySchemeItem,{label:_jsx(StyledTag,{className:"tag-grey",children:e}),value:_jsx(Markdown,{source:(null==o?void 0:o.scopes[e])||""})},e)))})]}):null}const StyledTag=styled(Tag)`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  align-self: flex-start;
+  padding: 0 var(--spacing-xs);
+  border: var(--tag-border-width) var(--tag-border-style) var(--tag-bg-color);
+  border-radius: var(--tag-border-radius);
+`,ScopeHeader=styled.div`
+  cursor: pointer;
+  display: flex;
+  gap: var(--spacing-xxs);
+  align-items: center;
+  user-select: none;
+`,Row=styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-xxs);
+  word-break: normal;
+`,ScopesListWrapper=styled.div`
+  max-height: ${e=>e.isOpen?"1000px":"0"};
+  opacity: ${e=>e.isOpen?"1":"0"};
+  overflow: hidden;
+  transition:
+    max-height 0.5s ease-in-out,
+    opacity 0.5s ease-in-out;
+`,AnimatedChevronWrapper=styled.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transform: ${e=>e.isOpen?"rotate(90deg)":"rotate(0deg)"};
+  transition: transform 0.5s ease-in-out;
+`;export const OAuthOptionalScopes=memo(OAuthOptionalScopesComponent);export const OAuthRequiredScopes=memo(OAuthRequiredScopesComponent);
+//# sourceMappingURL=OAuthScopes.js.map

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

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirement } from '../../models';
+interface SecurityProps {
+    securities: SecurityRequirement[];
+}
+export declare function Security({ securities }: SecurityProps): ReactElement | null;
+export {};

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";import{Portal,useModalScrollLock}from"@redocly/theme";import{SecurityButton}from"./SecurityButton";import{SecurityModal}from"./SecurityModal";export function Security({securities:t}){const[r,e]=useState(!1);return useModalScrollLock(r),t.length?_jsxs(_Fragment,{children:[_jsx(SecurityButton,{securities:t,onClick:()=>e(!0)}),r&&_jsx(Portal,{mountId:"api-content",children:_jsx(SecurityModal,{securities:t,onClose:()=>e(!1)})})]}):null}
+//# sourceMappingURL=Security.js.map

package/lib-esm/components/Security/SecurityButton.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirement } from '../../models';
+interface SecurityRequirementsProps {
+    securities: SecurityRequirement[];
+}
+export interface SecurityButtonProps extends SecurityRequirementsProps {
+    onClick: () => void;
+}
+export declare function SecurityButton({ securities, onClick }: SecurityButtonProps): ReactElement;
+export {};

package/lib-esm/components/Security/SecurityButton.js

@@ -0,0 +1,31 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{SecurityIcon,Panel,Button}from"@redocly/theme";import{Fragment}from"react";import{useTranslate}from"../../hooks";export function SecurityButton({securities:e,onClick:r}){const t=useTranslate();return _jsx(SecurityPanel,{header:()=>_jsxs(SecurityHeader,{children:[_jsx(SecurityIcon,{}),_jsx(Title,{children:"Security"}),_jsx(ViewDetailsButton,{onClick:r,variant:"link",children:t("openapi.viewSecurityDetails","View details")})]}),isExpandable:!1,children:_jsx(SecurityList,{children:e.map(((r,t)=>{const i=e.length>1&&r.schemes.length>1,n=r.schemes.map((({id:e},t)=>_jsxs(Fragment,{children:[e,t<r.schemes.length-1&&_jsx(Conjunction,{children:" and "})]},e)));return _jsxs(Fragment,{children:[i?"(":"",n,i?")":"",t<e.length-1&&_jsx(Conjunction,{children:" or "})]},t)}))})})}const SecurityPanel=styled(Panel)`
+  margin-top: var(--spacing-base);
+  border: var(--panel-border);
+  border-radius: var(--panel-border-radius);
+`,SecurityHeader=styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-xs);
+  color: var(--link-color-primary);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  background-color: var(--layer-color);
+  border-bottom: var(--panel-border);
+  border-radius: var(--panel-border-radius) var(--panel-border-radius) 0 0;
+`,ViewDetailsButton=styled(Button)`
+  margin-left: auto;
+  font-size: var(--font-size-sm);
+`,Title=styled.span`
+  font-family: var(--font-family-base);
+  font-weight: var(--font-weight-medium);
+  color: var(--text-color-primary);
+`,SecurityList=styled.div`
+  flex: 1;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  color: var(--text-color-primary);
+`,Conjunction=styled.span`
+  color: var(--text-color-description);
+`;
+//# sourceMappingURL=SecurityButton.js.map

package/lib-esm/components/Security/SecurityFlow.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirement, ExtendedOpenAPISecurityScheme } from '../../models';
+export declare function SecurityFlow({ type, bearerFormat, name, flows, openIdConnectUrl, description, id, securities, in: apiKeyIn, }: Partial<ExtendedOpenAPISecurityScheme> & {
+    securities: SecurityRequirement[];
+}): ReactElement | null;

package/lib-esm/components/Security/SecurityFlow.js

@@ -0,0 +1,17 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{SecuritySchemeItem}from"./SecuritySchemeItem";import{titleize}from"../../utils";import{OAuthFlow}from"./OAuthFlow";import{StyledLink}from"./styled";import{Markdown}from"../Markdown";import{useTranslate}from"../../hooks";import{OAuthRequiredScopes,OAuthOptionalScopes}from"./OAuthScopes";export function SecurityFlow({type:e,bearerFormat:r,name:t,flows:o,openIdConnectUrl:a,description:i,id:s,securities:n,in:l}){const m=useTranslate();if(!e||!s)return null;const c={http:_jsxs(_Fragment,{children:[_jsx(SecuritySchemeItem,{label:m("openapi.httpAuthorizationScheme","HTTP Authorization Scheme"),value:e}),_jsx(SecuritySchemeItem,{label:m("openapi.bearerFormat","Bearer Format"),value:r})]}),apiKey:_jsx(SecuritySchemeItem,{label:`${titleize(l||"")} ${m("openapi.parameterName","parameter name")}:`,value:t}),oauth2:_jsxs(_Fragment,{children:[_jsx(SecuritySchemeItem,{label:m("openapi.flowType","Flow type"),value:e}),o&&Object.keys(o).map((e=>_jsx(OAuthFlow,{flow:o[e]},e)))]}),openIdConnect:_jsx(SecuritySchemeItem,{label:m("openapi.connectUrl","Connect URL"),value:a&&_jsx(StyledLink,{target:"_blank",rel:"noopener noreferrer",href:a,children:a})})},p=o&&Object.keys(o).map((e=>_jsx(OAuthRequiredScopes,{id:s,securities:n,flow:o[e]},e))),d=o&&Object.keys(o).map((e=>_jsx(OAuthOptionalScopes,{flow:o[e]},e)));return _jsxs(Wrapper,{children:[_jsx(TitleSchema,{children:s}),_jsx(Markdown,{source:i}),_jsxs(List,{children:[c[e]||null,p,d]})]})}const Wrapper=styled.div`
+  background: var(--layer-color);
+  padding: var(--spacing-base);
+  border-radius: var(--border-radius);
+  border: 1px solid var(--border-color-secondary);
+  width: 100%;
+  margin-top: var(--spacing-base);
+`,List=styled.div`
+  width: 100%;
+  margin-top: var(--spacing-md);
+`,TitleSchema=styled.p`
+  font-size: var(--font-size-base);
+  margin: 0 0 var(--spacing-xs);
+  text-transform: capitalize;
+  font-weight: var(--font-weight-semibold);
+`;
+//# sourceMappingURL=SecurityFlow.js.map

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

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirement } from '../../models';
+interface SecurityModalProps {
+    securities: SecurityRequirement[];
+    onClose: () => void;
+}
+export declare function SecurityModal({ securities, onClose }: SecurityModalProps): ReactElement;
+export {};

package/lib-esm/components/Security/SecurityModal.js

@@ -0,0 +1,45 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment,useState,useRef}from"react";import styled from"styled-components";import{useOutsideClick,Typography,CloseIcon,SecurityIcon,Segmented,Button,useFocusTrap}from"@redocly/theme";import{SecurityFlow}from"./SecurityFlow";import{Divider}from"./Divider";import{useTranslate}from"../../hooks";export function SecurityModal({securities:e,onClose:t}){const s=useTranslate(),[o,i]=useState(0),r=useRef(null),{schemes:a}=e[o]||{};useOutsideClick(r,t),useFocusTrap(r);const n=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return _jsx(StyledBackground,{children:_jsxs(Wrapper,{ref:r,tabIndex:0,children:[_jsx(Close,{onClick:t,"data-testid":"close",variant:"ghost",icon:_jsx(CloseIcon,{})}),_jsxs(Title,{children:[_jsx(SecurityIcon,{size:"24px"}),s("openapi.security","Security")]}),_jsx(Segmented,{value:o,onChange:({value:e})=>i(e),options:n}),a.map(((t,s)=>_jsxs(Fragment,{children:[_jsx(SecurityFlow,Object.assign({},t,{securities:e})),s!==a.length-1&&_jsx(Divider,{label:"and"})]},t.id)))]})})}const Wrapper=styled.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);
+  }
+`,StyledBackground=styled.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;
+`,Close=styled(Button)`
+  position: absolute;
+  right: var(--spacing-md);
+  top: var(--spacing-md);
+`,Title=styled(Typography)`
+  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);
+  }
+`;
+//# sourceMappingURL=SecurityModal.js.map

package/lib-esm/components/Security/SecuritySchemeItem.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+interface SecuritySchemeItemProps {
+    label: string | ReactNode;
+    value: string | ReactNode;
+}
+export declare function SecuritySchemeItem({ label, value }: SecuritySchemeItemProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib-esm/components/Security/SecuritySchemeItem.js

@@ -0,0 +1,21 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";export function SecuritySchemeItem({label:e,value:t}){return e&&t?_jsxs(Row,{children:[_jsx(Label,{children:e}),_jsx(Value,{children:t})]}):null}const Row=styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  margin-bottom: var(--spacing-xs);
+  font-size: var(--font-size-sm);
+  color: var(--text-color-secondary);
+`,Label=styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  flex: 1;
+`,Value=styled.div`
+  flex: 1;
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  word-break: break-word;
+`;
+//# sourceMappingURL=SecuritySchemeItem.js.map

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

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

package/lib-esm/components/Security/helper.js

@@ -0,0 +1,2 @@
+export function getRequiredScopes(e,r){const o=new Set;return r.forEach((({schemes:r})=>{r.forEach((({id:r,scopes:c})=>{r===e&&c.forEach((e=>o.add(e)))}))})),Array.from(o)}
+//# sourceMappingURL=helper.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import styled from"styled-components";export const Tag=styled.div`
+  border-radius: var(--border-radius);
+  padding: 0 var(--spacing-xxs);
+  font-family: var(--font-family-monospaced);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--text-color-primary);
+  background-color: var(--tag-bg-color);
+`;export const StyledLink=styled.a`
+  color: var(--link-color-primary);
+  text-decoration: none;
+  word-wrap: break-word;
+`;
+//# sourceMappingURL=styled.js.map