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

package/lib/components/ViewNested/ViewNested.js

@@ -1,4 +1,4 @@
-import{jsx as o,Fragment as l,jsxs as t}from"react/jsx-runtime";import{css as c}from"styled-components";import{memo as w,useEffect as $,useState as j}from"react";import{isUndefined as C}from"@redocly/theme";import{cycleColorsByLevel as N}from"../PropertyDetails/cycleColorsByLevel.js";import{CircleIcon as S}from"../PropertyDetails/PlusCircleIcon.js";import{LabelValue as V}from"../common/styled.js";import{styled as d}from"../../styled-components.js";function _({expandByDefault:e,level:g,expandable:h=!1,expandText:v,hideText:x,hideDivider:y=!1,children:i,expandedAll:a,isNestedArray:n}){const[r,p]=j((e||n)??!1);$(()=>{C(a)||p(a)},[a]);const s=r?N(g):void 0;if(!h)return i;const b=()=>{p(u=>!u)};return n?t(l,{children:[o(V,{children:"Array ["}),o(f,{$isArrayInsideArray:n,className:"view-nested-wrapper",children:o(m,{color:s,children:i})})]}):o(l,{children:t(f,{$divider:!y&&!r,className:"view-nested-wrapper",children:[t(k,{onClick:b,children:[o(S,{sign:r?"-":"+",color:s}),!r&&v,r&&(x||"")]}),r&&o(m,{color:s,children:i})]})})}const U=w(_),k=d.button`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,s){void 0===s&&(s=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,s,n)}:function(e,r,t,s){void 0===s&&(s=t),e[s]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ViewNested=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),react_1=require("react"),theme_1=require("@redocly/theme"),cycleColorsByLevel_1=require("../PropertyDetails/cycleColorsByLevel"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),styled_1=require("../common/styled");function ViewNestedComponent({expandByDefault:e,level:r,expandable:t=!1,expandText:s,hideText:n,hideDivider:i=!1,children:o,expandedAll:a,isNestedArray:l}){var c;const[d,_]=(0,react_1.useState)(null!==(c=e||l)&&void 0!==c&&c);(0,react_1.useEffect)((()=>{(0,theme_1.isUndefined)(a)||_(a)}),[a]);const p=d?(0,cycleColorsByLevel_1.cycleColorsByLevel)(r):void 0;if(!t)return o;return l?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(styled_1.LabelValue,{children:"Array ["}),(0,jsx_runtime_1.jsx)(Wrapper,{$isArrayInsideArray:l,className:"view-nested-wrapper",children:(0,jsx_runtime_1.jsx)(StyledNested,{color:p,children:o})})]}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsxs)(Wrapper,{$divider:!i&&!d,className:"view-nested-wrapper",children:[(0,jsx_runtime_1.jsxs)(ShowProperty,{onClick:()=>{_((e=>!e))},children:[(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:d?"-":"+",color:p}),!d&&s,d&&(n||"")]}),d&&(0,jsx_runtime_1.jsx)(StyledNested,{color:p,children:o})]})})}exports.ViewNested=(0,react_1.memo)(ViewNestedComponent);const ShowProperty=styled_components_1.default.button`
   background: none;
   border: none;
   cursor: pointer;
@@ -12,23 +12,24 @@ import{jsx as o,Fragment as l,jsxs as t}from"react/jsx-runtime";import{css as c}
   line-height: var(--line-height-base);
   margin: var(--spacing-xxs) 0 var(--spacing-xs);
   width: 100%;
-`,m=d.div`
+`,StyledNested=styled_components_1.default.div`
   padding-left: var(--schema-nested-offset);
   border-left: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};
   margin: -10px 0 0 9px;
