@redocly/openapi-docs 0.0.0-new-redoc-20240202162301

package/lib/components/Tabs/Tab.js

@@ -0,0 +1,27 @@
+"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.Tab=void 0;const styled_components_1=__importStar(require("styled-components"));exports.Tab=styled_components_1.default.li`
+  display: inline-flex;
+  align-items: center;
+  list-style: none;
+  cursor: pointer;
+
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-base);
+  font-weight: var(--font-weight-regular);
+  background-color: transparent;
+  border-radius: var(--border-radius);
+  padding: 0 var(--spacing-sm);
+  line-height: var(--line-height-base);
+  height: 24px;
+
+  ${({$active:e})=>e?styled_components_1.css`
+          color: var(--text-color-secondary);
+          background-color: var(--tab-bg-color-filled);
+        `:styled_components_1.css`
+          &:hover {
+            color: var(--text-color-primary);
+            background-color: var(--bg-color-raised);
+          }
+        `}
+`;
+//# sourceMappingURL=Tab.js.map

package/lib/components/Tabs/TabContent.d.ts

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

package/lib/components/Tabs/TabContent.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabContent=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.TabContent=styled_components_1.default.div``;
+//# sourceMappingURL=TabContent.js.map

package/lib/components/Tabs/TabList.d.ts

@@ -0,0 +1 @@
+export declare const TabList: import("styled-components").StyledComponent<"ol", any, {}, never>;

package/lib/components/Tabs/TabList.js

@@ -0,0 +1,8 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabList=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.TabList=styled_components_1.default.ol`
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+`;
+//# sourceMappingURL=TabList.js.map

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

@@ -0,0 +1,4 @@
+export * from './Tab';
+export * from './TabList';
+export * from './TabContent';
+export * from './useTabs';

package/lib/components/Tabs/index.js

@@ -0,0 +1,2 @@
+"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("./Tab"),exports),__exportStar(require("./TabList"),exports),__exportStar(require("./TabContent"),exports),__exportStar(require("./useTabs"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/Tabs/useTabs.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { TabType } from '../../models/tab';
+interface UseTabsProps {
+    tabs: TabType[];
+    defaultTab?: TabType;
+}
+interface TabContentProps {
+    value: string;
+    children: ReactNode;
+}
+export declare const useTabs: ({ tabs, defaultTab }: UseTabsProps) => {
+    TabList: () => React.JSX.Element;
+    TabContent: ({ children, value }: TabContentProps) => React.JSX.Element;
+    activeTab: TabType;
+    onChangeTab: (tab: TabType) => void;
+};
+export {};

package/lib/components/Tabs/useTabs.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabs=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),TabContent_1=require("./TabContent"),TabList_1=require("./TabList"),Tab_1=require("./Tab"),useTabs=({tabs:e,defaultTab:t})=>{const[a,r]=(0,react_1.useState)(t||e[0]);(0,theme_1.useMount)((()=>{t&&r(t)}));const n=(0,react_1.useCallback)((e=>{a.key!==e.key&&r(e)}),[a]);return{TabList:(0,react_1.useCallback)((()=>react_1.default.createElement(TabList_1.TabList,null,e.map((e=>react_1.default.createElement(Tab_1.Tab,{key:e.key,$active:e.key===a.key,onClick:()=>n(e)},react_1.default.createElement(theme_1.StatusCode,{status:e.key},e.title)))))),[a,n,e]),TabContent:(0,react_1.useCallback)((({children:e,value:t})=>react_1.default.createElement(TabContent_1.TabContent,null,t===a.key?e:null)),[a]),activeTab:a,onChangeTab:n}};exports.useTabs=useTabs;
+//# sourceMappingURL=useTabs.js.map

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { OperationMenuItem } from '../../models';
+type OperationsNavigationProps = {
+    items: OperationMenuItem[];
+    routingBasePath: string;
+};
+export declare function OperationsNavigationComponent({ items, routingBasePath, }: OperationsNavigationProps): React.JSX.Element | null;
+export declare const OperationsNavigation: React.NamedExoticComponent<OperationsNavigationProps>;
+export {};

package/lib/components/TagItem/OperationsNavigation.js

@@ -0,0 +1,40 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationsNavigation=exports.OperationsNavigationComponent=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),shared_1=require("../shared"),common_1=require("../common"),utils_1=require("../../utils"),services_1=require("../../services"),MAX_OPERATIONS=8;function OperationsNavigationComponent({items:e,routingBasePath:t}){const[r,a]=(0,react_1.useState)(!1),o=(0,react_router_dom_1.useNavigate)(),{operations:n,webhooks:i,count:l}=(0,react_1.useMemo)((()=>{const t=e.filter((e=>"operation"===e.type)),a=r?t:t.slice(0,MAX_OPERATIONS),{operations:o,webhooks:n}=a.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:o,webhooks:n,count:!r&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[r,e]);if(!n.length&&!i.length)return null;const s=e=>{o(e)};return react_1.default.createElement(Wrapper,null,n.length>0&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.H3,null,"Operations"),n.map((e=>react_1.default.createElement(Item,{key:e.id,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(e.href)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:e.httpVerb},e.httpVerb),react_1.default.createElement(Path,null,e.path)))))),i.length>0&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.H3,null,"Webhooks"),i.map((e=>react_1.default.createElement(Item,{key:e.id,onClick:()=>s((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(e.href)))},react_1.default.createElement("span",null,react_1.default.createElement(shared_1.HttpVerb,{color:e.httpVerb},e.httpVerb),react_1.default.createElement(Path,null,e.path)))))),!r&&Boolean(l)&&react_1.default.createElement(ButtonLink,{onClick:()=>a(!0)},"Show ",l," more..."))}exports.OperationsNavigationComponent=OperationsNavigationComponent,exports.OperationsNavigation=(0,react_1.memo)(OperationsNavigationComponent);const Wrapper=(0,styled_components_1.default)(common_1.SamplesPanel)`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding-top: 24px;
+`,Item=styled_components_1.default.button`
+  border-radius: var(--border-radius-lg);
+  border: 1px solid var(--border-color-primary);
+  background: var(--bg-color);
+  display: flex;
+  height: 40px;
+  padding: 0 var(--spacing-base);
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  align-self: stretch;
+  cursor: pointer;
+
+  & > span {
+    display: flex;
+    align-items: baseline;
+    gap: var(--spacing-unit);
+  }
+
+  &:hover::after {
+    content: '→';
+  }
+`,Path=styled_components_1.default.span`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-primary);
+  text-decoration: none;
+`,ButtonLink=styled_components_1.default.button`
+  font-size: var(--font-size-lg);
+  background: none;
+  margin: 10px auto;
+  color: var(--link-color-primary);
+`;
+//# sourceMappingURL=OperationsNavigation.js.map

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+import type { SectionItemProps } from '../SectionItem/SectionItem';
+interface TagItemProps extends SectionItemProps {
+    routingBasePath?: string;
+    isExpanded: boolean;
+}
+export declare function TagItemComponent({ item, routingBasePath, isExpanded, }: TagItemProps): ReactElement;
+export declare const TagItem: React.NamedExoticComponent<TagItemProps>;
+export {};

package/lib/components/TagItem/TagItem.js

@@ -0,0 +1,9 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItem=exports.TagItemComponent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown"),OperationsNavigation_1=require("./OperationsNavigation");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const{description:r,name:n,href:o}=e,i=(0,react_router_dom_1.useNavigate)(),l=(0,react_1.useCallback)((()=>{i(t+e.href)}),[e.href,i,t]),u=Boolean(e.items.length);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,{fullWidth:!u},react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:o,"aria-label":`link to ${n}`}),n),react_1.default.createElement(Markdown_1.Markdown,{source:r})),Boolean(e.items.length)&&react_1.default.createElement(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})),u&&!a&&react_1.default.createElement(ShowButton,{type:"button",variant:"text",size:"default",onClick:l},"+ Show"))}exports.TagItemComponent=TagItemComponent,exports.TagItem=(0,react_1.memo)(TagItemComponent);const ShowButton=(0,styled_components_1.default)(theme_1.Button)`
+  margin: var(--spacing-md) var(--spacing-md) var(--spacing-unit);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-regular);
+  width: calc(100% - var(--spacing-md) * 2);
+  padding: var(--spacing-unit) 0;
+  line-height: var(--line-height-base);
+`;
+//# sourceMappingURL=TagItem.js.map

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

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

package/lib/components/TagItem/index.js

@@ -0,0 +1,2 @@
+"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/VersionSwitcher.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { DropdownOption } from './common/Dropdown';
+import type { OpenAPIDefinitionVersion } from '../jotai/store';
+export interface VersionSwitcherProps {
+    onChange: (o: DropdownOption) => void;
+    versions: OpenAPIDefinitionVersion[];
+    activeVersionIdx: number;
+}
+export declare const VersionSwitcher: ({ versions, onChange, activeVersionIdx, }: VersionSwitcherProps) => ReactElement | null;

package/lib/components/VersionSwitcher.js

@@ -0,0 +1,7 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionSwitcher=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),Dropdown_1=require("./common/Dropdown"),VersionSwitcher=({versions:e,onChange:t,activeVersionIdx:r})=>{const o=e.map(((e,t)=>({idx:t,value:e.title||e.id})));return react_1.default.createElement(VersionWrapper,null,react_1.default.createElement(Dropdown_1.VersionDropdown,{options:o,value:o[r].value,onChange:t,ariaLabel:"Version"}))};exports.VersionSwitcher=VersionSwitcher;const VersionWrapper=styled_components_1.default.div`
+  padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
+  width: 100%;
+  display: inline-block;
+  font-size: 12px;
+`;
+//# sourceMappingURL=VersionSwitcher.js.map

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { MediaContentModel } from '../../../models';
+interface BodyContentProps {
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    required?: boolean;
+    description?: string | GenericObject;
+    content?: MediaContentModel;
+}
+export declare const BodyContent: React.NamedExoticComponent<BodyContentProps>;
+export {};

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

@@ -0,0 +1,11 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),DropdownTheme_1=require("../DropdownTheme"),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");function BodyContentComponent({required:e,skipReadOnly:t,skipWriteOnly:r,description:n,content:a}){const[o,i]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom);if(!a)return null;const{schema:l,examples:s,operation:u,name:c}=(0,models_1.getActiveMediaType)(a,o);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Row,null,"Body",react_1.default.createElement(DropdownTheme_1.Dropdown,{options:a.mediaTypes.map((({name:e})=>({label:e,value:e}))),value:c,onChange:({value:e})=>i(e)})),e&&react_1.default.createElement(Fields_1.RequiredLabel,null,"required"),react_1.default.createElement(StyledMarkdown,{source:n}),"object"===(null==l?void 0:l.type)&&(null==l?void 0:l.constraints)&&react_1.default.createElement(ConstraintsView_1.ConstraintsView,{constraints:(null==l?void 0:l.constraints)||[]}),react_1.default.createElement(Schema_1.Schema,{skipReadOnly:t,skipWriteOnly:r,key:"schema",schema:l,examples:s,operation:u}))}exports.BodyContent=(0,react_1.memo)(BodyContentComponent);const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
+  margin: var(--spacing-xxs) 0 0;
+`,Row=styled_components_1.default.div`
+  display: flex;
+  font-size: var(--font-size-lg);
+  line-height: var(--line-height-lg);
+  color: var(--text-color-primary);
+  gap: var(--spacing-unit);
+  margin-top: var(--spacing-lg);
+`;
+//# sourceMappingURL=BodyContent.js.map

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

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

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ClearButtonProps } from './types';
+export declare const ClearButton: React.NamedExoticComponent<ClearButtonProps>;

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var 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,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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.ClearButton=void 0;const react_1=__importStar(require("react")),ClearButtonComponent=({className:e,style:t,handleClear:r})=>react_1.default.createElement("button",{className:e,style:t,onClick:r},"✕");exports.ClearButton=(0,react_1.memo)(ClearButtonComponent);
+//# sourceMappingURL=ClearButton.js.map

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

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

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

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,16 @@
+"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;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #89949f;
+  background: none;
+  border: none;
+  cursor: pointer;
+
+  &:hover {
+    color: #fff;
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,6 @@
+import type { CSSProperties } from 'react';
+export interface ClearButtonProps {
+    className?: string;
+    style?: CSSProperties;
+    handleClear?: () => void;
+}

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/ConstraintsView.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ConstraintsViewProps {
+    constraints: string[];
+}
+export declare const ConstraintsView: React.NamedExoticComponent<ConstraintsViewProps>;

package/lib/components/common/ConstraintsView.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__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.ConstraintsView=void 0;const react_1=__importStar(require("react")),Fields_1=require("./Fields");function ConstraintsViewComponent({constraints:e}){return 0===e.length?null:react_1.default.createElement("span",null," ",e.map((e=>react_1.default.createElement(Fields_1.Tag,{key:e}," ",e," "))))}exports.ConstraintsView=(0,react_1.memo)(ConstraintsViewComponent);
+//# sourceMappingURL=ConstraintsView.js.map

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DropdownProps } from './types';
+export declare const Dropdown: React.NamedExoticComponent<DropdownProps>;

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

