@redocly/openapi-docs 3.0.0 → 3.0.2

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

@@ -1,8 +1,4 @@
 export * from './Trigger';
 export * from './Description';
-export * from './CodePanel';
-export * from './CodeHeader';
 export * from './ContentPanel';
 export * from './ResponsePanel';
-export * from './Accordion';
-export * from './MiddlePanelWrapper';

package/lib/components/Panel/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,i)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./Trigger"),exports),__exportStar(require("./Description"),exports),__exportStar(require("./CodePanel"),exports),__exportStar(require("./CodeHeader"),exports),__exportStar(require("./ContentPanel"),exports),__exportStar(require("./ResponsePanel"),exports),__exportStar(require("./Accordion"),exports),__exportStar(require("./MiddlePanelWrapper"),exports);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,i){void 0===i&&(i=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,i,o)}:function(e,r,t,i){void 0===i&&(i=t),e[i]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./Trigger"),exports),__exportStar(require("./Description"),exports),__exportStar(require("./ContentPanel"),exports),__exportStar(require("./ResponsePanel"),exports);
 //# sourceMappingURL=index.js.map

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

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

package/lib/components/PanelItem/PanelItem.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_1=require("./styled"),PanelItem=({header:e,title:t,actions:s,active:r,withCheckmark:i})=>(0,jsx_runtime_1.jsxs)(styled_1.PanelItemWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.Item,{children:[e&&("string"==typeof e?(0,jsx_runtime_1.jsx)(styled_1.Header,{children:e}):e),(0,jsx_runtime_1.jsxs)(styled_1.Title,{active:r,suppressHydrationWarning:!0,children:[i&&r&&(0,jsx_runtime_1.jsx)(styled_1.StyledCheckmarkIcon,{})," ",t]})]}),(0,jsx_runtime_1.jsx)(styled_1.ActionsWrap,{children:null==s?void 0:s.map((e=>e))})]});exports.PanelItem=PanelItem;
+//# sourceMappingURL=PanelItem.js.map

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

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