-  ${({color:e})=>e&&c`
+  ${({color:e})=>e&&styled_components_1.css`
       .schema-name {
         color: ${e};
       }
     `}
-`,f=d.div`
+`,Wrapper=styled_components_1.default.div`
   width: 100%;
-  ${({$isArrayInsideArray:e})=>e&&c`
+  ${({$isArrayInsideArray:e})=>e&&styled_components_1.css`
       padding-top: var(--schema-property-details-spacing);
     `}
 
-  ${({$divider:e})=>e&&c`
+  ${({$divider:e})=>e&&styled_components_1.css`
       border-bottom: 1px solid var(--border-color-primary);
       padding-bottom: var(--schema-property-details-spacing);
     `}
-`;export{U as ViewNested};
+`;
+//# sourceMappingURL=ViewNested.js.map

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

@@ -1 +1 @@
-export { ViewNested } from './ViewNested.js';
+export { ViewNested } from './ViewNested';

package/lib/components/ViewNested/index.js

@@ -1 +1,2 @@
-import{ViewNested as r}from"./ViewNested.js";export{r as ViewNested};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ViewNested=void 0;var ViewNested_1=require("./ViewNested");Object.defineProperty(exports,"ViewNested",{enumerable:!0,get:function(){return ViewNested_1.ViewNested}});
+//# sourceMappingURL=index.js.map

package/lib/components/common/Badges.d.ts

@@ -1,9 +1,13 @@
+import { Badge } from '@redocly/theme';
 import type { PropsWithChildren } from 'react';
-import type { OpenAPIXBadges } from '../../types/index.js';
+import type { OpenAPIXBadges } from '../../types';
 interface CustomBadgesProps {
     badges?: OpenAPIXBadges[];
 }
 export declare const CustomBadges: import("react").NamedExoticComponent<PropsWithChildren<CustomBadgesProps>>;
-export declare const StyledBadge: any;
-export declare const NavigationBadge: any;
+export declare const StyledBadge: import("styled-components").StyledComponent<typeof Badge, any, {}, never>;
+export declare const NavigationBadge: import("styled-components").StyledComponent<typeof Badge, any, {
+    deprecated?: boolean;
+    color?: string;
+}, never>;
 export {};

package/lib/components/common/Badges.js

@@ -1,12 +1,12 @@
-import{Fragment as i,jsx as t,jsxs as l}from"react/jsx-runtime";import{memo as m}from"react";import{css as f}from"styled-components";import{Badge as g}from"@redocly/theme";import{styled as d}from"../../styled-components.js";function p({badges:e,children:s}){if(!e)return t(i,{children:s});const n=e.filter(({position:r})=>r==="before"),c=e.filter(({position:r})=>r==="after");return l(i,{children:[n.map(({name:r,color:o})=>t(a,{color:o,children:r},r)),s,c.map(({name:r,color:o})=>t(a,{color:o,children:r},r))]})}const B=m(p),a=d(g)`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NavigationBadge=exports.StyledBadge=exports.CustomBadges=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme");function CustomBadgesComponent({badges:e,children:t}){if(!e)return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t});const r=e.filter((({position:e})=>"before"===e)),o=e.filter((({position:e})=>"after"===e));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[r.map((({name:e,color:t})=>(0,jsx_runtime_1.jsx)(exports.StyledBadge,{color:t,children:e},e))),t,o.map((({name:e,color:t})=>(0,jsx_runtime_1.jsx)(exports.StyledBadge,{color:t,children:e},e)))]})}exports.CustomBadges=(0,react_1.memo)(CustomBadgesComponent),exports.StyledBadge=(0,styled_components_1.default)(theme_1.Badge)`
   margin-left: 0;
   background-color: ${({color:e})=>e||"var(--color-info-base)"};
-  ${({deprecated:e})=>e&&f`
+  ${({deprecated:e})=>e&&styled_components_1.css`
       color: var(--badge-deprecated-text-color);
       background-color: var(--badge-deprecated-bg-color);
       border-radius: var(--badge-deprecated-border-radius);
     `};
-`,w=d(a)`
+`,exports.NavigationBadge=(0,styled_components_1.default)(exports.StyledBadge)`
   margin-left: 0;
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
@@ -15,4 +15,5 @@ import{Fragment as i,jsx as t,jsxs as l}from"react/jsx-runtime";import{memo as m
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-`;export{B as CustomBadges,w as NavigationBadge,a as StyledBadge};
+`;
+//# sourceMappingURL=Badges.js.map

package/lib/components/common/BodyContent/BodyContent.d.ts

@@ -1,4 +1,4 @@
-import type { MediaContentModel } from '../../../models/index.js';
+import type { MediaContentModel } from '../../../models';
 interface BodyContentProps {
     skipReadOnly?: boolean;
     skipWriteOnly?: boolean;

package/lib/components/common/BodyContent/BodyContent.js

@@ -1,6 +1,6 @@
-import{jsx as e,jsxs as n,Fragment as x}from"react/jsx-runtime";import{memo as u}from"react";import{useAtom as b}from"jotai";import{LinkIcon as w}from"@redocly/theme";import{Dropdown as M}from"../Dropdown/index.js";import{RequiredLabel as T}from"../Fields/index.js";import{ConstraintsView as j}from"../ConstraintsView.js";import{Schema as k}from"../../Schema/index.js";import{getActiveMediaType as C}from"../../../models/index.js";import{Markdown as z}from"../../Markdown/index.js";import{activeMimeNameAtom as A}from"../../../jotai/app.js";import{LinkToField as q}from"../LinkToField.js";import{useTranslate as B}from"../../../hooks/index.js";import{styled as s}from"../../../styled-components.js";function F({required:m,skipReadOnly:p,skipWriteOnly:l,description:c,content:t,deepLink:r}){const a=B(),[g,f]=b(A);if(!t)return null;const{schema:i,examples:d,operation:h,name:v}=C(t,g),y=t.mediaTypes.map(({name:o})=>({label:o,value:o}));return n(x,{children:[n(O,{children:[r&&e(q,{to:r}),a("openapi.body","Body"),e(M,{options:y,value:v,triggerVariant:"ghost",triggerSize:"large",onChange:({value:o})=>f(o)})]}),m&&e(T,{children:a("openapi.badges.required","required")}),e(N,{source:c}),i?.type==="object"&&i?.constraints&&e(j,{constraints:i?.constraints||[]}),e(k,{skipReadOnly:p,skipWriteOnly:l,schema:i,examples:d,operation:h,level:1,disableDeepLinks:!r},"schema")]})}const P=u(F),N=s(z)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=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"),Dropdown_1=require("../Dropdown"),Fields_1=require("../Fields"),ConstraintsView_1=require("../ConstraintsView"),Schema_1=require("../../Schema"),models_1=require("../../../models"),Markdown_1=require("../../Markdown"),app_1=require("../../../jotai/app"),LinkToField_1=require("../LinkToField"),hooks_1=require("../../../hooks");function BodyContentComponent({required:e,skipReadOnly:i,skipWriteOnly:t,description:n,content:o,deepLink:r}){const s=(0,hooks_1.useTranslate)(),[a,l]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom);if(!o)return null;const{schema:d,examples:_,operation:p,name:m}=(0,models_1.getActiveMediaType)(o,a),u=o.mediaTypes.map((({name:e})=>({label:e,value:e})));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Title,{children:[r&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:r}),s("openapi.body","Body"),(0,jsx_runtime_1.jsx)(Dropdown_1.Dropdown,{options:u,value:m,triggerVariant:"ghost",triggerSize:"large",onChange:({value:e})=>l(e)})]}),e&&(0,jsx_runtime_1.jsx)(Fields_1.RequiredLabel,{children:s("openapi.badges.required","required")}),(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:n}),"object"===(null==d?void 0:d.type)&&(null==d?void 0:d.constraints)&&(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:(null==d?void 0:d.constraints)||[]}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,{skipReadOnly:i,skipWriteOnly:t,schema:d,examples:_,operation:p,level:1,disableDeepLinks:!r},"schema")]})}exports.BodyContent=(0,react_1.memo)(BodyContentComponent);const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
   margin: var(--spacing-xxs) 0 0;
-`,O=s.span`
+`,Title=styled_components_1.default.span`
   position: relative;
   display: flex;
   align-items: center;
@@ -13,7 +13,7 @@ import{jsx as e,jsxs as n,Fragment as x}from"react/jsx-runtime";import{memo as u
   padding: var(--spacing-xxs) 0;
 
   :hover {
-    ${w} {
+    ${theme_1.LinkIcon} {
       opacity: 1;
       visibility: visible;
     }
@@ -24,4 +24,5 @@ import{jsx as e,jsxs as n,Fragment as x}from"react/jsx-runtime";import{memo as u
     font-size: var(--font-size-sm);
     line-height: var(--line-height-lg);
   }
-`;export{P as BodyContent};
+`;
+//# sourceMappingURL=BodyContent.js.map

package/lib/components/common/BodyContent/index.d.ts

@@ -1 +1 @@
-export { BodyContent } from './BodyContent.js';
+export { BodyContent } from './BodyContent';

package/lib/components/common/BodyContent/index.js

@@ -1 +1,2 @@
-import{BodyContent as e}from"./BodyContent.js";export{e as BodyContent};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=void 0;var BodyContent_1=require("./BodyContent");Object.defineProperty(exports,"BodyContent",{enumerable:!0,get:function(){return BodyContent_1.BodyContent}});
+//# sourceMappingURL=index.js.map

package/lib/components/common/ClearButton/ClearButton.d.ts

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

package/lib/components/common/ClearButton/ClearButton.js

@@ -1 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{memo as m}from"react";const r=({className:o,style:t,handleClear:n})=>e("button",{className:o,style:t,onClick:n,children:"\u2715"}),a=m(r);export{a as ClearButton};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClearButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ClearButtonComponent=({className:e,style:t,handleClear:r})=>(0,jsx_runtime_1.jsx)("button",{className:e,style:t,onClick:r,children:"✕"});exports.ClearButton=(0,react_1.memo)(ClearButtonComponent);
+//# sourceMappingURL=ClearButton.js.map

package/lib/components/common/ClearButton/index.d.ts

@@ -1,2 +1,2 @@
-export * from './styled.js';
-export * from './types.js';
+export * from './styled';
+export * from './types';

package/lib/components/common/ClearButton/index.js

@@ -1 +1,2 @@
-export*from"./styled.js";export*from"./types.js";
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=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,i,o)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=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}),__exportStar(require("./styled"),exports),__exportStar(require("./types"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/common/ClearButton/styled.d.ts

@@ -1 +1 @@
-export declare const ClearButton: any;
+export declare const ClearButton: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").ClearButtonProps>, any, {}, never>;

package/lib/components/common/ClearButton/styled.js

@@ -1,4 +1,4 @@
-import{styled as o}from"../../../styled-components.js";import{ClearButton as r}from"./ClearButton.js";const e=o(r)`
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClearButton=void 0;const styled_components_1=__importDefault(require("styled-components")),ClearButton_1=require("./ClearButton");exports.ClearButton=(0,styled_components_1.default)(ClearButton_1.ClearButton)`
   z-index: 1;
   position: absolute;
   right: 24px;
@@ -12,4 +12,5 @@ import{styled as o}from"../../../styled-components.js";import{ClearButton as r}f
   &:hover {
     color: #fff;
   }
-`;export{e as ClearButton};
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/common/ClearButton/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=types.js.map

package/lib/components/common/CodeBlockPanel.d.ts

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

package/lib/components/common/CodeBlockPanel.js

@@ -1,5 +1,6 @@
-import{Panel as o,PanelBody as a}from"@redocly/theme";import{styled as e}from"../../styled-components.js";const d=e(o)`
-  ${a} {
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeBlockPanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.CodeBlockPanel=(0,styled_components_1.default)(theme_1.Panel)`
+  ${theme_1.PanelBody} {
     padding: var(--spacing-sm) 0 0;
   }
-`;export{d as CodeBlockPanel};
+`;
+//# sourceMappingURL=CodeBlockPanel.js.map

package/lib/components/common/ConstraintsView.js

@@ -1,3 +1,4 @@
-import{jsxs as n,jsx as s}from"react/jsx-runtime";import{memo as t}from"react";import{Tag as i}from"./Fields/index.js";import{styled as m}from"../../styled-components.js";function e({constraints:r}){return r.length===0?null:s(p,{children:r.map(o=>n(i,{children:[" ",o," "]},o))})}const c=t(e),p=m.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConstraintsView=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Fields_1=require("./Fields");function ConstraintsViewComponent({constraints:e}){return 0===e.length?null:(0,jsx_runtime_1.jsx)(Wrapper,{children:e.map((e=>(0,jsx_runtime_1.jsxs)(Fields_1.Tag,{children:[" ",e," "]},e)))})}exports.ConstraintsView=(0,react_1.memo)(ConstraintsViewComponent);const Wrapper=styled_components_1.default.div`
   margin-top: var(--spacing-xxs);
-`;export{c as ConstraintsView};
+`;
+//# sourceMappingURL=ConstraintsView.js.map

package/lib/components/common/Dropdown/Dropdown.js

@@ -1,8 +1,8 @@
-import{jsx as n}from"react/jsx-runtime";import{Dropdown as c,typedMemo as m,CheckmarkIcon as g,DropdownMenu as h,DropdownMenuItem as p,Button as f}from"@redocly/theme";import{styled as i}from"../../../styled-components.js";function u({options:t,value:r,onChange:o,className:l,triggerVariant:s="outlined",triggerSize:d="small"}){const a=t.find(e=>e.value===r)?.label;return t.length===1?n(b,{children:a}):n(c,{className:l,trigger:n(f,{variant:s,size:d,type:"button",children:a}),withArrow:!0,children:n(h,{children:t.map(e=>n(w,{active:e.value===r,onAction:()=>o(e),suffix:e.value===r&&n(v,{}),children:e.label},e.label))})})}const k=m(u),v=i(g)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function DropdownComponent({options:e,value:t,onChange:n,className:r,triggerVariant:o="outlined",triggerSize:i="small"}){var a;const s=null===(a=e.find((e=>e.value===t)))||void 0===a?void 0:a.label;return 1===e.length?(0,jsx_runtime_1.jsx)(Title,{children:s}):(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{className:r,trigger:(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:o,size:i,type:"button",children:s}),withArrow:!0,children:(0,jsx_runtime_1.jsx)(theme_1.DropdownMenu,{children:e.map((e=>(0,jsx_runtime_1.jsx)(StyledDropdownMenuItem,{active:e.value===t,onAction:()=>n(e),suffix:e.value===t&&(0,jsx_runtime_1.jsx)(StyledCheckmarkIcon,{}),children:e.label},e.label)))})})}exports.Dropdown=(0,theme_1.typedMemo)(DropdownComponent);const StyledCheckmarkIcon=(0,styled_components_1.default)(theme_1.CheckmarkIcon)`
   width: 16px;
   height: 16px;
   margin-left: auto;
-`,w=i(p)`
+`,StyledDropdownMenuItem=(0,styled_components_1.default)(theme_1.DropdownMenuItem)`
   --dropdown-menu-item-justify-content: space-between;
 
   width: 100%;
@@ -12,7 +12,7 @@ import{jsx as n}from"react/jsx-runtime";import{Dropdown as c,typedMemo as m,Chec
   padding: var(--spacing-xxs) var(--spacing-sm);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-`,b=i.span`
+`,Title=styled_components_1.default.span`
   margin-right: var(--spacing-unit);
   cursor: default;
   background: none;
@@ -23,4 +23,5 @@ import{jsx as n}from"react/jsx-runtime";import{Dropdown as c,typedMemo as m,Chec
   line-height: var(--line-height-lg);
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
-`;export{k as Dropdown};
+`;
+//# sourceMappingURL=Dropdown.js.map

package/lib/components/common/Dropdown/index.d.ts

@@ -1,2 +1,2 @@
-export { Dropdown } from './Dropdown.js';
-export type { DropdownProps } from './Dropdown.js';
+export { Dropdown } from './Dropdown';
+export type { DropdownProps } from './Dropdown';

package/lib/components/common/Dropdown/index.js

@@ -1 +1,2 @@
-import{Dropdown as p}from"./Dropdown.js";export{p as Dropdown};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;var Dropdown_1=require("./Dropdown");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Dropdown_1.Dropdown}});
+//# sourceMappingURL=index.js.map

package/lib/components/common/ExpandableExample/ExpandableExample.js

@@ -1,9 +1,10 @@
-import{jsx as o,jsxs as p}from"react/jsx-runtime";import{Button as l}from"@redocly/theme";import{useMemo as m,useState as c}from"react";import{Markdown as d}from"../../Markdown/index.js";import{ExampleValue as x}from"../Fields/index.js";import{useTranslate as E}from"../../../hooks/index.js";import{styled as a}from"../../../styled-components.js";const f=150;function A({value:e}){const s=E(),[n,i]=c(!1),t=m(()=>e.slice(0,f),[e]),r=()=>{i(!n)};return p(u,{children:[o(d,{source:n?e:t}),(e!==t||n)&&o(h,{children:o(l,{variant:"link",size:"small",onClick:r,children:n?s("openapi.hideExample","Hide example"):s("openapi.showExample","Show example")})})]})}const u=a(x)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExpandableExample=ExpandableExample;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),react_1=require("react"),Markdown_1=require("../../Markdown"),Fields_1=require("../Fields"),hooks_1=require("../../../hooks"),MAX_EXAMPLE_LENGTH=150;function ExpandableExample({value:e}){const t=(0,hooks_1.useTranslate)(),[r,n]=(0,react_1.useState)(!1),a=(0,react_1.useMemo)((()=>e.slice(0,MAX_EXAMPLE_LENGTH)),[e]);return(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:r?e:a}),(e!==a||r)&&(0,jsx_runtime_1.jsx)(ButtonWrap,{children:(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:"link",size:"small",onClick:()=>{n(!r)},children:r?t("openapi.hideExample","Hide example"):t("openapi.showExample","Show example")})})]})}const Container=(0,styled_components_1.default)(Fields_1.ExampleValue)`
   display: inline;
 
   & * {
     display: inline;
   }
-`,h=a.span`
+`,ButtonWrap=styled_components_1.default.span`
   margin-left: var(--spacing-xs);
-`;export{A as ExpandableExample};
+`;
+//# sourceMappingURL=ExpandableExample.js.map

package/lib/components/common/ExpandableExample/index.d.ts

@@ -1 +1 @@
-export { ExpandableExample } from './ExpandableExample.js';
+export { ExpandableExample } from './ExpandableExample';

package/lib/components/common/ExpandableExample/index.js

@@ -1 +1,2 @@
-import{ExpandableExample as p}from"./ExpandableExample.js";export{p as ExpandableExample};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExpandableExample=void 0;var ExpandableExample_1=require("./ExpandableExample");Object.defineProperty(exports,"ExpandableExample",{enumerable:!0,get:function(){return ExpandableExample_1.ExpandableExample}});
+//# sourceMappingURL=index.js.map

package/lib/components/common/Extensions.js

@@ -1,3 +1,4 @@
-import{jsxs as t,jsx as n}from"react/jsx-runtime";import{memo as i}from"react";import{useAtomValue as m}from"jotai";import{Markdown as p}from"@redocly/theme";import{ExtensionValue as e,FieldLabel as l}from"./index.js";import{globalOptionsAtom as a}from"../../jotai/store.js";import{styled as f}from"../../styled-components.js";const c=f(p)`
+"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"),index_1=require("./index"),store_1=require("../../jotai/store"),Extension=(0,styled_components_1.default)(theme_1.Markdown)`
   margin: 2px 0;
-`;function d({extensions:r}){const{showExtensions:s}=m(a);return s?n("div",{children:Object.keys(r).map(o=>t(c,{children:[t(l,{children:[o.substring(2),": "]})," ",n(e,{children:typeof r[o]=="string"?r[o]:JSON.stringify(r[o])})]},o))}):null}const w=i(d);export{w as Extensions};
+`;function ExtensionsComponent({extensions:e}){const{showExtensions:t}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return t?(0,jsx_runtime_1.jsx)("div",{children:Object.keys(e).map((t=>(0,jsx_runtime_1.jsxs)(Extension,{children:[(0,jsx_runtime_1.jsxs)(index_1.FieldLabel,{children:[t.substring(2),": "]})," ",(0,jsx_runtime_1.jsx)(index_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/common/Fields/fields-layout.d.ts

@@ -1,9 +1,15 @@
 export declare const getCssVariable: (variable: string) => string;
-export declare const PropertiesTableCaption: any;
-export declare const PropertyCell: any;
-export declare const PropertyCellWithInner: any;
-export declare const PropertyNameCell: any;
-export declare const PropertyDetailsCell: any;
-export declare const PropertyBullet: any;
-export declare const InnerPropertiesWrap: any;
-export declare const PropertiesTable: any;
+export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
+export declare const PropertyCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string;
+}, never>;
+export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", any, {
+    kind?: string;
+}, never>;
+export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string;
+}, never>;
+export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const PropertyBullet: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertiesTable: import("styled-components").StyledComponent<"table", any, {}, never>;

package/lib/components/common/Fields/fields-layout.js

@@ -1,19 +1,19 @@
-import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/theme";import{typography as n}from"../../../utils/index.js";import{deprecatedCss as l}from"../mixins.js";import{styled as a}from"../../../styled-components.js";const p=o=>typeof document<"u"?getComputedStyle(document.documentElement).getPropertyValue(o).trim():"",h=a.caption`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=exports.getCssVariable=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../../utils"),mixins_1=require("../mixins"),getCssVariable=e=>"undefined"!=typeof document?getComputedStyle(document.documentElement).getPropertyValue(e).trim():"";exports.getCssVariable=getCssVariable,exports.PropertiesTableCaption=styled_components_1.default.caption`
   text-align: right;
   font-size: 0.9em;
   font-weight: normal;
   color: var(--text-color-secondary);