@@ -0,0 +1,16 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ClearButton_1=require("../ClearButton"),utils_1=require("../../../utils"),ArrowSvg=({className:e,style:t})=>react_1.default.createElement("svg",{className:e,style:t,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},react_1.default.createElement("polyline",{points:"6 9 12 15 18 9"})),ArrowIcon=(0,styled_components_1.default)(ArrowSvg)`
+  position: absolute;
+  pointer-events: none;
+  z-index: 1;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  right: 8px;
+  margin: auto;
+  text-align: center;
+  polyline {
+    color: inherit;
+  }
+`,DropdownComponent=({options:e,onChange:t,handleClear:r,clearable:n,placeholder:o,value:a="",className:l})=>{var i;const s=(0,react_1.useMemo)((()=>e.map((({idx:e,value:t,title:r},n)=>{const o=(0,utils_1.normalizeText)(t);return react_1.default.createElement("option",{key:e||o+n,value:o,className:"dropdown-option"},r||o)}))),[e]),u=(0,utils_1.normalizeText)(a),c=(null===(i=e.find((e=>e.value===a)))||void 0===i?void 0:i.title)||u;return react_1.default.createElement("div",{className:l+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,null),n&&(null==u?void 0:u.length)>0&&react_1.default.createElement(ClearButton_1.ClearButton,{handleClear:r}),react_1.default.createElement("select",{onChange:r=>{const{selectedIndex:n}=r.target;t(e[o||!a?n-1:n])},value:u,className:"dropdown-select","aria-label":"dropdown select"},o&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:o},o),!u&&!o&&react_1.default.createElement("option",{disabled:!0}),s),react_1.default.createElement("label",null,c))};exports.Dropdown=(0,react_1.memo)(DropdownComponent);
+//# sourceMappingURL=Dropdown.js.map

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

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

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