package/lib/components/PanelItem/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelItem=void 0;var PanelItem_1=require("./PanelItem");Object.defineProperty(exports,"PanelItem",{enumerable:!0,get:function(){return PanelItem_1.PanelItem}}),__exportStar(require("./styled"),exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/PanelItem/styled.js

@@ -0,0 +1,53 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledCheckmarkIcon=exports.PanelItemDescription=exports.PanelItemsList=exports.ActionsWrap=exports.Title=exports.Header=exports.Item=exports.PanelItemWrap=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.PanelItemWrap=styled_components_1.default.span`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0;
+  position: relative;
+  width: 100%;
+`,exports.Item=styled_components_1.default.span`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  overflow: hidden;
+`,exports.Header=styled_components_1.default.span`
+  text-align: left;
+  color: var(--menu-content-title-color);
+  font-size: var(--h6-font-size);
+  line-height: var(--line-height-xsm);
+`,exports.Title=styled_components_1.default.span`
+  margin: 0;
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: ${({active:e})=>e&&"var(--font-weight-medium)"};
+`,exports.ActionsWrap=styled_components_1.default.div`
+  display: flex;
+  gap: var(--spacing-xs);
+`,exports.PanelItemsList=styled_components_1.default.div`
+  & > span {
+    border-bottom: 1px solid var(--border-color-secondary);
+    margin-bottom: var(--spacing-xs);
+    padding-bottom: var(--spacing-xs);
+  }
+
+  & > span:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+`,exports.PanelItemDescription=styled_components_1.default.span`
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-medium);
+`,exports.StyledCheckmarkIcon=(0,styled_components_1.default)(theme_1.CheckmarkIcon)`
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  left: -18px;
+  bottom: 3px;
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/PayloadSamples/Example.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { ExampleProps } from './types';
-export declare function Example({ example, mimeType, onCopyClick }: ExampleProps): JSX.Element;
+export declare function Example({ example, mimeType, onCopyClick }: ExampleProps): ReactElement;

package/lib/components/PayloadSamples/Example.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const react_1=__importDefault(require("react")),ExampleValue_1=require("./ExampleValue"),ExternalExample_1=require("./ExternalExample");function Example({example:e,mimeType:l,onCopyClick:a}){return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?react_1.default.createElement(ExampleValue_1.ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):react_1.default.createElement(ExternalExample_1.ExternalExample,{example:e,mimeType:l,onCopyClick:a}):react_1.default.createElement(ExampleValue_1.ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}exports.Example=Example;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const jsx_runtime_1=require("react/jsx-runtime"),ExampleValue_1=require("./ExampleValue"),ExternalExample_1=require("./ExternalExample");function Example({example:e,mimeType:l,onCopyClick:a}){return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExternalExample_1.ExternalExample,{example:e,mimeType:l,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}exports.Example=Example;
 //# sourceMappingURL=Example.js.map

package/lib/components/PayloadSamples/ExampleValue.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { ExampleValueProps } from './types';
-export declare function ExampleValue({ value, mimeType, encoding, onCopyClick, }: ExampleValueProps): JSX.Element;
+export declare function ExampleValue({ value, mimeType, encoding, onCopyClick, }: ExampleValueProps): React.ReactNode;

package/lib/components/PayloadSamples/ExampleValue.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleValue=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),utils_1=require("../../utils");function ExampleValue({value:e,mimeType:t,encoding:l,onCopyClick:o}){return(0,utils_1.isJsonLike)(t)?react_1.default.createElement(theme_1.JsonViewer,{data:e,jsonSampleExpandLevel:1,onCopyClick:o}):("object"==typeof e&&(e=(0,utils_1.isFormUrlEncoded)(t)?(0,utils_1.urlFormEncodePayload)(e,l):JSON.stringify(e,null,2)),react_1.default.createElement(theme_1.CodeBlock,{lang:(0,utils_1.langFromMime)(t),source:e,header:{controls:{copy:{onClick:o}}}}))}exports.ExampleValue=ExampleValue;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleValue=void 0;const jsx_runtime_1=require("react/jsx-runtime"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),store_1=require("../../jotai/store"),styled_1=require("./styled");function ExampleValue({value:e,mimeType:o,encoding:t,onCopyClick:l}){const{jsonSamplesExpandLevel:r}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return(0,utils_1.isJsonLike)(o)?(0,jsx_runtime_1.jsx)(theme_1.JsonViewer,{data:e,expandLevel:r,onCopyClick:l}):("object"==typeof e&&(e=(0,utils_1.isFormUrlEncoded)(o)?(0,utils_1.urlFormEncodePayload)(e,t):JSON.stringify(e,null,2)),(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:(0,utils_1.langFromMime)(o),source:e,header:{className:"code-block-header",controls:{copy:{onClick:l}}}}))}exports.ExampleValue=ExampleValue;
 //# sourceMappingURL=ExampleValue.js.map

package/lib/components/PayloadSamples/ExternalExample.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { ExampleProps } from './types';
-export declare function ExternalExample({ example, mimeType, onCopyClick }: ExampleProps): JSX.Element;
+export declare function ExternalExample({ example, mimeType, onCopyClick }: ExampleProps): ReactElement;

package/lib/components/PayloadSamples/ExternalExample.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalExample=void 0;const theme_1=require("@redocly/theme"),react_1=__importDefault(require("react")),useExternalExample_1=require("./useExternalExample"),ExampleValue_1=require("./ExampleValue");function ExternalExample({example:e,mimeType:a,onCopyClick:l}){const r=(0,useExternalExample_1.useExternalExample)(e,a);return void 0===r?react_1.default.createElement("span",null,"Loading..."):r instanceof Error?react_1.default.createElement(theme_1.CodeBlockContainer,null,"Error loading external example: ",react_1.default.createElement("br",null),react_1.default.createElement("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer"},e.externalValueUrl)):react_1.default.createElement(ExampleValue_1.ExampleValue,{value:r,mimeType:a,onCopyClick:l})}exports.ExternalExample=ExternalExample;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalExample=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),useExternalExample_1=require("./useExternalExample"),ExampleValue_1=require("./ExampleValue");function ExternalExample({example:e,mimeType:r,onCopyClick:l}){const a=(0,useExternalExample_1.useExternalExample)(e,r);return void 0===a?(0,jsx_runtime_1.jsx)("span",{children:"Loading..."}):a instanceof Error?(0,jsx_runtime_1.jsxs)(theme_1.CodeBlockContainer,{children:["Error loading external example: ",(0,jsx_runtime_1.jsx)("br",{}),(0,jsx_runtime_1.jsx)("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer",children:e.externalValueUrl})]}):(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:a,mimeType:r,onCopyClick:l})}exports.ExternalExample=ExternalExample;
 //# sourceMappingURL=ExternalExample.js.map

package/lib/components/PayloadSamples/MediaTypeSamples.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import type { MediaTypeSamplesProps } from './types';
-export declare const MediaTypeSamples: React.NamedExoticComponent<MediaTypeSamplesProps>;
+export declare const MediaTypeSamples: import("react").NamedExoticComponent<MediaTypeSamplesProps>;

package/lib/components/PayloadSamples/MediaTypeSamples.js

@@ -1,2 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;const react_1=__importStar(require("react")),deepmerge_1=__importDefault(require("deepmerge")),shared_1=require("../shared"),Markdown_1=require("../Markdown"),Example_1=require("./Example"),styled_1=require("./styled"),Samples_1=require("../Samples"),utils_1=require("../../services/utils");function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:t,properties:a,onChange:r,onCopyClick:l}){const n=e.examples||{},i=e.name,u=Object.keys(n),{exampleKey:o,defaultExampleName:p}=(0,Samples_1.useExampleKey)(e.operation,n),c=1===u.length?Object.values(n)[0]:n[o];if(!u.length)return react_1.default.createElement(shared_1.NoSampleLabel,null,"Sample not available");const _=a?Object.assign(Object.assign({},c),{value:(0,deepmerge_1.default)(c.value,a,{arrayMerge:utils_1.arrayMergeStrategy})}):c,m=_.description;return p&&t?react_1.default.createElement(react_1.default.Fragment,null,_.description&&react_1.default.createElement(Markdown_1.Markdown,{source:_.description}),react_1.default.createElement(Example_1.Example,{example:_,mimeType:i,onCopyClick:l})):react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Samples_1.ExampleSwitch,{examples:n,exampleKey:o,onChange:r}),react_1.default.createElement(styled_1.ExampleWrapper,null,m&&react_1.default.createElement(Markdown_1.Markdown,{source:m}),react_1.default.createElement(Example_1.Example,{example:_,mimeType:i,onCopyClick:l})))}exports.MediaTypeSamples=(0,react_1.memo)(MediaTypeSamplesComponent);
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),deepmerge_1=__importDefault(require("deepmerge")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),Example_1=require("./Example"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),styled_1=require("./styled");function MediaTypeSamplesComponent({mediaType:e,properties:r,onChange:t,onCopyClick:s}){const a=e.examples||e.formExamples||{},n=e.name,l=Object.keys(a),{exampleKey:i}=(0,Samples_1.useExampleKey)(e.operation,a),o=1===l.length?Object.values(a)[0]:a[i];if(!l.length)return(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"clike",source:"No response example",header:{controls:!1}});const m=r?Object.assign(Object.assign({},o),{value:(0,deepmerge_1.default)(o.value,r,{arrayMerge:utils_1.arrayMergeStrategy})}):o,p=m.description;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:a,exampleKey:i,onChange:t}),p&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:p}),(0,jsx_runtime_1.jsx)(Example_1.Example,{example:m,mimeType:n,onCopyClick:s})]})}const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
+  margin: 0 var(--spacing-md) var(--spacing-sm);
+`;exports.MediaTypeSamples=(0,react_1.memo)(MediaTypeSamplesComponent);
 //# sourceMappingURL=MediaTypeSamples.js.map

package/lib/components/PayloadSamples/PayloadSamples.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import type { PayloadSamplesProps } from './types';
-export declare const PayloadSamples: React.NamedExoticComponent<PayloadSamplesProps>;
+export declare const PayloadSamples: import("react").NamedExoticComponent<PayloadSamplesProps>;

package/lib/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled"),app_1=require("../../recoil/app"),hooks_1=require("../../hooks");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:t,content:r}=e,a=__rest(e,["onlyDefaultMimeType","content"]);const o=(0,hooks_1.useActivateExample)(r),n=(0,recoil_1.useRecoilValue)(app_1.activeMimeNameSelector),l=t&&n,i=(0,react_1.useCallback)((e=>l?null:react_1.default.createElement(styled_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))),[l]),p=e=>o(e);return react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:r,renderDropdown:i},(e=>react_1.default.createElement(MediaTypeSamples_1.MediaTypeSamples,Object.assign({key:"samples",mediaType:e},a,{onChange:p}))))}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
+"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SelectOrLabel_1=require("../SelectOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),common_1=require("../common"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:t,content:r}=e,a=__rest(e,["onlyDefaultMimeType","content"]);const o=(0,hooks_1.useActivateExample)(r),l=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),i=t&&l,s=(0,react_1.useCallback)((e=>i?null:(0,jsx_runtime_1.jsx)(styled_1.SelectWrapper,{children:(0,jsx_runtime_1.jsx)(SelectOrLabel_1.SelectOrLabel,Object.assign({Label:common_1.MimeLabel,Select:common_1.Select,variant:"dark",fullWidth:!0},e))})),[i]),n=e=>o(e);return r?(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:r,renderSelect:s,children:e=>(0,jsx_runtime_1.jsx)(MediaTypeSamples_1.MediaTypeSamples,Object.assign({mediaType:e},a,{onChange:n}),"samples")}):(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"text",source:"No request payload",header:{controls:!1}})}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
 //# sourceMappingURL=PayloadSamples.js.map

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