-`,t=i`
+`;const repeatingGradient=styled_components_1.css`
   repeating-linear-gradient(0deg,
   var(--schemas-lines-color),
   var(--schemas-lines-color) 3px,
   transparent 3px,
   transparent 5px,
   var(--schemas-lines-color) 5px);
-`,d=a.td`
+`;exports.PropertyCell=styled_components_1.default.td`
   box-sizing: border-box;
   position: relative;
-  background-image: ${t};
+  background-image: ${repeatingGradient};
   background-repeat: no-repeat;
   background-size: 1px 100%;
   display: block;
@@ -21,7 +21,7 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
   padding: 0 20px;
   margin-bottom: 2px;
 
-  @media screen and (min-width: ${r.small}) {
+  @media screen and (min-width: ${theme_1.breakpoints.small}) {
     display: table-cell;
     overflow: initial;
     padding: 10px;
@@ -29,17 +29,17 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
   }
 
   tr:first-of-type > & {
-    background-image: ${t};
+    background-image: ${repeatingGradient};
     background-position: 0 10px;
     padding-top: 0;
   }
 
   tr.last > & {
-    background-image: ${t};
+    background-image: ${repeatingGradient};
     padding-bottom: 0;
     background-size: 0.9px 100%;
 
-    @media screen and (min-width: ${r.small}) {
+    @media screen and (min-width: ${theme_1.breakpoints.small}) {
       background-size: 0.9px 22px;
     }
   }
@@ -49,18 +49,18 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
   }
 
   tr.last:first-child > & {
-    background-image: ${t};
+    background-image: ${repeatingGradient};
     background-size: 0.9px 100%;
     background-position: 0 20px;
 
-    @media screen and (min-width: ${r.small}) {
+    @media screen and (min-width: ${theme_1.breakpoints.small}) {
       background-size: 0.9px 22px;
       background-position: 0 0;
     }
   }
-`,x=a(d)`
+`,exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)`
   padding: 0;
-`,u=a(d)`
+`,exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)`
   vertical-align: top;
   line-height: 23px;
   white-space: nowrap;
@@ -68,10 +68,10 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
   font-family: var(--field-name-font-family);
 
   &.deprecated {
-    ${l};
+    ${mixins_1.deprecatedCss};
   }
 
-  ${({kind:o})=>o==="patternProperties"&&i`
+  ${({kind:e})=>"patternProperties"===e&&styled_components_1.css`
       span.field-name {
         white-space: break-spaces;
         text-align: left;
@@ -80,24 +80,16 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
       }
     `}
 
-  ${()=>{const o=p("--schema-field-name-word-break");if(["break-all","break-word"].includes(o)){const s=`
-      && span:last-child {
-        white-space: normal;
-        word-break: ${o};
-        vertical-align: top;
-        max-width: calc(100% - 21px);
-        display: inline-flex;
-      }
-    `;return i`
-        ${n("schemas-property-name")}
-        ${s}
-      `}return n("schemas-property-name")}};
+  ${()=>{const e=(0,exports.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\n      && span:last-child {\n        white-space: normal;\n        word-break: ${e};\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    `;return styled_components_1.css`
+        ${(0,utils_1.typography)("schemas-property-name")}
+        ${r}
+      `}return(0,utils_1.typography)("schemas-property-name")}};
 
   .field-name {
     display: inline-flex;
     align-items: center;
   }
