@redocly/openapi-docs 3.11.0-rc.2 → 3.11.0

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

@@ -1,19 +1,19 @@
-"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`
+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`
   text-align: right;
   font-size: 0.9em;
   font-weight: normal;
   color: var(--text-color-secondary);
-`;const repeatingGradient=styled_components_1.css`
+`,t=i`
   repeating-linear-gradient(0deg,
   var(--schemas-lines-color),
   var(--schemas-lines-color) 3px,
   transparent 3px,
   transparent 5px,
   var(--schemas-lines-color) 5px);
-`;exports.PropertyCell=styled_components_1.default.td`
+`,d=a.td`
   box-sizing: border-box;
   position: relative;
-  background-image: ${repeatingGradient};
+  background-image: ${t};
   background-repeat: no-repeat;
   background-size: 1px 100%;
   display: block;
@@ -21,7 +21,7 @@
   padding: 0 20px;
   margin-bottom: 2px;
 
-  @media screen and (min-width: ${theme_1.breakpoints.small}) {
+  @media screen and (min-width: ${r.small}) {
     display: table-cell;
     overflow: initial;
     padding: 10px;
@@ -29,17 +29,17 @@
   }
 
   tr:first-of-type > & {
-    background-image: ${repeatingGradient};
+    background-image: ${t};
     background-position: 0 10px;
     padding-top: 0;
   }
 
   tr.last > & {
-    background-image: ${repeatingGradient};
+    background-image: ${t};
     padding-bottom: 0;
     background-size: 0.9px 100%;
 
-    @media screen and (min-width: ${theme_1.breakpoints.small}) {
+    @media screen and (min-width: ${r.small}) {
       background-size: 0.9px 22px;
     }
   }
@@ -49,18 +49,18 @@
   }
 
   tr.last:first-child > & {
-    background-image: ${repeatingGradient};
+    background-image: ${t};
     background-size: 0.9px 100%;
     background-position: 0 20px;
 
-    @media screen and (min-width: ${theme_1.breakpoints.small}) {
+    @media screen and (min-width: ${r.small}) {
       background-size: 0.9px 22px;
       background-position: 0 0;
     }
   }
-`,exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)`
+`,x=a(d)`
   padding: 0;
-`,exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)`
+`,u=a(d)`
   vertical-align: top;
   line-height: 23px;
   white-space: nowrap;
@@ -68,10 +68,10 @@
   font-family: var(--field-name-font-family);
 
   &.deprecated {
-    ${mixins_1.deprecatedCss};
+    ${l};
   }
 
-  ${({kind:e})=>"patternProperties"===e&&styled_components_1.css`
+  ${({kind:o})=>o==="patternProperties"&&i`
       span.field-name {
         white-space: break-spaces;
         text-align: left;
@@ -80,16 +80,24 @@
       }
     `}
 