@@ -1,3 +1,4 @@
-export declare const DropdownLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const DropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ExampleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { CodeBlock } from '@redocly/theme';
+export declare const SelectLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCodeBlock: import("styled-components").StyledComponent<typeof CodeBlock, any, {}, never>;

package/lib/components/PayloadSamples/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleWrapper=exports.DropdownWrapper=exports.DropdownLabel=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.DropdownLabel=styled_components_1.default.span`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledCodeBlock=exports.SelectWrapper=exports.SelectLabel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.SelectLabel=styled_components_1.default.span`
   font-size: 12px;
   position: absolute;
   z-index: 1;
@@ -8,10 +8,15 @@
   color: var(--panel-samples-text-color);
   opacity: 0.7;
   font-family: var(--font-family-base);
-`,exports.DropdownWrapper=styled_components_1.default.div`
+`,exports.SelectWrapper=styled_components_1.default.div`
   position: relative;
-  margin-bottom: 10px;
-`,exports.ExampleWrapper=styled_components_1.default.div`
-  margin-top: 5px;
+`,exports.StyledCodeBlock=(0,styled_components_1.default)(theme_1.CodeBlock)`
+  border: none;
+  margin: 0;
+
+  .code-block-header {
+    border-bottom: 0;
+    padding-right: var(--spacing-sm);
+  }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -13,7 +13,6 @@ export interface ExampleValueProps extends Pick<MediaTypeSamplesProps, 'onCopyCl
 }
 export interface MediaTypeSamplesProps {
     mediaType: MediaTypeModel;
-    onlyDefaultSample?: boolean;
     properties?: GenericObject;
     onChange: (key: any) => void;
     onCopyClick?: () => void;

package/lib/components/PropertyDetails/DescriptionEnums.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { DescriptionEnumsProps } from './types';
+export declare function DescriptionEnumsComponent({ enums, toggle, showToggleButton, toggleButtonText, type, }: DescriptionEnumsProps): ReactElement;
+export declare const DescriptionEnums: import("react").NamedExoticComponent<DescriptionEnumsProps>;

package/lib/components/PropertyDetails/DescriptionEnums.js

@@ -0,0 +1,10 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DescriptionEnums=exports.DescriptionEnumsComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),styled_1=require("./styled"),common_1=require("../common"),EnumValueStyled=styled_components_1.default.td`
+  word-wrap: break-word;
+  font-size: var(--md-table-font-size);
+`,DescriptionValueStyled=styled_components_1.default.td`
+  & p,
+  p:only-of-type {
+    margin: 0;
+  }
+`;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:r,type:s}){return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(styled_1.DescriptionEnumsBlock,{children:(0,jsx_runtime_1.jsxs)("table",{className:"md",children:[(0,jsx_runtime_1.jsx)("thead",{children:(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsxs)("th",{style:{width:"30%"},children:["array"===s?"Items":""," ",1===e.length?"Value":"Enum Value"]}),(0,jsx_runtime_1.jsx)("th",{children:"Description"})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:e.map((({description:e,value:t})=>(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)(EnumValueStyled,{children:t}),(0,jsx_runtime_1.jsx)(DescriptionValueStyled,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:e})})]},t)))}),n?(0,jsx_runtime_1.jsx)("tfoot",{children:(0,jsx_runtime_1.jsx)("tr",{children:(0,jsx_runtime_1.jsx)("td",{colSpan:2,children:(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:t,children:r})})})}):null]})})})}exports.DescriptionEnumsComponent=DescriptionEnumsComponent,exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
+//# sourceMappingURL=DescriptionEnums.js.map