@@ -0,0 +1,2 @@
+"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/Dropdown/styled.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { DropdownProps } from './types';
+export declare const Dropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;
+export declare const SimpleDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;
+export declare const CollapsingDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+} & {
+    active?: boolean | undefined;
+}, never>;
+export declare const VersionDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;
+export declare const SchemaMimeTypeDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;

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

@@ -0,0 +1,121 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,e,r,t){void 0===t&&(t=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(o,t,n)}:function(o,e,r,t){void 0===t&&(t=r),o[t]=e[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}:function(o,e){o.default=e}),__importStar=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var e={};if(null!=o)for(var r in o)"default"!==r&&Object.prototype.hasOwnProperty.call(o,r)&&__createBinding(e,o,r);return __setModuleDefault(e,o),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaMimeTypeDropdown=exports.VersionDropdown=exports.CollapsingDropdown=exports.SimpleDropdown=exports.Dropdown=void 0;const styled_components_1=__importStar(require("styled-components")),Dropdown_1=require("./Dropdown"),darkDropdownStyle=styled_components_1.css`
+  background-color: var(--panel-samples-dropdown-background-color);
+  border: var(--panel-samples-dropdown-border);
+  color: var(--panel-samples-dropdown-color);
+
+  &,
+  &:hover,
+  &:focus-within {
+    box-shadow: none;
+  }
+`;exports.Dropdown=(0,styled_components_1.default)(Dropdown_1.Dropdown)`
+  box-sizing: border-box;
+  outline: none;
+  display: inline-block;
+  vertical-align: bottom;
+  position: relative;
+  width: ${({fullWidth:o})=>o?"100%":"auto"};
+  cursor: pointer;
+  text-transform: none;
+
+  label {
+    box-sizing: border-box;
+    min-width: 90px;
+    height: 36px;
+    outline: none;
+    display: inline-block;
+    color: var(--docs-dropdown-text-color);
+    border-radius: var(--border-radius-md);
+    padding: var(--docs-dropdown-padding);
+    vertical-align: bottom;
+    width: ${({fullWidth:o})=>o?"100%":"auto"};
+    text-transform: none;
+    line-height: inherit;
+    font-size: var(--docs-dropdown-font-size);
+    font-family: inherit;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+
+    &,
+    &:hover,
+    &:focus-within {
+      box-shadow: none;
+    }
+
+    ${({variant:o})=>"dark"===o?darkDropdownStyle:""};
+  }
+
+  .dropdown-select {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    border: none;
+    appearance: none;
+    cursor: pointer;
+
+    color: var(--text-color-secondary);
+    line-height: inherit;
+    font-size: var(--font-size-base);
+    font-family: inherit;
+    padding: var(--docs-dropdown-padding);
+    ${({variant:o})=>"dark"===o?darkDropdownStyle:""};
+  }
+`,exports.SimpleDropdown=(0,styled_components_1.default)(exports.Dropdown)`
+  svg {
+    top: 60%;
+    transform: translateY(-60%);
+  }
+  label {
+    padding: 0 26px 0 4px;
+    background: transparent;
+    font-size: var(--font-size-base);
+    font-weight: var(--font-weight-regular);
+    appearance: none;
+    height: auto;
+
+    &:hover,
+    &:focus-within {
+      box-shadow: none;
+    }
+  }
+`,exports.CollapsingDropdown=(0,styled_components_1.default)(exports.Dropdown)`
+  svg {
+    top: 60%;
+    transform: translateY(-60%);
+  }
+  label {
+    ${darkDropdownStyle};
+
+    border-radius: var(--border-radius-lg);
+    margin-left: 5px;
+    transition: none;
+    min-width: auto;
+    background-color: ${({active:o})=>o?"var(--panel-samples-tabs-active-background-color)":"var(--bg-color-raised)"};
+    & {
+      &[open],
+      &:focus-within,
+      &:hover {
+        background-color: var(--bg-color-tonal);
+      }
+    }
+  }
+`,exports.VersionDropdown=(0,styled_components_1.default)(exports.Dropdown)`
+  width: 90%;
+  label {
+    width: 100%;
+    font-weight: 600;
+    color: var(--text-color-secondary);
+  }
+`,exports.SchemaMimeTypeDropdown=(0,styled_components_1.default)(exports.SimpleDropdown)`
+  label {
+    padding: var(--schemas-mime-type-dropdown-padding);
+    border: var(--schemas-mime-type-dropdown-border);
+    font-size: var(--schemas-mime-type-dropdown-font-size);
+    color: var(--schemas-mime-type-dropdown-text-color);
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,25 @@
+import type { CSSProperties } from 'react';
+export interface DropdownOption {
+    idx?: number;
+    value: string;
+    title?: string;
+    serverUrl?: string;
+    label?: string;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    onChange: (option: DropdownOption) => void;
+    handleClear?: () => void;
+    clearable?: boolean;
+    ariaLabel?: string;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    dense?: boolean;
+    fullWidth?: boolean;
+    variant?: 'dark' | 'light';
+}
+export interface ArrowIconProps {
+    className?: string;
+    style?: CSSProperties;
+}

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { SelectOption } from '@redocly/theme';
+interface DropdownProps<T> {
+    value: T;
+    onChange: ({ label, value }: {
+        label: any;
+        value: any;
+    }) => void;
+    options: SelectOption<T>[];
+}
+declare function DropdownComponent<T>({ options, value, onChange }: DropdownProps<T>): React.JSX.Element;
+export declare const Dropdown: typeof DropdownComponent;
+export {};

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

@@ -0,0 +1,27 @@
+"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 react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Checkmark_1=require("../../icons/Checkmark");function DropdownComponent({options:e,value:t,onChange:o}){var n;const r=null===(n=e.find((e=>e.value===t)))||void 0===n?void 0:n.label;return 1===e.length?react_1.default.createElement(Title,null,r):react_1.default.createElement(StyledDropdown,{withArrow:!0,items:e.map((e=>react_1.default.createElement(Option,{key:e.label,isActive:e.value===t,onClick:()=>o(e)},e.label,e.label===t&&react_1.default.createElement(StyledCheckmarkIcon,null))))},react_1.default.createElement(Title,null,r))}exports.Dropdown=(0,theme_1.typedMemo)(DropdownComponent);const StyledCheckmarkIcon=(0,styled_components_1.default)(Checkmark_1.CheckmarkIcon)`
+  width: 16px;
+  height: 16px;
+  margin-left: auto;
+`,Option=styled_components_1.default.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  padding: var(--spacing-xxs) var(--spacing-sm);
+  font-weight: ${({isActive:e})=>e&&"var(--font-weight-bold)"};
+`,Title=styled_components_1.default.button`
+  margin-right: var(--spacing-unit);
+  cursor: default;
+  background: none;
+  border: none;
+  padding: 0;
+  color: var(--text-color-primary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-family: var(--font-family-base);
+`,StyledDropdown=(0,styled_components_1.default)(theme_1.Dropdown)`
+  ${Title} {
+    cursor: pointer;
+  }
+`;
+//# sourceMappingURL=Dropdown.js.map

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

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

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

@@ -0,0 +1,2 @@
+"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/Extensions.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ExtensionsProps {
+    extensions: {
+        [k: string]: string | Record<string, unknown>;
+    };
+}
+export declare const Extensions: React.NamedExoticComponent<ExtensionsProps>;

package/lib/components/common/Extensions.js

@@ -0,0 +1,4 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__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 n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extensions=void 0;const react_1=__importStar(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.MarkdownWrapper)`
+  margin: 2px 0;
+`;function ExtensionsComponent({extensions:e}){const{showExtensions:t,preserveOriginalExtensionsName:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return t?react_1.default.createElement("div",null,Object.keys(e).map((t=>react_1.default.createElement(Extension,{key:t},react_1.default.createElement(index_1.FieldLabel,null,n?t:t.substring(2),": ")," ",react_1.default.createElement(index_1.ExtensionValue,null,"string"==typeof e[t]?e[t]:JSON.stringify(e[t])))))):null}exports.Extensions=(0,react_1.memo)(ExtensionsComponent);
+//# sourceMappingURL=Extensions.js.map

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

@@ -0,0 +1,15 @@
+export declare const getCssVariable: (variable: string) => string;
+export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
+export declare const PropertyCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", any, {
+    kind?: string | undefined;
+}, 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>;