-  ${()=>{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")}};
+  ${()=>{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")}};
 
   .field-name {
     display: inline-flex;
     align-items: center;
   }
-`,exports.PropertyDetailsCell=styled_components_1.default.td`
+`,$=a.td`
   box-sizing: border-box;
   vertical-align: top;
 
@@ -121,12 +129,12 @@
   width: var(--schema-default-details-width);
   min-width: 200px;
 
-  @media screen and (min-width: ${theme_1.breakpoints.small}) {
+  @media screen and (min-width: ${r.small}) {
     border-bottom: 1px solid var(--border-color-primary);
     border-left: none;
     padding: 10px 0;
   }
-`,exports.PropertyBullet=styled_components_1.default.span`
+`,k=a.span`
   margin-right: 10px;
   color: var(--schemas-lines-color);
   font-family: var(--code-font-family);
@@ -134,7 +142,7 @@
   border-left: 1px dashed var(--schemas-lines-color);
   padding: 5px 10px;
 
-  @media screen and (min-width: ${theme_1.breakpoints.small}) {
+  @media screen and (min-width: ${r.small}) {
     border-left: none;
     padding: 10px;
   }
@@ -147,16 +155,16 @@
     height: 1px;
     background: var(--schemas-lines-color);
   }
-`,exports.InnerPropertiesWrap=styled_components_1.default.div`
+`,e=a.div`
   padding: var(--schema-nested-offset);
-`,exports.PropertiesTable=styled_components_1.default.table`
+`,v=a.table`
   border-collapse: separate;
   border-radius: var(--border-radius);
   width: 100%;
   font-size: var(--font-size-base);
   display: block;
 
-  @media screen and (min-width: ${theme_1.breakpoints.small}) {
+  @media screen and (min-width: ${r.small}) {
     display: table;
   }
 
@@ -166,7 +174,7 @@
     margin-bottom: 10px;
     border-spacing: 0;
 
-    @media screen and (min-width: ${theme_1.breakpoints.small}) {
+    @media screen and (min-width: ${r.small}) {
       display: table-row;
       margin-bottom: 0;
       border-spacing: 0 2px;
@@ -177,7 +185,7 @@
     vertical-align: middle;
   }
 
-  @media screen and (max-width: ${theme_1.breakpoints.small}) and (-ms-high-contrast: none) {
+  @media screen and (max-width: ${r.small}) and (-ms-high-contrast: none) {
     td {
       float: left;
       width: 100%;
@@ -185,17 +193,17 @@
   }
 
   &
-    ${exports.InnerPropertiesWrap},
+    ${e},
     &
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap},
+    ${e}
+    ${e}
+    ${e},
     &
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap} {
+    ${e}
+    ${e}
+    ${e}
+    ${e}
+    ${e} {
     margin-left: var(--schema-nested-offset);
     margin-bottom: var(--schema-nested-offset);
     background: var(--schema-nested-background-color);
@@ -203,21 +211,20 @@
   }
 
   &
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap},
+    ${e}
+    ${e},
     &
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap},
+    ${e}
+    ${e}
+    ${e}
+    ${e},
     &
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap}
-    ${exports.InnerPropertiesWrap} {
+    ${e}
+    ${e}
+    ${e}
+    ${e}
+    ${e}
+    ${e} {
     background: var(--panel-bg-color, #fff);
   }
-`;
-//# sourceMappingURL=fields-layout.js.map
+`;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};

package/lib/components/common/Fields/fields.d.ts

@@ -1,38 +1,17 @@
-export declare const FieldLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TypePrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TypeName: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TypeTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RequiredLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const AdditionalPropertiesLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Tag: import("styled-components").StyledComponent<"span", any, {
-    className: "tag-grey";
-}, "className">;
-export declare const AccessLabel: import("styled-components").StyledComponent<"span", any, {
-    className: "tag-grey";
-}, "className">;
-export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {
-    className: "tag-grey";
-}, "className">;
-export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {
-    className: "tag-grey";
-}, "className">;
-export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {
-    className: "tag-grey";
-}, "className">;
-export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {
-    className: "tag-grey";
-}, "className">;
-export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {
-    className: "tag-grey";
-}, "className">;
-export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {
-    className: "tag-grey";
-}, "className">;
-export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {
-    className: "tag-grey";
-}, "className">;
-export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
-    variant: "link";
-    size: "small";
-}, "variant" | "size">;
+export declare const FieldLabel: any;
+export declare const TypePrefix: any;
+export declare const TypeName: any;
+export declare const TypeTitle: any;
+export declare const PropertyLabel: any;
+export declare const RequiredLabel: any;
+export declare const AdditionalPropertiesLabel: any;
+export declare const Tag: any;
+export declare const AccessLabel: any;
+export declare const FieldValueLabel: any;
+export declare const RecursiveLabel: any;
+export declare const EnumValue: any;
+export declare const DefaultValue: any;
+export declare const ExampleValue: any;
+export declare const ExtensionValue: any;
+export declare const ConstraintItem: any;
+export declare const ToggleButton: any;

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

@@ -1,28 +1,28 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.Tag=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.FieldLabel=styled_components_1.default.span`
+import{Button as t}from"@redocly/theme";import{styled as r}from"../../../styled-components.js";const o=r.span`
   vertical-align: middle;
   line-height: var(--schema-labels-line-height);
   font-size: var(--schema-property-labels-font-size);
   color: var(--schema-labels--text-color);
-`,exports.TypePrefix=(0,styled_components_1.default)(exports.FieldLabel)`
+`,i=r(o)`
   color: var(--schema-type-text-color);
-`,exports.TypeName=(0,styled_components_1.default)(exports.FieldLabel)`
+`,d=r(o)`
   color: var(--schema-type-text-color);
-`,exports.TypeTitle=(0,styled_components_1.default)(exports.FieldLabel)`
+`,m=r(o)`
   color: var(--schema-type-title-text-color);
   word-break: break-word;
-`,exports.PropertyLabel=(0,styled_components_1.default)(exports.FieldLabel.withComponent("div"))`
+`,c=r(o).attrs({as:"div"})`
   color: var(--text-color-secondary);
   font-size: var(--schema-labels-font-size);
   line-height: var(--schema-labels-line-height);
   font-weight: normal;
   display: block;
-`,exports.RequiredLabel=(0,styled_components_1.default)(exports.FieldLabel)`
+`,p=r(o)`
   color: var(--schema-property-required-label-text-color);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-`,exports.AdditionalPropertiesLabel=(0,styled_components_1.default)(exports.PropertyLabel)`
+`,b=r(c)`
   color: var(--schema-property-additional-label-text-color);
-`,exports.Tag=styled_components_1.default.span.attrs((()=>({className:"tag-grey"})))`
+`,e=r.span.attrs(()=>({className:"tag-grey"}))`
   background: var(--tag-bg-color);
   padding: 0 var(--spacing-xxs);
   font-family: var(--font-family-monospaced);
@@ -32,30 +32,30 @@
   color: var(--text-color-secondary);
   display: inline-flex;
   word-break: var(--code-word-break);
-`,exports.AccessLabel=(0,styled_components_1.default)(exports.Tag)`
+`,v=r(e)`
   color: var(--schema-property-access-label-text-color);
   background-color: var(--bg-color);
   border: 1px solid var(--border-color-secondary);
-`,exports.FieldValueLabel=(0,styled_components_1.default)(exports.Tag)`
+`,a=r(e)`
   background-color: var(--schema-inline-bg-color);
   border-radius: var(--border-radius);
   border: var(--schema-inline-border);
   padding: 0 var(--spacing-unit);
   width: fit-content;
-`,exports.RecursiveLabel=(0,styled_components_1.default)(exports.Tag)`
+`,h=r(e)`
   background-color: var(--schema-recursive-bg-color);
   border-color: var(--schema-recursive-border-color);
   color: var(--schema-recursive-text-color);
   padding: 0 var(--spacing-xs);
-`,exports.EnumValue=(0,styled_components_1.default)(exports.FieldValueLabel)`
+`,g=r(a)`
   background-color: var(--schema-enum-bg-color);
   border-color: var(--schema-enum-border-color);
   color: var(--schema-enum-text-color);
-`,exports.DefaultValue=(0,styled_components_1.default)(exports.Tag)`
+`,x=r(e)`
   background-color: var(--schema-default-bg-color);
   border-color: var(--schema-default-border-color);
   color: var(--schema-default-text-color);
-`,exports.ExampleValue=(0,styled_components_1.default)(exports.Tag)`
+`,l=r(e)`
   background-color: var(--schema-example-bg-color);
   border-color: var(--schema-example-border-color);
   color: var(--schema-example-text-color);
@@ -75,7 +75,7 @@
     font-family: var(--schema-inline-code-font-family);
     margin: 0;
   }
-`,exports.ExtensionValue=(0,styled_components_1.default)(exports.ExampleValue)``,exports.ConstraintItem=(0,styled_components_1.default)(exports.FieldValueLabel)`
+`,f=r(l)``,u=r(a)`
   background-color: var(--schema-constraint-bg-color);
   border-color: var(--schema-constraint-border-color);
   color: var(--schema-constraint-text-color);
@@ -85,9 +85,8 @@
   & + & {
     margin-left: 0;
   }
-`,exports.ToggleButton=(0,styled_components_1.default)(theme_1.Button).attrs((()=>({variant:"link",size:"small"})))`
+`,y=r(t).attrs(()=>({variant:"link",size:"small"}))`
   padding: 0;
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-`;
-//# sourceMappingURL=fields.js.map
+`;export{v as AccessLabel,b as AdditionalPropertiesLabel,u as ConstraintItem,x as DefaultValue,g as EnumValue,l as ExampleValue,f as ExtensionValue,o as FieldLabel,a as FieldValueLabel,c as PropertyLabel,h as RecursiveLabel,p as RequiredLabel,e as Tag,y as ToggleButton,d as TypeName,i as TypePrefix,m as TypeTitle};

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

@@ -1,2 +1,2 @@
-export * from './fields';
-export * from './fields-layout';
+export * from './fields.js';
+export * from './fields-layout.js';

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

@@ -1,2 +1 @@
-"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("./fields"),exports),__exportStar(require("./fields-layout"),exports);
-//# sourceMappingURL=index.js.map
+export*from"./fields.js";export*from"./fields-layout.js";

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

@@ -1,13 +1,10 @@
 import type { PropsWithChildren, ReactElement } from 'react';
-import type { FieldModel } from '../../models';
-import { ShareLink } from './linkify';
+import type { FieldModel } from '../../models/types.js';
 interface LinkToFieldProps {
     className?: string;
     to?: string;
 }
 export declare function generateDeepLink(field: FieldModel, activeMimeName?: string): string;
 export declare const LinkToField: ({ to, className, }: PropsWithChildren<LinkToFieldProps>) => ReactElement | null;
-export declare const ShareLinkToField: import("styled-components").StyledComponent<typeof ShareLink, any, {
-    isActive: boolean;
-}, never>;
+export declare const ShareLinkToField: any;
 export {};

package/lib/components/common/LinkToField.js

@@ -1,20 +1,19 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var o=Object.getOwnPropertyDescriptor(t,i);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,o)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),__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 i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=void 0,exports.generateDeepLink=generateDeepLink;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),services_1=require("../../services"),helpers_1=require("../../services/history/helpers"),linkify_1=require("./linkify");function generateDeepLink(e,t){const i=e.deps.operation,r=(0,helpers_1.constructFieldDeepFragment)(e,t);if(!(null==i?void 0:i.id)&&!i.isCallback)return"#"+r.toLowerCase();const o=(0,services_1.joinWithSeparator)(i.href,(0,services_1.joinWithSeparator)(i.id,r),"#");return(0,utils_1.encodeBackSlashes)(o.toLowerCase())}const LinkToField=({to:e,className:t})=>{const i=e,r=(0,react_router_dom_1.useLocation)(),o=null==i?void 0:i.split("#")[1],n=!!r&&r.hash===`#${o}`;return(0,jsx_runtime_1.jsx)(exports.ShareLinkToField,{ariaLabel:`link  to ${i}`,className:t,isActive:n,to:i,id:o})};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(linkify_1.ShareLink)`
+import{jsx as c}from"react/jsx-runtime";import{css as p}from"styled-components";import{useLocation as l}from"react-router-dom";import{LinkIcon as r}from"@redocly/theme";import{encodeBackSlashes as m}from"../../utils/string.js";import{constructFieldDeepFragment as d,joinWithSeparator as n}from"../../services/history/helpers.js";import{ShareLink as f}from"./linkify.js";import{styled as h}from"../../styled-components.js";function F(i,s){const o=i.deps.operation,e=d(i,s);if(!o?.id&&!o.isCallback)return"#"+e.toLowerCase();const t=n(o.href,n(o.id,e),"#");return m(t.toLowerCase())}const S=({to:i,className:s})=>{const o=i,e=l(),t=o?.split("#")[1],a=e?e.hash===`#${t}`:!1;return c(k,{ariaLabel:`link  to ${o}`,className:s,isActive:a,to:o,id:t})},k=h(f)`
   display: flex;
-  ${theme_1.LinkIcon} {
+  ${r} {
     visibility: hidden;
     cursor: pointer;
     background-color: var(--bg-color);
   }
 
-  ${({isActive:e})=>e&&styled_components_1.css`
-      ${theme_1.LinkIcon} {
+  ${({isActive:i})=>i&&p`
+      ${r} {
         visibility: visible;
         opacity: 1;
       }
     `}
-  :hover ${theme_1.LinkIcon}, :focus ${theme_1.LinkIcon} {
+  :hover ${r}, :focus ${r} {
     visibility: visible;
     opacity: 1;
   }
-`;
-//# sourceMappingURL=LinkToField.js.map
+`;export{S as LinkToField,k as ShareLinkToField,F as generateDeepLink};

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

@@ -1,2 +1,2 @@
-export declare const Title: import("styled-components").StyledComponent<"h4", any, {}, never>;
-export declare const Heading: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const Title: any;
+export declare const Heading: any;

package/lib/components/common/OperationItemTitle.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.Heading=exports.Title=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.Title=styled_components_1.default.h4`
+import{LinkIcon as i,H2 as t}from"@redocly/theme";import{styled as e}from"../../styled-components.js";const r=e.h4`
   font-size: var(--h4-font-size);
   font-weight: var(--h4-font-weight);
   line-height: var(--h4-line-height);
@@ -11,12 +11,12 @@
   position: relative;
 
   :hover {
-    ${theme_1.LinkIcon} {
+    ${i} {
       opacity: 1;
       visibility: visible;
     }
   }
-`,exports.Heading=(0,styled_components_1.default)(theme_1.H2)`
+`,a=e(t)`
   position: relative;
   display: flex;
   align-items: center;
@@ -24,10 +24,9 @@
   flex-wrap: wrap;
 
   :hover {
-    ${theme_1.LinkIcon} {
+    ${i} {
       opacity: 1;
       visibility: visible;
     }
   }
-`;
-//# sourceMappingURL=OperationItemTitle.js.map
+`;export{a as Heading,r as Title};

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

@@ -1,5 +1,5 @@
 import type { SelectOption } from '@redocly/theme';
-import type { SchemaModel } from '../../../models';
+import type { SchemaModel } from '../../../models/index.js';
 interface SchemaSelectionProps {
     options: SelectOption<number>[];
     onChange?: (idx: number) => void;

package/lib/components/common/SchemaSelection/SchemaSelection.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaSelection=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),Dropdown_1=require("../Dropdown"),operation_1=require("../../../jotai/operation"),LIMIT_FOR_SEGMENTED=5;function SchemaSelectionComponent({options:e,onChange:t,pointer:o,schema:n,defaultOneOfIdx:r}){var i,a;const[l,s]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(o)),u=null===(a=e[null!==(i=l.activeOneOf[n.pointer])&&void 0!==i?i:r])||void 0===a?void 0:a.value,[c,d]=(0,react_1.useState)(!1),_=(0,react_1.useRef)(null);(0,react_1.useEffect)((()=>{if(!_.current)return;const e=()=>{var e;const t=null===(e=_.current)||void 0===e?void 0:e.querySelectorAll('button[role="tab"]'),o=Array.from(t||[]).some((e=>e.offsetWidth<e.scrollWidth));o!==c&&d(o)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[c,e]);const m=(0,react_1.useCallback)((({value:e})=>{var o,r;void 0!==e&&(t?t(e):s({activeExampleName:null===(r=null===(o=n.oneOf)||void 0===o?void 0:o[e])||void 0===r?void 0:r.title,activeOneOf:{[n.pointer]:e},requestValues:{body:null}}))}),[t,n.oneOf,n.pointer,s]);return(0,theme_1.isUndefined)(u)?null:e.length>LIMIT_FOR_SEGMENTED||c?(0,jsx_runtime_1.jsx)(Dropdown_1.Dropdown,{options:e,value:u,onChange:m}):(0,jsx_runtime_1.jsx)(theme_1.Segmented,{ref:_,value:u,onChange:m,options:e,size:"small","data-testid":"segmented-schema"})}exports.SchemaSelection=SchemaSelectionComponent;
-//# sourceMappingURL=SchemaSelection.js.map
+import{jsx as u}from"react/jsx-runtime";import{useCallback as E,useEffect as I,useRef as T,useState as g}from"react";import{useAtom as h}from"jotai";import{Segmented as w,isUndefined as x}from"@redocly/theme";import{Dropdown as y}from"../Dropdown/index.js";import{operationStore as A}from"../../../jotai/operation.js";const b=5;function z({options:t,onChange:r,pointer:m,schema:n,defaultOneOfIdx:d}){const[p,c]=h(A(m)),S=p.activeOneOf[n.pointer]??d,o=t[S]?.value,[i,O]=g(!1),s=T(null);I(()=>{if(!s.current)return;const e=()=>{const v=s.current?.querySelectorAll('button[role="tab"]'),a=Array.from(v||[]).some(l=>l.offsetWidth<l.scrollWidth);a!==i&&O(a)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[i,t]);const f=E(({value:e})=>{e!==void 0&&(r?r(e):c({activeExampleName:n.oneOf?.[e]?.title,activeOneOf:{[n.pointer]:e},requestValues:{body:null}}))},[r,n.oneOf,n.pointer,c]);return x(o)?null:t.length>b||i?u(y,{options:t,value:o,onChange:f}):u(w,{ref:s,value:o,onChange:f,options:t,size:"small","data-testid":"segmented-schema"})}const q=z;export{q as SchemaSelection};

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

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

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

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

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

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

package/lib/components/common/Select/Select.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Select=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ClearButton_1=require("../ClearButton"),utils_1=require("../../../utils"),styled_1=require("./styled");function SelectComponent({options:e,onChange:t,handleClear:r,clearable:l,placeholder:n,value:s="",className:o}){var i;const a=(0,react_1.useMemo)((()=>e.map((({idx:e,value:t,title:r},l)=>{const n=(0,utils_1.normalizeText)(t);return(0,jsx_runtime_1.jsx)("option",{value:n,className:"dropdown-option",children:r||n},e||n+l)}))),[e]),u=(0,utils_1.normalizeText)(s),d=(null===(i=e.find((e=>e.value===s)))||void 0===i?void 0:i.title)||u;return(0,jsx_runtime_1.jsxs)("div",{className:o+" dropdown-wrapper",children:[(0,jsx_runtime_1.jsx)(styled_1.Arrow,{}),l&&(null==u?void 0:u.length)>0&&(0,jsx_runtime_1.jsx)(ClearButton_1.ClearButton,{handleClear:r}),(0,jsx_runtime_1.jsxs)("select",{onChange:r=>{const{selectedIndex:l}=r.target;t(e[n||!s?l-1:l])},value:u,className:"dropdown-select","aria-label":"dropdown select",children:[n&&(0,jsx_runtime_1.jsx)("option",{disabled:!0,hidden:!0,value:n,children:n}),!u&&!n&&(0,jsx_runtime_1.jsx)("option",{disabled:!0}),a]}),(0,jsx_runtime_1.jsx)("label",{children:d})]})}exports.Select=(0,react_1.memo)(SelectComponent);
-//# sourceMappingURL=Select.js.map
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as b,useMemo as g}from"react";import{ClearButton as j}from"../ClearButton/index.js";import{normalizeText as m}from"../../../utils/index.js";import{Arrow as v}from"./styled.js";function z({options:o,onChange:c,handleClear:p,clearable:u,placeholder:n,value:a="",className:x}){const f=t=>{const{selectedIndex:s}=t.target,l=n||!a?s-1:s;c(o[l])},h=g(()=>o.map(({idx:t,value:s,title:l},C)=>{const d=m(s);return e("option",{value:d,className:"dropdown-option",children:l||d},t||d+C)}),[o]),r=m(a),w=o.find(t=>t.value===a)?.title||r;return i("div",{className:x+" dropdown-wrapper",children:[e(v,{}),u&&r?.length>0&&e(j,{handleClear:p}),i("select",{onChange:f,value:r,className:"dropdown-select","aria-label":"dropdown select",children:[n&&e("option",{disabled:!0,hidden:!0,value:n,children:n}),!r&&!n&&e("option",{disabled:!0}),h]}),e("label",{children:w})]})}const B=b(z);export{B as Select};

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

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

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

@@ -1,2 +1 @@
-"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
+export*from"./styled.js";export*from"./types.js";

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

@@ -1,22 +1,4 @@
-import type { SelectProps } from './types';
-export declare const Select: import("styled-components").StyledComponent<import("react").NamedExoticComponent<SelectProps>, any, SelectProps & {
-    fullWidth?: boolean;
-    variant?: "dark" | "light";
-}, never>;
-export declare const SimpleSelect: import("styled-components").StyledComponent<import("react").NamedExoticComponent<SelectProps>, any, SelectProps & {
-    fullWidth?: boolean;
-    variant?: "dark" | "light";
-}, never>;
-export declare const CollapsingSelect: import("styled-components").StyledComponent<import("react").NamedExoticComponent<SelectProps>, any, SelectProps & {
-    fullWidth?: boolean;
-    variant?: "dark" | "light";
-} & {
-    active?: boolean;
-}, never>;
-export declare const Arrow: import("styled-components").StyledComponent<(props: import("@redocly/theme/lib/icons/types").IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
-    color?: string;
-    size?: string;
-    className?: string;
-} & import("react").SVGProps<SVGSVGElement>, "data-component-name">;
+export declare const Select: any;
+export declare const SimpleSelect: any;
+export declare const CollapsingSelect: any;
+export declare const Arrow: any;