package/lib/components/PropertyDetails/EnumValues.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { EnumValuesProps } from './types';
+export declare const EnumValues: import("react").NamedExoticComponent<EnumValuesProps>;

package/lib/components/PropertyDetails/EnumValues.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EnumValues=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SimpleEnums_1=require("./SimpleEnums"),DescriptionEnums_1=require("./DescriptionEnums"),store_1=require("../../jotai/store");function getEnums(e){return Array.isArray(e)&&e||Object.entries(e||{}).map((([e,t])=>({value:e,description:t})))}function EnumValuesComponent({values:e,type:t}){const[r,s]=(0,react_1.useState)(!0),{maxDisplayedEnumValues:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),u=(0,react_1.useCallback)((()=>{s(!r)}),[r]),o=!Array.isArray(e),i=getEnums(e),m=(0,react_1.useMemo)((()=>r&&n?i.slice(0,n):i),[i,r,n]);if(!i.length)return null;const a=!!n&&i.length>n,l=n?r?`+${i.length-n} more`:"Hide":"";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:o?(0,jsx_runtime_1.jsx)(DescriptionEnums_1.DescriptionEnums,{enums:m,toggle:u,showToggleButton:a,toggleButtonText:l,type:t}):(0,jsx_runtime_1.jsx)(SimpleEnums_1.SimpleEnums,{enums:m,type:t,toggle:u,toggleButtonText:l,showToggleButton:a})})}exports.EnumValues=(0,react_1.memo)(EnumValuesComponent);
+//# sourceMappingURL=EnumValues.js.map