-`,$=a.td`
+`,exports.PropertyDetailsCell=styled_components_1.default.td`
   box-sizing: border-box;
   vertical-align: top;
 
@@ -129,12 +121,12 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
   width: var(--schema-default-details-width);
   min-width: 200px;
 
-  @media screen and (min-width: ${r.small}) {
+  @media screen and (min-width: ${theme_1.breakpoints.small}) {
     border-bottom: 1px solid var(--border-color-primary);
     border-left: none;
     padding: 10px 0;
   }
-`,k=a.span`
+`,exports.PropertyBullet=styled_components_1.default.span`
   margin-right: 10px;
   color: var(--schemas-lines-color);
   font-family: var(--code-font-family);
@@ -142,7 +134,7 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
   border-left: 1px dashed var(--schemas-lines-color);
   padding: 5px 10px;
 
-  @media screen and (min-width: ${r.small}) {
+  @media screen and (min-width: ${theme_1.breakpoints.small}) {
     border-left: none;
     padding: 10px;
   }
@@ -155,16 +147,16 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
     height: 1px;
     background: var(--schemas-lines-color);
   }
-`,e=a.div`
+`,exports.InnerPropertiesWrap=styled_components_1.default.div`
   padding: var(--schema-nested-offset);
-`,v=a.table`
+`,exports.PropertiesTable=styled_components_1.default.table`
   border-collapse: separate;
   border-radius: var(--border-radius);
   width: 100%;
   font-size: var(--font-size-base);
   display: block;
 
-  @media screen and (min-width: ${r.small}) {
+  @media screen and (min-width: ${theme_1.breakpoints.small}) {
     display: table;
   }
 
@@ -174,7 +166,7 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
     margin-bottom: 10px;
     border-spacing: 0;
 
-    @media screen and (min-width: ${r.small}) {
+    @media screen and (min-width: ${theme_1.breakpoints.small}) {
       display: table-row;
       margin-bottom: 0;
       border-spacing: 0 2px;
@@ -185,7 +177,7 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
     vertical-align: middle;
   }
 
-  @media screen and (max-width: ${r.small}) and (-ms-high-contrast: none) {
+  @media screen and (max-width: ${theme_1.breakpoints.small}) and (-ms-high-contrast: none) {
     td {
       float: left;
       width: 100%;
@@ -193,17 +185,17 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
   }
 
   &
-    ${e},
+    ${exports.InnerPropertiesWrap},
     &
-    ${e}
-    ${e}
-    ${e},
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap},
     &
-    ${e}
-    ${e}
-    ${e}
-    ${e}
-    ${e} {
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap} {
     margin-left: var(--schema-nested-offset);
     margin-bottom: var(--schema-nested-offset);
     background: var(--schema-nested-background-color);
@@ -211,20 +203,21 @@ import{css as i}from"styled-components";import{breakpoints as r}from"@redocly/th
   }
 
   &
-    ${e}
-    ${e},
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap},
     &
-    ${e}
-    ${e}
-    ${e}
-    ${e},
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap},
     &
-    ${e}
-    ${e}
-    ${e}
-    ${e}
-    ${e}
-    ${e} {
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap}
+    ${exports.InnerPropertiesWrap} {
     background: var(--panel-bg-color, #fff);
   }
-`;export{e as InnerPropertiesWrap,v as PropertiesTable,h as PropertiesTableCaption,k as PropertyBullet,d as PropertyCell,x as PropertyCellWithInner,$ as PropertyDetailsCell,u as PropertyNameCell,p as getCssVariable};
+`;
+//# sourceMappingURL=fields-layout.js.map