@redocly/openapi-docs 3.11.0-next.9 → 3.11.0-rc.1

package/lib/components/TagItem/TagItem.js

@@ -1,22 +1,24 @@
-import{jsx as n,jsxs as a}from"react/jsx-runtime";import{memo as h,useCallback as v}from"react";import{breakpoints as f,Button as x,H2 as b,LayoutVariant as k,LinkIcon as w}from"@redocly/theme";import{useNavigate as y}from"react-router-dom";import{useAtomValue as S}from"jotai";import{Row as C,SamplesMiddlePanel as j,ShareLink as T}from"../common/index.js";import{Markdown as $}from"../Markdown/index.js";import{OperationsNavigation as A}from"./OperationsNavigation.js";import{layoutAtom as I}from"../../jotai/app.js";import{useTranslate as L}from"../../hooks/index.js";import{styled as r}from"../../styled-components.js";function B({item:t,routingBasePath:o="",isExpanded:e}){const l=L(),{description:p,name:m,href:d}=t,s=y(),c=S(I),g=v(()=>{s(o+t.href)},[t.href,s,o]),i=!!t.items.length,u=c===k.STACKED;return a(H,{expanded:e,children:[a(C,{layout:c,children:[a(j,{fullWidth:!i,isStacked:u,children:[a(N,{children:[n(T,{to:d,"aria-label":`link to ${m}`}),m]}),n($,{source:p})]}),i&&n(A,{items:t.items,routingBasePath:o})]}),i&&!e&&a(M,{type:"button",variant:"text",size:"medium",onClick:g,children:["+ ",l("openapi.actions.show","Show")]})]})}const G=h(B),H=r.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItem=void 0,exports.TagItemComponent=TagItemComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),common_1=require("../common"),Markdown_1=require("../Markdown"),OperationsNavigation_1=require("./OperationsNavigation"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const r=(0,hooks_1.useTranslate)(),{description:o,name:i,href:n}=e,s=(0,react_router_dom_1.useNavigate)(),m=(0,jotai_1.useAtomValue)(app_1.layoutAtom),_=(0,react_1.useCallback)((()=>{s(t+e.href)}),[e.href,s,t]),u=Boolean(e.items.length),d=m===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsxs)(Wrapper,{expanded:a,children:[(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:m,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!u,isStacked:d,children:[(0,jsx_runtime_1.jsxs)(Heading,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:n,"aria-label":`link to ${i}`}),i]}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:o})]}),u&&(0,jsx_runtime_1.jsx)(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})]}),u&&!a&&(0,jsx_runtime_1.jsxs)(ShowButton,{type:"button",variant:"text",size:"medium",onClick:_,children:["+ ",r("openapi.actions.show","Show")]})]})}exports.TagItem=(0,react_1.memo)(TagItemComponent);const Wrapper=styled_components_1.default.div`
   padding-top: var(--spacing-lg);
-  padding-bottom: ${({expanded:t})=>t?"var(--spacing-xxl)":""};
-`,M=r(x)`
+  padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
+`,ShowButton=(0,styled_components_1.default)(theme_1.Button)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 
-  @media screen and (min-width: ${f.medium}) {
+  @media screen and (min-width: ${theme_1.breakpoints.medium}) {
     --button-margin-md: calc(var(--spacing-xl) * 2);
 
     margin-left: var(--button-margin-md);
     margin-right: var(--button-margin-md);
     width: calc(100% - var(--button-margin-md) * 2);
   }
-`,N=r(b)`
+`,Heading=(0,styled_components_1.default)(theme_1.H2)`
   :hover {
-    ${w} {
+    ${theme_1.LinkIcon} {
       opacity: 1;
       visibility: visible;
     }
   }
-`;export{G as TagItem,B as TagItemComponent};
+  overflow-wrap: break-word;
+`;
+//# sourceMappingURL=TagItem.js.map

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

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

package/lib/components/TagItem/index.js

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

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

@@ -1 +1 @@
-export declare const StyledButton: any;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps, never>;

package/lib/components/TagItem/styled.js

@@ -1,5 +1,6 @@
-import{Button as t}from"@redocly/theme";import{styled as o}from"../../styled-components.js";const e=o(t)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledButton=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.StyledButton=(0,styled_components_1.default)(theme_1.Button)`
   & + & {
     margin-left: 0;
   }
-`;export{e as StyledButton};
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -1,4 +1,4 @@
-import type { OperationMenuItem } from '../../models/index.js';
+import type { OperationMenuItem } from '../../models';
 export type OperationsNavigationProps = {
     items: OperationMenuItem[];
     routingBasePath: string;

package/lib/components/TagItem/types.js

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

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>;