package/lib/components/PropertyDetails/Examples.d.ts

@@ -0,0 +1,5 @@
+import type { FieldModel } from '../../models';
+export declare function Examples({ field }: {
+    field: FieldModel;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function getSerializedValue(field: FieldModel, example: any): any;

package/lib/components/PropertyDetails/Examples.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSerializedValue=exports.Examples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),common_1=require("../common"),utils_1=require("../../utils"),styled_1=require("./styled");function Examples({field:e}){return e.examples?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.FieldLabel,{children:" Examples: "}),(0,jsx_runtime_1.jsx)(styled_1.ExamplesList,{children:Object.entries(e.examples).map((([r,s])=>{const i=(0,utils_1.normalizeText)(s.description);return(0,jsx_runtime_1.jsxs)(styled_1.ExampleWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.ExampleSummary,{children:[(0,utils_1.normalizeText)(s.summary)||r," "]}),i&&(0,jsx_runtime_1.jsxs)(styled_1.ExampleDescription,{children:[i," "]}),(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:getSerializedValue(e,s.value)})]},r)}))})]}):null}function getSerializedValue(e,r){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,r)):r}exports.Examples=Examples,exports.getSerializedValue=getSerializedValue;
+//# sourceMappingURL=Examples.js.map

package/lib/components/PropertyDetails/Extensions.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ExtensionsProps } from './types';
+export declare const Extensions: import("react").NamedExoticComponent<ExtensionsProps>;

package/lib/components/PropertyDetails/Extensions.js

@@ -0,0 +1,4 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extensions=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),store_1=require("../../jotai/store"),Container=(0,styled_components_1.default)(theme_1.Markdown)`
+  margin: 2px 0;
+`;function ExtensionsComponent({extensions:e}){const{showExtensions:t}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return t?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:Object.keys(e).map((t=>(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[t.substring(2),": "]})," ",(0,jsx_runtime_1.jsx)(common_1.ExtensionValue,{children:"string"==typeof e[t]?e[t]:JSON.stringify(e[t])})]},t)))}):null}exports.Extensions=(0,react_1.memo)(ExtensionsComponent);
+//# sourceMappingURL=Extensions.js.map

package/lib/components/PropertyDetails/FieldDetail.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface FieldDetailProps {
+    value?: any;
+    label: string;
+    raw?: boolean;
+}
+export declare const FieldDetail: import("react").NamedExoticComponent<FieldDetailProps>;

package/lib/components/PropertyDetails/FieldDetail.js

@@ -0,0 +1,8 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetail=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown");function FieldDetailComponent({value:e,label:r,raw:t}){if(void 0===e)return null;const n=t?String(e):JSON.stringify(e);return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",r," "]}),"Default"===r?(0,jsx_runtime_1.jsx)(common_1.DefaultValue,{children:n}):"Example:"===r?(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n})}):(0,jsx_runtime_1.jsx)(common_1.FieldValueLabel,{children:n})]})}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=styled_components_1.default.div`
+  margin-top: var(--spacing-xxs);
+  display: flex;
+  align-items: baseline;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+`;
+//# sourceMappingURL=FieldDetail.js.map

package/lib/components/PropertyDetails/FieldDetails.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { FieldProps } from './types';
+export declare const FieldDetails: import("react").NamedExoticComponent<FieldProps>;

package/lib/components/PropertyDetails/FieldDetails.js

@@ -0,0 +1,43 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:i,fieldParentsName:r=[]}){var n;const{hidePropertiesPrefix:a,hideSchemaTitles:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:s,description:l,example:m,deprecated:c,examples:_,kind:d,required:u,name:p}=e,x="header"===e.in,j=(0,react_1.useMemo)((()=>{if(void 0!==m||void 0!==_){if(void 0!==_)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const t=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Example:",value:(0,Examples_1.getSerializedValue)(e,e.example),raw:t})}}return null}),[m,_,e]),f=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[p&&(0,jsx_runtime_1.jsxs)(Name,{children:[i&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:i}),!a&&r.map((e=>e+".")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:p})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.typePrefix+s.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.displayFormat&&`(${s.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.title&&!o?`(${s.title})`:""}),null===(n=s.constraints)||void 0===n?void 0:n.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),c&&(0,jsx_runtime_1.jsx)(DeprecatedLabel,{children:"Deprecated"}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:s.pattern}),"additionalProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"additional property"}),"patternProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"pattern property"}),f&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:f}),u&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:"required"}),s.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:"Recursive"})]}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:l}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:x,label:"Default",value:s.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:s.type,values:s["x-enumDescriptions"]||s.enum}),j,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),s.extensions)}),s.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:s.externalDocs,compact:!0}),null==t?void 0:t(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Value",value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing-xxs) / 4) var(--spacing-xxs);
+  flex-wrap: wrap;
+  margin-bottom: 2px;
+  position: relative;
+`,DeprecatedLabel=(0,styled_components_1.default)(common_1.Tag)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-bg-color);
+  font-family: var(--font-family-base);
+`,StyledDescription=(0,styled_components_1.default)(Markdown_1.Markdown)`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+
+  article p:last-child {
+    margin-bottom: 0;
+  }
+`,Name=styled_components_1.default.span`
+  position: relative;
+  font-family: var(--font-family-monospaced);
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+  color: var(--text-color-description);
+  max-width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+
+  :hover {
+    ${theme_1.LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+      background-color: var(--bg-color);
+    }
+  }
+`,SchemaName=styled_components_1.default.span`
+  font-family: var(--font-family-monospaced);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--schemas-property-name-font-size);
+  line-height: var(--schemas-property-name-line-height);
+  color: var(--text-color-primary);
+`;
+//# sourceMappingURL=FieldDetails.js.map

package/lib/components/PropertyDetails/Pattern.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+interface PatternProps {
+    pattern?: string;
+}
+export declare function Pattern({ pattern }: PatternProps): ReactElement | null;
+export {};

package/lib/components/PropertyDetails/Pattern.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Pattern=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),MAX_PATTERN_LENGTH=45;function Pattern({pattern:e}){const[t,r]=(0,react_1.useState)(!1);if(!e)return null;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.Tag,{children:t||e.length<MAX_PATTERN_LENGTH?e:`${e.slice(0,MAX_PATTERN_LENGTH)}...`}),e.length>MAX_PATTERN_LENGTH&&(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:()=>{r(!t)},children:t?"Hide pattern":"Show pattern"})]})}exports.Pattern=Pattern;
+//# sourceMappingURL=Pattern.js.map

package/lib/components/PropertyDetails/PlusCircleIcon.d.ts

@@ -0,0 +1,7 @@
+interface CircleIconProps {
+    sign: string;
+    className?: string;
+    color?: string;
+}
+export declare function CircleIcon({ sign, className, color }: CircleIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/PropertyDetails/PlusCircleIcon.js

@@ -0,0 +1,11 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CircleIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function CircleIcon({sign:e,className:r,color:o}){return(0,jsx_runtime_1.jsx)(StyledCircleIcon,{className:r,color:o,children:e})}exports.CircleIcon=CircleIcon;const StyledCircleIcon=styled_components_1.default.span`
+  background-color: var(--bg-color);
+  border-radius: 50%;
+  border: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};
+  font-size: var(--font-size-lg);
+  line-height: var(--font-size-lg);
+  color: ${({color:e})=>e||"var(--text-color-secondary)"};
+  width: 20px;
+  height: 20px;
+`;
+//# sourceMappingURL=PlusCircleIcon.js.map

package/lib/components/PropertyDetails/PropertyDetails.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { FieldProps } from './types';
+export declare const PropertyDetails: import("react").NamedExoticComponent<FieldProps>;

package/lib/components/PropertyDetails/PropertyDetails.js

@@ -0,0 +1,17 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertyDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Schema_1=require("../Schema"),FieldDetails_1=require("./FieldDetails"),LinkToField_1=require("../common/LinkToField");function PropertyDetailsComponent({field:e,skipWriteOnly:i,skipReadOnly:r,level:t=1,showTitle:s,renderDiscriminatorSwitch:a,isFirst:n,fieldParentsName:o,disableDeepLinks:l,oneOfLevel:d}){const p=l?void 0:(0,LinkToField_1.generateDeepLink)(e),m=!e.schema.isPrimitive&&!e.schema.isCircular;return(0,jsx_runtime_1.jsxs)(Wrapper,{isFist:n,expanded:m,className:"property",children:[(0,jsx_runtime_1.jsx)(FieldDetails_1.FieldDetails,{field:e,renderDiscriminatorSwitch:a,deepLink:p,fieldParentsName:o}),m&&(0,jsx_runtime_1.jsx)(Schema_1.Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:i,showTitle:s,expandable:!0,level:t+1,fieldParentsName:[...o||[],e.name],deepLink:p,required:e.required,disableDeepLinks:l,oneOfLevel:d})]})}exports.PropertyDetails=(0,react_1.memo)(PropertyDetailsComponent);const Wrapper=styled_components_1.default.div`
+  padding: ${({isFist:e})=>`var(--schema-${e?"fist-":""}property-details-spacing)`} 0
+    ${({expanded:e})=>e?0:"var(--schema-property-details-spacing)"};
+  ${({expanded:e})=>!e&&"border-bottom: 1px solid var(--border-color-primary)"};
+
+  // This styles needs to override the dividers when array closing label is present
+  &:has(+ span.array-closing-label) {
+    border-bottom: none;
+    padding-bottom: calc(var(--schema-property-details-spacing) / 2);
+
+    .view-nested-wrapper {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+  }
+`;
+//# sourceMappingURL=PropertyDetails.js.map

package/lib/components/PropertyDetails/SchemaTypeInfo.d.ts

@@ -0,0 +1,6 @@
+type SchemaTypeInfoProps = {
+    type?: string;
+    className?: string;
+};
+export declare function SchemaTypeInfo({ type, className }: SchemaTypeInfoProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/components/PropertyDetails/SchemaTypeInfo.js

@@ -0,0 +1,16 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaTypeInfo=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function SchemaTypeInfo({type:e,className:t}){return e?(0,jsx_runtime_1.jsx)(FieldLabel,{className:t,children:e}):null}exports.SchemaTypeInfo=SchemaTypeInfo;const FieldLabel=styled_components_1.default.em`
+  vertical-align: middle;
+  color: var(--schema-type-text-color);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-style: normal;
+
+  :after {
+    content: ',';
+  }
+
+  &:last-of-type:after {
+    content: '';
+  }
+`;
+//# sourceMappingURL=SchemaTypeInfo.js.map

package/lib/components/PropertyDetails/SimpleEnums.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { SimpleEnumsProps } from './types';
+export declare function SimpleEnumsComponent({ enums, type, toggle, showToggleButton, toggleButtonText, }: SimpleEnumsProps): ReactElement;
+export declare const SimpleEnums: import("react").NamedExoticComponent<SimpleEnumsProps>;

package/lib/components/PropertyDetails/SimpleEnums.js

@@ -0,0 +1,8 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleEnums=exports.SimpleEnumsComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function SimpleEnumsComponent({enums:e,type:t,toggle:n,showToggleButton:o,toggleButtonText:m}){return(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:["array"===t?"Items":""," ",1===e.length?"Value":"Enum"]}),e.map(((e,t)=>(0,jsx_runtime_1.jsx)(common_1.Tag,{children:JSON.stringify(e)},e+t))),o?(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:n,children:m}):null]})}exports.SimpleEnumsComponent=SimpleEnumsComponent,exports.SimpleEnums=(0,react_1.memo)(SimpleEnumsComponent);const Row=styled_components_1.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  margin-top: var(--spacing-xxs);
+`;
+//# sourceMappingURL=SimpleEnums.js.map

package/lib/components/PropertyDetails/cycleColorsByLevel.d.ts

@@ -0,0 +1 @@
+export declare const cycleColorsByLevel: (level?: number) => string | undefined;

package/lib/components/PropertyDetails/cycleColorsByLevel.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.cycleColorsByLevel=void 0;const cycleColorsByLevel=e=>{if(void 0===e)return;const o=["#9D00FF","#615CEA","#147DF5","#08BFCC","#08CC7A","#81CC08","#E5BE00","#FF8700","#FF00B8"];return o[e%o.length]};exports.cycleColorsByLevel=cycleColorsByLevel;
+//# sourceMappingURL=cycleColorsByLevel.js.map

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

@@ -0,0 +1,3 @@
+export { PropertyDetails } from './PropertyDetails';
+export { FieldDetails } from './FieldDetails';
+export { Extensions } from './Extensions';

package/lib/components/PropertyDetails/index.js

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const DescriptionEnumsBlock: import("styled-components").StyledComponent<"main", any, {
+    className?: string | undefined;
+    compact?: boolean | undefined;
+    inline?: boolean | undefined;
+    base?: boolean | undefined;
+    ref?: ((node: HTMLDivElement) => void) | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, never>;
+export declare const TypeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExampleDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExampleSummary: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const ExampleWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExamplesList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldDescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/PropertyDetails/styled.js

@@ -0,0 +1,23 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDescriptionWrapper=exports.ExamplesList=exports.ExampleWrap=exports.ExampleSummary=exports.ExampleDescription=exports.TypeWrapper=exports.DescriptionEnumsBlock=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.DescriptionEnumsBlock=(0,styled_components_1.default)(theme_1.Markdown)`
+  table.md {
+    margin: var(--spacing-xs) 0 0;
+  }
+`,exports.TypeWrapper=styled_components_1.default.div`
+  line-height: 20px;
+`,exports.ExampleDescription=styled_components_1.default.div``,exports.ExampleSummary=styled_components_1.default.label`
+  display: block;
+  font-size: inherit;
+  margin-bottom: 0.2em;
+  font-weight: var(--font-weight-bold);
+`,exports.ExampleWrap=styled_components_1.default.div`
+  margin-top: 1em;
+  font-size: var(--field-name-font-size);
+`,exports.ExamplesList=styled_components_1.default.div`
+  padding-left: 1.5em;
+  margin-bottom: 1em;
+`,exports.FieldDescriptionWrapper=styled_components_1.default.div`
+  p {
+    overflow-wrap: anywhere;
+  }
+`;
+//# sourceMappingURL=styled.js.map