@redocly/openapi-docs 3.18.0-next.1 → 3.18.0-next.10

package/lib/components/ServerListDropdown/ServerListDropdown.js

@@ -1 +1 @@
-import{jsx as e,jsxs as f}from"react/jsx-runtime";import{useMemo as S,useCallback as c}from"react";import{useAtom as g,useAtomValue as w}from"jotai";import{DropdownMenu as y}from"@redocly/theme/components/Dropdown/DropdownMenu";import{Dropdown as A}from"@redocly/theme/components/Dropdown/Dropdown";import{getOperationColor as C}from"@redocly/theme/core/openapi";import{HttpVerb as b}from"../common/index.js";import{PathWrapper as k,Path as P,StyledCopyButton as V,StyledDropdownMenuItem as j}from"./styled.js";import{PanelItem as x}from"../PanelItem/index.js";import{joinWithSeparator as D}from"../../services/index.js";import{getServerDisplayName as M,replaceVariables as E}from"../../utils/index.js";import{environmentAtom as N}from"../../jotai/app.js";import{useActiveWithFallback as O,useTelemetry as W}from"../../hooks/index.js";import{getServerEnvName as p}from"../../utils/environments.js";import{createTargetServerSwitchEvent as I}from"../../events/index.js";import{globalStoreAtom as T}from"../../jotai/store.js";const $=({operation:r,className:h})=>{const n=W(),[[d],m]=g(N),{options:{events:i}}=w(T),s=O(r.servers.map(t=>({...t,key:t.url})),d.server),a=c(t=>{t.stopPropagation()},[]),l=c(t=>()=>{if(r.servers.length!==1&&(m({environment:p(t)}),n.sendSwitchServersClickedMessage({server:p(t)}),i?.targetServerSwitch&&t)){const o=I({operation:r,serverUrl:t.url});i.targetServerSwitch(o)}},[r,m,n,i]),v=S(()=>r.servers.map(t=>{const o=D(E(t),r.path);return e(j,{onAction:l(t),children:e(x,{header:M(t),title:o,actions:[e(V,{data:o,toasterPlacement:"left",onCopyClick:a},o)],active:t.url===s,withCheckmark:!0})},o)}),[r.servers,r.path,l,a,s]),u=C({isAdditionalOperation:r.isAdditionalOperation,httpVerb:r.httpVerb});return e(A,{className:h,trigger:f(k,{variant:"ghost",children:[e(b,{color:u,children:r.httpVerb}),e(P,{children:r.path})]}),withArrow:!0,children:e(y,{children:v})})};export{$ as ServerListDropdown};
+import{jsx as e,jsxs as f}from"react/jsx-runtime";import{useMemo as S,useCallback as c}from"react";import{useAtom as g,useAtomValue as w}from"jotai";import{DropdownMenu as y}from"@redocly/theme/components/Dropdown/DropdownMenu";import{Dropdown as A}from"@redocly/theme/components/Dropdown/Dropdown";import{getOperationColor as C}from"@redocly/theme/core/openapi";import{HttpVerb as b}from"../common/index.js";import{PathWrapper as k,Path as j,StyledCopyButton as P,StyledDropdownMenuItem as V}from"./styled.js";import{PanelItem as x}from"../PanelItem/index.js";import{joinWithSeparator as D}from"../../services/index.js";import{getServerDisplayName as M,replaceVariables as E}from"../../utils/index.js";import{environmentAtom as N}from"../../jotai/app.js";import{useActiveWithFallback as O,useTelemetry as W}from"../../hooks/index.js";import{getServerEnvName as p}from"../../utils/environments.js";import{createTargetServerSwitchEvent as _}from"../../events/index.js";import{globalStoreAtom as I}from"../../jotai/store.js";const $=({operation:r,className:h})=>{const n=W(),[[d],m]=g(N),{options:{events:i}}=w(I),s=O(r.servers.map(t=>({...t,key:t.url})),d.server),a=c(t=>{t.stopPropagation()},[]),l=c(t=>()=>{if(r.servers.length!==1&&(m({environment:p(t)}),n.sendSwitchServersClickedMessage([{object:"switch_servers",server:p(t)}]),i?.targetServerSwitch&&t)){const o=_({operation:r,serverUrl:t.url});i.targetServerSwitch(o)}},[r,m,n,i]),v=S(()=>r.servers.map(t=>{const o=D(E(t),r.path);return e(V,{onAction:l(t),children:e(x,{header:M(t),title:o,actions:[e(P,{data:o,toasterPlacement:"left",onCopyClick:a},o)],active:t.url===s,withCheckmark:!0})},o)}),[r.servers,r.path,l,a,s]),u=C({isAdditionalOperation:r.isAdditionalOperation,httpVerb:r.httpVerb});return e(A,{className:h,trigger:f(k,{variant:"ghost",children:[e(b,{color:u,children:r.httpVerb}),e(j,{children:r.path})]}),withArrow:!0,children:e(y,{children:v})})};export{$ as ServerListDropdown};

package/lib/components/TagItem/TagItem.js

@@ -1,59 +1,72 @@
-import{jsx as r,jsxs as t}from"react/jsx-runtime";import{memo as w,useCallback as $}from"react";import{useNavigate as y}from"react-router-dom";import{useAtomValue as z}from"jotai";import{LayoutVariant as j}from"@redocly/config";import{css as M}from"styled-components";import{Markdown as p}from"@redocly/theme/components/Markdown/Markdown";import{breakpoints as T}from"@redocly/theme/core/openapi";import{Button as C}from"@redocly/theme/components/Button/Button";import{PageActions as I}from"@redocly/theme/components/PageActions/PageActions";import{H2 as A}from"@redocly/theme/components/Typography/H2";import{LinkIcon as L}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{joinWithSeparator as P}from"../../services/history/helpers.js";import{Row as W,SamplesMiddlePanel as m,SamplesPanel as f,ShareLink as B}from"../common/index.js";import{Markdown as D}from"../Markdown/index.js";import{OperationsNavigation as H}from"./OperationsNavigation.js";import{layoutAtom as N}from"../../jotai/app.js";import{useTranslate as V}from"../../hooks/index.js";import{styled as l}from"../../styled-components.js";import{StyledShareLink as _}from"../common/linkify.js";function E({item:a,routingBasePath:i="",isExpanded:d}){const v=V(),{description:o,name:s,href:S}=a,c=y(),g=z(N),e=P(i,a.href),x=$(()=>{c(e)},[c,e]),n=!!a.items.length,k=typeof o=="object"?o?.raw:o,h=g===j.STACKED,b=k?.includes?.("{% schemaDefinition");return t(K,{expanded:d,isSchema:b,isStacked:h,children:[t(W,{layout:g,children:[t(m,{fullWidth:!n,isStacked:h,children:[t(u,{expandable:n,children:[r(B,{to:S,"aria-label":`link to ${s}`}),s,r(I,{pageSlug:e})]}),r(D,{source:o})]}),n&&r(H,{items:a.items,routingBasePath:i})]}),n&&!d&&t(O,{type:"button",variant:"text",size:"medium",onClick:x,children:["+ ",v("openapi.actions.show","Show")]})]})}const da=w(E),K=l.div`
+import{jsx as t,jsxs as n}from"react/jsx-runtime";import{memo as x,useCallback as S}from"react";import{useNavigate as b}from"react-router-dom";import{useAtomValue as y}from"jotai";import{LayoutVariant as T}from"@redocly/config";import{Markdown as m}from"@redocly/theme/components/Markdown/Markdown";import{breakpoints as r}from"@redocly/theme/core/openapi";import{Button as W}from"@redocly/theme/components/Button/Button";import{PageActions as M}from"@redocly/theme/components/PageActions/PageActions";import{H2 as z}from"@redocly/theme/components/Typography/H2";import{LinkIcon as j}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{joinWithSeparator as C}from"../../services/history/helpers.js";import{Row as I,SamplesMiddlePanel as f,SamplesPanel as u,ShareLink as P}from"../common/index.js";import{Markdown as A}from"../Markdown/index.js";import{OperationsNavigation as L}from"./OperationsNavigation.js";import{layoutAtom as B}from"../../jotai/app.js";import{useTranslate as H}from"../../hooks/index.js";import{styled as e}from"../../styled-components.js";import{StyledShareLink as D}from"../common/linkify.js";function N({item:a,routingBasePath:i="",isExpanded:s}){const v=H(),{description:w,name:g,href:$}=a,c=b(),h=y(B),o=C(i,a.href),k=S(()=>{c(o)},[c,o]),d=!!a.items.length,l=h===T.STACKED,p=!d;return n(V,{expanded:s,children:[n(I,{layout:h,children:[n(_,{fullWidth:p,isStacked:l,children:[n(E,{fullWidth:p,isStacked:l,children:[n(K,{children:[t(P,{to:$,"aria-label":`link to ${g}`}),g]}),t(M,{pageSlug:o})]}),t(F,{fullWidth:p,isStacked:l,children:t(A,{source:w})})]}),d&&t(L,{items:a.items,routingBasePath:i})]}),d&&!s&&n(O,{type:"button",variant:"text",size:"medium",onClick:k,children:["+ ",v("openapi.actions.show","Show")]})]})}const ma=x(N),V=e.div`
   padding-top: var(--spacing-lg);
   padding-bottom: ${({expanded:a})=>a?"var(--spacing-xxl)":""};
+`,_=e(f)`
+  @media screen and (min-width: ${r.large}) {
+    padding-left: ${({fullWidth:a,isStacked:i})=>a&&!i?"0":void 0};
+    padding-right: ${({fullWidth:a,isStacked:i})=>a&&!i?"0":void 0};
+  }
+`,E=e.div`
+  display: flex;
+  align-items: flex-start;
+  margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
+
+  @media screen and (min-width: ${r.large}) {
+    padding-left: ${({fullWidth:a,isStacked:i})=>a&&!i?"calc(var(--panel-gap-horizontal) * 2)":void 0};
+    padding-right: ${({fullWidth:a,isStacked:i})=>a&&!i?"var(--panel-gap-horizontal)":void 0};
+    width: ${({fullWidth:a,isStacked:i})=>a&&!i?"calc(100% - var(--panel-samples-width))":void 0};
 
+    ${D} {
+      left: ${({fullWidth:a,isStacked:i})=>a&&!i?"unset":void 0};
+    }
+  }
+`,F=e.div`
   /* 
     Markdoc components inside markdown that use SamplesPanel should not have padding.
     E.g. SchemaDefinition, McpTool
     padding is added by the TagItem itself
   */
-  ${p} ${f} {
-    padding-right: 0;
+  ${m} ${u} {
     padding-left: 0;
+    padding-right: 0;
   }
 
-  ${({isSchema:a,isStacked:i})=>a&&!i&&M`
-      ${m} {
-        padding-left: 0;
-        padding-right: 0;
-      }
-
-      ${p} ${m} {
-        padding-left: calc(var(--panel-gap-horizontal) * 2);
-        padding-right: var(--panel-gap-horizontal);
-      }
+  @media screen and (min-width: ${r.large}) {
+    ${m} ${f} {
+      padding-left: ${({fullWidth:a,isStacked:i})=>a&&!i?"calc(var(--panel-gap-horizontal) * 2)":void 0};
+      padding-right: ${({fullWidth:a,isStacked:i})=>a&&!i?"var(--panel-gap-horizontal)":void 0};
+    }
 
-      ${p} ${f} {
-        padding-right: calc(var(--panel-gap-horizontal) * 2);
-        padding-left: var(--panel-gap-horizontal);
-      }
+    ${m} .schema-definition ${u} {
+      padding-left: ${({fullWidth:a,isStacked:i})=>a&&!i?"var(--panel-gap-horizontal)":void 0};
+      padding-right: ${({fullWidth:a,isStacked:i})=>a&&!i?"calc(var(--panel-gap-horizontal) * 2)":void 0};
+    }
+  }
+`,K=e(z)`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  flex-wrap: wrap;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  margin: 0;
 
-      ${u} {
-        padding-left: calc(var(--panel-gap-horizontal) * 2);
-        padding-right: var(--panel-gap-horizontal);
-        width: calc(100% - var(--panel-samples-width));
-        ${_} {
-          left: unset;
-        }
-      }
-    `}
-`,O=l(C)`
+  :hover {
+    ${j} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+`,O=e(W)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 
-  @media screen and (min-width: ${T.medium}) {
+  @media screen and (min-width: ${r.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);
   }
-`,u=l(A)`
-  display: flex;
-  :hover {
-    ${L} {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-`;export{da as TagItem,E as TagItemComponent};
+`;export{ma as TagItem,N as TagItemComponent};

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/core/openapi";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`
+import{jsx as o,Fragment as l,jsxs as s}from"react/jsx-runtime";import{css as d}from"styled-components";import{memo as w,useEffect as $,useState as j}from"react";import{isUndefined as C}from"@redocly/theme/core/openapi";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 c}from"../../styled-components.js";function _({expandByDefault:e,level:g,expandable:h=!1,expandText:v,hideText:x,hideDivider:y=!1,children:i,expandedAll:t,isNestedArray:n}){const[r,p]=j((e||n)??!1);$(()=>{C(t)||p(t)},[t]);const a=r?N(g):void 0;if(!h)return i;const b=()=>{p(u=>!u)};return n?s(l,{children:[o(V,{children:"Array ["}),o(f,{$isArrayInsideArray:n,className:"view-nested-wrapper",children:o(m,{color:a,children:i})})]}):o(l,{children:s(f,{$divider:!y&&!r,className:"view-nested-wrapper",children:[s(k,{onClick:b,children:[o(S,{sign:r?"-":"+",color:a}),!r&&v,r&&(x||"")]}),r&&o(m,{color:a,children:i})]})})}const U=w(_),k=c.button`
   background: none;
   border: none;
   cursor: pointer;
@@ -10,24 +10,24 @@ import{jsx as o,Fragment as l,jsxs as t}from"react/jsx-runtime";import{css as c}
   font-size: var(--font-size-base);
   font-family: var(--font-family-base);
   line-height: var(--line-height-base);
-  margin: var(--spacing-xxs) 0 var(--spacing-xs);
+  margin-top: var(--spacing-xxs);
   width: 100%;
-`,m=d.div`
+`,m=c.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&&d`
       .schema-name {
         color: ${e};
       }
     `}
-`,f=d.div`
+`,f=c.div`
   width: 100%;
-  ${({$isArrayInsideArray:e})=>e&&c`
+  ${({$isArrayInsideArray:e})=>e&&d`
       padding-top: var(--schema-property-details-spacing);
     `}
 
-  ${({$divider:e})=>e&&c`
+  ${({$divider:e})=>e&&d`
       border-bottom: 1px solid var(--border-color-primary);
       padding-bottom: var(--schema-property-details-spacing);
     `}

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

@@ -6,8 +6,8 @@ export interface DropdownProps<T> {
     className?: string;
     triggerVariant?: 'ghost' | 'outlined';
     triggerSize?: string;
-    withSearch?: boolean;
+    fullWidth?: boolean;
 }
-declare function DropdownComponent<T>({ options, value, onChange, className, triggerVariant, triggerSize, withSearch, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownComponent<T>({ options, value, onChange, className, triggerVariant, triggerSize, fullWidth, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare const Dropdown: typeof DropdownComponent;
 export {};

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

@@ -1,8 +1,40 @@
-import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMemo as k,useState as C}from"react";import{Dropdown as D}from"@redocly/theme/components/Dropdown/Dropdown";import{CheckmarkIcon as I}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";import{DropdownMenu as j}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as z}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{Button as M}from"@redocly/theme/components/Button/Button";import{SearchIcon as F}from"@redocly/theme/icons/SearchIcon/SearchIcon";import{typedMemo as N}from"@redocly/theme/core/openapi";import{styled as n}from"../../../styled-components.js";import{useTranslate as A}from"../../../hooks/index.js";function P({options:t,value:o,onChange:d,className:v,triggerVariant:x="outlined",triggerSize:b="small",withSearch:w=!1}){const[l,h]=C(""),m=A(),a=t.find(e=>e.value===o),p=k(()=>t.filter(e=>e.label?.toLowerCase().includes(l.toLowerCase())??!1),[t,l]);if(t.length===1)return r(V,{children:a?.element||a?.label});const y=e=>{h(e.target.value)},S=()=>w?s(f,{children:[r(R,{prefix:r(L,{children:r(F,{color:"var(--icon-color-additional)",onClick:e=>e.stopPropagation()})}),content:r(O,{placeholder:m("openapi.discriminator.searchPlaceholder","Search items"),onClick:e=>e.stopPropagation(),onChange:y,value:l})}),r(_,{children:p.length?p.map((e,c)=>s(g.Fragment,{children:[e.divider,r(i,{active:e.value===o,onAction:()=>d(e),suffix:e.value===o&&r(u,{}),children:e.element||e.label},e.label)]},c)):r(T,{content:m("openapi.discriminator.searchNoResults","No items found")})})]}):r(f,{children:t.map((e,c)=>s(g.Fragment,{children:[e.divider,r(i,{active:e.value===o,onAction:()=>d(e),suffix:e.value===o&&r(u,{}),children:e.element||e.label},e.label)]},c))});return r(D,{className:v,trigger:r(M,{variant:x,size:b,type:"button",children:a?.element||a?.label}),withArrow:!0,onClose:()=>h(""),children:r(j,{children:S()})})}const Y=N(P),u=n(I)`
+import{jsx as r,jsxs as d,Fragment as u}from"react/jsx-runtime";import v,{useMemo as C,useState as I}from"react";import{Dropdown as j}from"@redocly/theme/components/Dropdown/Dropdown";import{CheckmarkIcon as M}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";import{DropdownMenu as z}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as T}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{Button as $}from"@redocly/theme/components/Button/Button";import{SearchIcon as A}from"@redocly/theme/icons/SearchIcon/SearchIcon";import{typedMemo as F}from"@redocly/theme/core/openapi";import{styled as o}from"../../../styled-components.js";import{useTranslate as L}from"../../../hooks/index.js";const R=7;function _({options:n,value:t,onChange:p,className:x,triggerVariant:b="outlined",triggerSize:y="small",fullWidth:l=!1}){const[c,m]=I(""),g=L(),a=n.find(e=>e.value===t),S=n.length>=R,f=C(()=>n.filter(e=>e.label?.toLowerCase().includes(c.toLowerCase())??!1),[n,c]);if(n.length===1)return r(U,{children:a?.element||a?.label});const k=e=>{m(e.target.value)},D=()=>S?d(u,{children:[r(O,{prefix:r(V,{children:r(A,{color:"var(--icon-color-additional)",onClick:e=>e.stopPropagation()})}),content:r(W,{placeholder:g("openapi.discriminator.searchPlaceholder","Search items"),onClick:e=>e.stopPropagation(),onChange:k,value:c})}),r(B,{children:f.length?f.map((e,s)=>d(v.Fragment,{children:[e.divider,r(i,{active:e.value===t,onAction:()=>p(e),suffix:e.value===t&&r(w,{}),children:r(h,{children:e.element||e.label})},e.label)]},s)):r(P,{content:g("openapi.discriminator.searchNoResults","No items found")})})]}):r(u,{children:n.map((e,s)=>d(v.Fragment,{children:[e.divider,r(i,{active:e.value===t,onAction:()=>p(e),suffix:e.value===t&&r(w,{}),children:r(h,{children:e.element||e.label})},e.label)]},s))});return r(N,{className:x,$fullWidth:l,trigger:r(E,{variant:b,size:y,type:"button",$fullWidth:l,children:r(h,{children:a?.element||a?.label})}),withArrow:!0,onClose:()=>m(""),children:r(H,{$fullWidth:l,children:D()})})}const oe=F(_),N=o(j)`
+  ${({$fullWidth:n})=>n&&`
+    > div {
+      min-width: 100%;
+      max-width: 100%;
+    }
+  `}
+`,E=o($)`
+  ${({$fullWidth:n})=>n&&`
+    && {
+      width: 100%;
+      justify-content: space-between;
+      background-color: var(--bg-color);
+      padding: var(--docs-dropdown-padding-vertical) var(--docs-dropdown-padding-left);
+      color: var(--text-color-primary);
+
+      &:hover {
+        background-color: var(--bg-color);
+      }
+
+      &:focus {
+        background-color: var(--bg-color);
+      }
+    }
+  `}
+`,h=o.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,H=o(z)`
+  ${({$fullWidth:n})=>n&&"min-width: 100%;"}
+`,w=o(M)`
   width: 16px;
   height: 16px;
   margin-left: auto;
-`,i=n(z)`
+  flex-shrink: 0;
+`,i=o(T)`
   --dropdown-menu-item-justify-content: space-between;
 
   width: 100%;
@@ -12,23 +44,25 @@ import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMem
   padding: var(--spacing-xxs) var(--spacing-sm);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-`,R=n(i)`
+`,O=o(i)`
   gap: 0;
   padding: var(--spacing-xxs) var(--spacing-xs);
   &:hover {
     background-color: transparent;
   }
-`,T=n(i)`
+`,P=o(i)`
   height: 66px;
   justify-content: center;
   &:hover,
   &:focus-visible {
     background-color: transparent;
   }
-`,_=n.div`
+`,B=o.div`
   overflow-y: auto;
   max-height: 300px;
-`,L=n.div`
+  padding: calc(var(--spacing-unit) / 2);
+  margin: calc(var(--spacing-unit) / -2);
+`,V=o.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -36,7 +70,7 @@ import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMem
   height: 24px;
   cursor: pointer;
   flex-shrink: 0;
-`,O=n.input`
+`,W=o.input`
   width: 100%;
   border: none;
   outline: none;
@@ -47,11 +81,11 @@ import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMem
   font-family: var(--font-family-base);
   padding: 0;
   margin-left: var(--spacing-xxs);
-
+  min-width: 100px;
   &::placeholder {
     color: var(--search-trigger-color);
   }
-`,V=n.span`
+`,U=o.span`
   margin-right: var(--spacing-unit);
   cursor: default;
   background: none;
@@ -62,4 +96,4 @@ import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMem
   line-height: var(--line-height-lg);
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
-`;export{Y as Dropdown};
+`;export{oe as Dropdown};

package/lib/components/common/OperationItemTitle.js

@@ -1,4 +1,4 @@
-import{LinkIcon as t}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{H2 as e}from"@redocly/theme/components/Typography/H2";import{styled as i}from"../../styled-components.js";const n=i.h4`
+import{LinkIcon as e}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{H2 as t}from"@redocly/theme/components/Typography/H2";import{styled as i}from"../../styled-components.js";const n=i.h4`
   font-size: var(--h4-font-size);
   font-weight: var(--h4-font-weight);
   line-height: var(--h4-line-height);
@@ -11,27 +11,29 @@ import{LinkIcon as t}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{H2 as e
   position: relative;
 
   :hover {
-    ${t} {
+    ${e} {
       opacity: 1;
       visibility: visible;
     }
   }
-`,l=i(e)`
+`,l=i(t)`
   position: relative;
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
   flex-wrap: wrap;
+  overflow-wrap: anywhere;
+  word-break: break-word;
   margin: 0;
 
   :hover {
-    ${t} {
+    ${e} {
       opacity: 1;
       visibility: visible;
     }
   }
-`,s=i.div`
+`,p=i.div`
   display: flex;
   align-items: flex-start;
   margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
-`;export{l as Heading,s as HeadingWrapper,n as Title};
+`;export{l as Heading,p as HeadingWrapper,n as Title};

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

@@ -1 +1 @@
-import{jsx as m}from"react/jsx-runtime";import{useCallback as h,useEffect as v,useRef as A,useState as T}from"react";import{useAtom as g}from"jotai";import{isUndefined as w}from"@redocly/theme/core/openapi";import{Segmented as I}from"@redocly/theme/components/Segmented/Segmented";import{Dropdown as x}from"../Dropdown/index.js";import{operationStore as y}from"../../../jotai/operation.js";const L=5,R=7;function _({options:t,onChange:r,pointer:u,schema:n,defaultOneOfIdx:d}){const[S,c]=g(y(u)),p=S.activeOneOf[n.pointer]??d,o=t[p]?.value,[i,E]=T(!1),s=A(null);v(()=>{if(!s.current)return;const e=()=>{const O=s.current?.querySelectorAll('button[role="tab"]'),a=Array.from(O||[]).some(l=>l.offsetWidth<l.scrollWidth);a!==i&&E(a)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[i,t]);const f=h(({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 w(o)?null:t.length>L||i?m(x,{options:t,value:o,withSearch:t.length>=R,onChange:f}):m(I,{ref:s,value:o,onChange:f,options:t,size:"small","data-testid":"segmented-schema"})}const k=_;export{k as SchemaSelection};
+import{jsx as m}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{isUndefined as w}from"@redocly/theme/core/openapi";import{Segmented as x}from"@redocly/theme/components/Segmented/Segmented";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:u,schema:n,defaultOneOfIdx:d}){const[p,c]=h(A(u)),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 w(o)?null:t.length>b||i?m(y,{options:t,value:o,onChange:f}):m(x,{ref:s,value:o,onChange:f,options:t,size:"small","data-testid":"segmented-schema"})}const D=z;export{D as SchemaSelection};

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

@@ -1 +1 @@
-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};
+import{jsx as s}from"react/jsx-runtime";import{memo as u,useMemo as c}from"react";import{Dropdown as i}from"../Dropdown/Dropdown.js";import{normalizeText as f}from"../../../utils/index.js";function d({options:t,onChange:n,value:o="",className:a}){const m=c(()=>t.map(e=>({value:e.value,label:e.title||f(e.value)})),[t]);return s(i,{className:a,options:m,value:o,onChange:({value:e})=>{const l=t.find(r=>r.value===e);l&&n(l)},fullWidth:!0})}const C=u(d);export{C as Select};

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

@@ -1,3 +1,2 @@
 export declare const Select: any;
 export declare const SimpleSelect: any;
-export declare const Arrow: any;

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

@@ -1,14 +1,16 @@
-import{css as n}from"styled-components";import{ChevronDownIcon as t}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{Select as i}from"./Select.js";import{styled as e}from"../../../styled-components.js";const r=n`
-  background-color: var(--panel-samples-dropdown-bg-color);
-  border: var(--panel-samples-dropdown-border);
-  color: var(--panel-samples-dropdown-color);
+import{css as e}from"styled-components";import{Select as t}from"./Select.js";import{styled as r}from"../../../styled-components.js";const n=e`
+  button {
+    background-color: var(--panel-samples-dropdown-bg-color);
+    border: var(--panel-samples-dropdown-border);
+    color: var(--panel-samples-dropdown-color);
 
-  &,
-  &:hover,
-  &:focus-within {
-    box-shadow: none;
+    &,
+    &:hover,
+    &:focus {
+      box-shadow: none;
+    }
   }
-`,a=e(i)`
+`,a=r(t)`
   box-sizing: border-box;
   outline: none;
   display: inline-block;
@@ -18,72 +20,26 @@ import{css as n}from"styled-components";import{ChevronDownIcon as t}from"@redocl
   cursor: pointer;
   text-transform: none;
 
-  label {
-    box-sizing: border-box;
+  button {
     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})=>o==="dark"?r:""};
+    border-radius: var(--border-radius-md);
   }
 
-  .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})=>o==="dark"?r:""};
-  }
-`,c=e(a)`
-  svg {
-    top: 60%;
-    transform: translateY(-60%);
-  }
-  label {
+  ${({variant:o})=>o==="dark"?n:""};
+`,l=r(a)`
+  button {
     padding: 0 26px 0 4px;
     background: transparent;
     font-size: var(--font-size-base);
     font-weight: var(--font-weight-regular);
-    appearance: none;
     height: auto;
+    min-width: auto;
 
     &:hover,
-    &:focus-within {
+    &:focus {
       box-shadow: none;
     }
   }
-`,h=e(t)`
-  position: absolute;
-  right: 10px;
-  top: 10px;
-`;export{h as Arrow,a as Select,c as SimpleSelect};
+`;export{a as Select,l as SimpleSelect};

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

@@ -8,11 +8,8 @@ export interface SelectOption {
 export interface SelectProps {
     options: SelectOption[];
     onChange: (option: SelectOption) => void;
-    handleClear?: () => void;
-    clearable?: boolean;
     ariaLabel?: string;
     className?: string;
-    placeholder?: string;
     value?: string;
     dense?: boolean;
     fullWidth?: boolean;

package/lib/components/common/styled.js

@@ -29,7 +29,7 @@ import{Tag as o}from"@redocly/theme/components/Tag/Tag";import{styled as r}from"
   gap: var(--spacing-xs);
   margin-top: var(--spacing-xs);
 
-  :after {
+  &:after {
     content: '';
     flex: auto;
     border-top: 1px solid var(--border-color-primary);
@@ -44,13 +44,13 @@ import{Tag as o}from"@redocly/theme/components/Tag/Tag";import{styled as r}from"
   color: var(--tag-basic-content-color);
 `,l=r(a)`
   margin-top: 0;
-  margin-left: auto;
+  width: 100%;
 
-  :after {
+  &:after {
     content: none;
   }
 
-  :before {
+  &:before {
     content: '';
     flex: auto;
     border-top: 1px solid var(--border-color-primary);

package/lib/icons/CSharpIcon/CSharpIcon.d.ts

@@ -1,2 +1,3 @@
-export declare const Icon: () => import("react/jsx-runtime").JSX.Element;
+import { type ReactElement } from 'react';
+export declare const Icon: () => ReactElement;
 export declare const CSharpIcon: any;

package/lib/icons/CSharpIcon/CSharpIcon.js

@@ -1 +1 @@
-import{jsx as C,jsxs as t}from"react/jsx-runtime";import{styled as i}from"../../styled-components.js";const l=()=>t("svg",{width:"17",height:"18",viewBox:"0 0 17 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C("g",{id:"Logo_C_sharp 1",clipPath:"url(#clip0_6336_15430)",children:t("g",{id:"Group",children:[C("path",{id:"Vector",d:"M16.1225 5.27827C16.1224 4.9764 16.0578 4.70965 15.9272 4.48071C15.799 4.25559 15.6069 4.0669 15.3493 3.91771C13.2227 2.69152 11.0941 1.46909 8.96823 0.241649C8.3951 -0.0892265 7.83941 -0.077164 7.27054 0.258461C6.4241 0.757648 2.18629 3.18559 0.923477 3.91702C0.403414 4.21809 0.150352 4.67884 0.150227 5.27771C0.149414 7.74365 0.150227 10.2095 0.149414 12.6755C0.149414 12.9708 0.211352 13.2323 0.336164 13.4578C0.464477 13.6898 0.659227 13.8836 0.922789 14.0362C2.18566 14.7676 6.42404 17.1954 7.27029 17.6947C7.83941 18.0305 8.3951 18.0425 8.96841 17.7115C11.0944 16.484 13.2231 15.2616 15.35 14.0355C15.6135 13.883 15.8083 13.689 15.9366 13.4572C16.0612 13.2317 16.1233 12.9701 16.1233 12.6748C16.1233 12.6748 16.1233 7.74427 16.1225 5.27827Z",fill:"#A179DC"}),C("path",{id:"Vector_2",d:"M8.16056 8.95312L0.335938 13.4584C0.46425 13.6903 0.659 13.8842 0.922562 14.0368C2.18544 14.7682 6.42381 17.1959 7.27006 17.6953C7.83919 18.0311 8.39487 18.0431 8.96819 17.7121C11.0941 16.4846 13.2229 15.2622 15.3497 14.036C15.6133 13.8835 15.8081 13.6895 15.9364 13.4577L8.16056 8.95312Z",fill:"#280068"}),C("path",{id:"Vector_3",d:"M16.1218 5.27705C16.1217 4.97518 16.0572 4.70843 15.9266 4.47949L8.16016 8.95137L15.936 13.456C16.0606 13.2305 16.1225 12.9689 16.1227 12.6736C16.1227 12.6736 16.1227 7.74305 16.1218 5.27705Z",fill:"#390091"}),C("path",{id:"Vector_4",d:"M12.768 7.26837V8.11048H13.6101V7.26837H14.0312V8.11048H14.8733V8.53153H14.0312V9.37363H14.8733V9.79469H14.0312V10.6368H13.6101V9.79469H12.768V10.6368H12.347V9.79469H11.5049V9.37363H12.347V8.53153H11.5049V8.11048H12.347V7.26837H12.768ZM13.6101 8.53153H12.768V9.37363H13.6101V8.53153Z",fill:"white"}),C("path",{id:"Vector_5",d:"M8.17777 3.03809C10.3743 3.03809 12.292 4.23098 13.3191 6.00409L13.3091 5.98702L10.7248 7.47504C10.2157 6.61294 9.28223 6.03116 8.2115 6.01918L8.17777 6.01899C6.54492 6.01899 5.22114 7.3427 5.22114 8.97555C5.22114 9.50953 5.3635 10.0101 5.61108 10.4424C6.12071 11.3321 7.07876 11.9322 8.17777 11.9322C9.28357 11.9322 10.2471 11.3245 10.7541 10.4253L10.7418 10.4468L13.3222 11.9417C12.3063 13.6998 10.4149 14.889 8.24391 14.9127L8.17777 14.9131C5.97436 14.9131 4.05119 13.7128 3.02661 11.9304C2.52643 11.0602 2.24023 10.0513 2.24023 8.97555C2.24023 5.69642 4.8985 3.03809 8.17777 3.03809Z",fill:"white"})]})}),C("defs",{children:C("clipPath",{id:"clip0_6336_15430",children:C("rect",{width:"16",height:"18",fill:"white",transform:"translate(0.149414)"})})})]}),e=i(l).attrs(()=>({"data-component-name":"icons/CSharpIcon"}))``;export{e as CSharpIcon,l as Icon};
+import{jsx as t,jsxs as C}from"react/jsx-runtime";import{useUniqueSvgIds as e}from"@redocly/theme/core/openapi";import{styled as l}from"../../styled-components.js";const d=()=>{const r=e(),i=o=>r(o);return C("svg",{width:"17",height:"18",viewBox:"0 0 17 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("g",{id:"Logo_C_sharp 1",clipPath:`url(#${i("clip0_6336_15430")})`,children:C("g",{id:"Group",children:[t("path",{id:"Vector",d:"M16.1225 5.27827C16.1224 4.9764 16.0578 4.70965 15.9272 4.48071C15.799 4.25559 15.6069 4.0669 15.3493 3.91771C13.2227 2.69152 11.0941 1.46909 8.96823 0.241649C8.3951 -0.0892265 7.83941 -0.077164 7.27054 0.258461C6.4241 0.757648 2.18629 3.18559 0.923477 3.91702C0.403414 4.21809 0.150352 4.67884 0.150227 5.27771C0.149414 7.74365 0.150227 10.2095 0.149414 12.6755C0.149414 12.9708 0.211352 13.2323 0.336164 13.4578C0.464477 13.6898 0.659227 13.8836 0.922789 14.0362C2.18566 14.7676 6.42404 17.1954 7.27029 17.6947C7.83941 18.0305 8.3951 18.0425 8.96841 17.7115C11.0944 16.484 13.2231 15.2616 15.35 14.0355C15.6135 13.883 15.8083 13.689 15.9366 13.4572C16.0612 13.2317 16.1233 12.9701 16.1233 12.6748C16.1233 12.6748 16.1233 7.74427 16.1225 5.27827Z",fill:"#A179DC"}),t("path",{id:"Vector_2",d:"M8.16056 8.95312L0.335938 13.4584C0.46425 13.6903 0.659 13.8842 0.922562 14.0368C2.18544 14.7682 6.42381 17.1959 7.27006 17.6953C7.83919 18.0311 8.39487 18.0431 8.96819 17.7121C11.0941 16.4846 13.2229 15.2622 15.3497 14.036C15.6133 13.8835 15.8081 13.6895 15.9364 13.4577L8.16056 8.95312Z",fill:"#280068"}),t("path",{id:"Vector_3",d:"M16.1218 5.27705C16.1217 4.97518 16.0572 4.70843 15.9266 4.47949L8.16016 8.95137L15.936 13.456C16.0606 13.2305 16.1225 12.9689 16.1227 12.6736C16.1227 12.6736 16.1227 7.74305 16.1218 5.27705Z",fill:"#390091"}),t("path",{id:"Vector_4",d:"M12.768 7.26837V8.11048H13.6101V7.26837H14.0312V8.11048H14.8733V8.53153H14.0312V9.37363H14.8733V9.79469H14.0312V10.6368H13.6101V9.79469H12.768V10.6368H12.347V9.79469H11.5049V9.37363H12.347V8.53153H11.5049V8.11048H12.347V7.26837H12.768ZM13.6101 8.53153H12.768V9.37363H13.6101V8.53153Z",fill:"white"}),t("path",{id:"Vector_5",d:"M8.17777 3.03809C10.3743 3.03809 12.292 4.23098 13.3191 6.00409L13.3091 5.98702L10.7248 7.47504C10.2157 6.61294 9.28223 6.03116 8.2115 6.01918L8.17777 6.01899C6.54492 6.01899 5.22114 7.3427 5.22114 8.97555C5.22114 9.50953 5.3635 10.0101 5.61108 10.4424C6.12071 11.3321 7.07876 11.9322 8.17777 11.9322C9.28357 11.9322 10.2471 11.3245 10.7541 10.4253L10.7418 10.4468L13.3222 11.9417C12.3063 13.6998 10.4149 14.889 8.24391 14.9127L8.17777 14.9131C5.97436 14.9131 4.05119 13.7128 3.02661 11.9304C2.52643 11.0602 2.24023 10.0513 2.24023 8.97555C2.24023 5.69642 4.8985 3.03809 8.17777 3.03809Z",fill:"white"})]})}),t("defs",{children:t("clipPath",{id:i("clip0_6336_15430"),children:t("rect",{width:"16",height:"18",fill:"white",transform:"translate(0.149414)"})})})]})},n=l(d).attrs(()=>({"data-component-name":"icons/CSharpIcon"}))``;export{n as CSharpIcon,d as Icon};

package/lib/icons/CurlIcon/CurlIcon.d.ts

@@ -1,4 +1,5 @@
-type IconProps = React.SVGProps<SVGSVGElement>;
-export declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+import type { ReactElement, SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement>;
+export declare const Icon: (props: IconProps) => ReactElement;
 export declare const CurlIcon: any;
 export {};

package/lib/icons/CurlIcon/CurlIcon.js

@@ -1,4 +1,4 @@
-import{jsx as C,jsxs as a}from"react/jsx-runtime";import{styled as s}from"../../styled-components.js";const l=t=>a("svg",{width:"14",height:"14",viewBox:"0 0 24 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:[a("g",{clipPath:"url(#clip0_3789_6604)",children:[C("path",{d:"M22.2305 2.73601C21.6963 2.73601 21.264 2.30296 21.264 1.76946C21.264 1.2352 21.6963 0.802917 22.2305 0.802917C22.764 0.802917 23.1971 1.2352 23.1971 1.76946C23.1971 2.30296 22.764 2.73601 22.2305 2.73601ZM12.6313 19.2502C12.097 19.2502 11.6647 18.8172 11.6647 18.2837C11.6647 17.7494 12.097 17.3171 12.6313 17.3171C13.1648 17.3171 13.5971 17.7494 13.5971 18.2837C13.5971 18.8172 13.1648 19.2502 12.6313 19.2502ZM22.2305 0C21.2533 0 20.4611 0.792261 20.4611 1.76946C20.4611 1.97799 20.5136 2.17206 20.5798 2.35776L12.2789 16.585C11.4768 16.7532 10.8618 17.4313 10.8618 18.2837C10.8618 19.2609 11.6541 20.0531 12.6313 20.0531C13.6077 20.0531 14.4 19.2609 14.4 18.2837C14.4 18.0873 14.3475 17.9077 14.2889 17.7312L22.6316 3.45749C23.4094 3.27103 24 2.60434 24 1.76946C24 0.792261 23.2077 0 22.2305 0Z",className:"path-primary"}),C("path",{d:"M14.9906 2.73601C14.4563 2.73601 14.024 2.30296 14.024 1.76946C14.024 1.2352 14.4563 0.802917 14.9906 0.802917C15.5241 0.802917 15.9564 1.2352 15.9564 1.76946C15.9564 2.30296 15.5241 2.73601 14.9906 2.73601ZM5.39059 19.2502C4.85708 19.2502 4.42404 18.8172 4.42404 18.2837C4.42404 17.7494 4.85708 17.3171 5.39059 17.3171C5.92485 17.3171 6.35713 17.7494 6.35713 18.2837C6.35713 18.8172 5.92485 19.2502 5.39059 19.2502ZM14.9906 0C14.0126 0 13.2211 0.792261 13.2211 1.76946C13.2211 1.97799 13.2736 2.17206 13.3399 2.35776L5.03898 16.585C4.23606 16.7532 3.62112 17.4313 3.62112 18.2837C3.62112 19.2609 4.41339 20.0531 5.39059 20.0531C6.36779 20.0531 7.16005 19.2609 7.16005 18.2837C7.16005 18.0873 7.10754 17.9077 7.04894 17.7312L15.3917 3.45749C16.1695 3.27103 16.7601 2.60434 16.7601 1.76946C16.7601 0.792261 15.967 0 14.9906 0Z",className:"path-secondary"}),C("path",{d:"M1.76946 5.69424C2.30296 5.69424 2.73601 6.12729 2.73601 6.66079C2.73601 7.19429 2.30296 7.62733 1.76946 7.62733C1.2352 7.62733 0.802917 7.19429 0.802917 6.66079C0.802917 6.12729 1.2352 5.69424 1.76946 5.69424ZM1.76946 8.43025C2.74666 8.43025 3.53892 7.63799 3.53892 6.66079C3.53892 6.4652 3.48565 6.28483 3.42705 6.10826C3.19264 5.4058 2.55031 4.89133 1.76946 4.89133C1.64465 4.89133 1.53506 4.93775 1.41709 4.96286C0.614936 5.1303 0 5.8084 0 6.66079C0 7.63799 0.792261 8.43025 1.76946 8.43025Z",className:"path-secondary"}),C("path",{d:"M0.802917 12.8436C0.802917 12.3094 1.23596 11.8771 1.76946 11.8771C2.30296 11.8771 2.73601 12.3094 2.73601 12.8436C2.73601 13.3771 2.30296 13.8094 1.76946 13.8094C1.23596 13.8094 0.802917 13.3771 0.802917 12.8436ZM3.53892 12.8436C3.53892 12.6473 3.48565 12.4677 3.42705 12.2911C3.19264 11.5886 2.55107 11.0742 1.76946 11.0742C1.64465 11.0742 1.53506 11.1206 1.41709 11.145C0.614936 11.3131 0 11.9912 0 12.8436C0 13.8201 0.792261 14.6131 1.76946 14.6131C2.74666 14.6131 3.53892 13.8201 3.53892 12.8436Z",className:"path-secondary"})]}),C("defs",{children:C("clipPath",{id:"clip0_3789_6604",children:C("rect",{width:"24",height:"20.0531",fill:"white"})})})]}),c=s(l).attrs(()=>({"data-component-name":"icons/CurlIcon"}))`
+import{jsx as C,jsxs as a}from"react/jsx-runtime";import{useUniqueSvgIds as c}from"@redocly/theme/core/openapi";import{styled as l}from"../../styled-components.js";const e=s=>{const r=c(),t=i=>r(i);return a("svg",{width:"14",height:"14",viewBox:"0 0 24 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:[a("g",{clipPath:`url(#${t("clip0_3789_6604")})`,children:[C("path",{d:"M22.2305 2.73601C21.6963 2.73601 21.264 2.30296 21.264 1.76946C21.264 1.2352 21.6963 0.802917 22.2305 0.802917C22.764 0.802917 23.1971 1.2352 23.1971 1.76946C23.1971 2.30296 22.764 2.73601 22.2305 2.73601ZM12.6313 19.2502C12.097 19.2502 11.6647 18.8172 11.6647 18.2837C11.6647 17.7494 12.097 17.3171 12.6313 17.3171C13.1648 17.3171 13.5971 17.7494 13.5971 18.2837C13.5971 18.8172 13.1648 19.2502 12.6313 19.2502ZM22.2305 0C21.2533 0 20.4611 0.792261 20.4611 1.76946C20.4611 1.97799 20.5136 2.17206 20.5798 2.35776L12.2789 16.585C11.4768 16.7532 10.8618 17.4313 10.8618 18.2837C10.8618 19.2609 11.6541 20.0531 12.6313 20.0531C13.6077 20.0531 14.4 19.2609 14.4 18.2837C14.4 18.0873 14.3475 17.9077 14.2889 17.7312L22.6316 3.45749C23.4094 3.27103 24 2.60434 24 1.76946C24 0.792261 23.2077 0 22.2305 0Z",className:"path-primary"}),C("path",{d:"M14.9906 2.73601C14.4563 2.73601 14.024 2.30296 14.024 1.76946C14.024 1.2352 14.4563 0.802917 14.9906 0.802917C15.5241 0.802917 15.9564 1.2352 15.9564 1.76946C15.9564 2.30296 15.5241 2.73601 14.9906 2.73601ZM5.39059 19.2502C4.85708 19.2502 4.42404 18.8172 4.42404 18.2837C4.42404 17.7494 4.85708 17.3171 5.39059 17.3171C5.92485 17.3171 6.35713 17.7494 6.35713 18.2837C6.35713 18.8172 5.92485 19.2502 5.39059 19.2502ZM14.9906 0C14.0126 0 13.2211 0.792261 13.2211 1.76946C13.2211 1.97799 13.2736 2.17206 13.3399 2.35776L5.03898 16.585C4.23606 16.7532 3.62112 17.4313 3.62112 18.2837C3.62112 19.2609 4.41339 20.0531 5.39059 20.0531C6.36779 20.0531 7.16005 19.2609 7.16005 18.2837C7.16005 18.0873 7.10754 17.9077 7.04894 17.7312L15.3917 3.45749C16.1695 3.27103 16.7601 2.60434 16.7601 1.76946C16.7601 0.792261 15.967 0 14.9906 0Z",className:"path-secondary"}),C("path",{d:"M1.76946 5.69424C2.30296 5.69424 2.73601 6.12729 2.73601 6.66079C2.73601 7.19429 2.30296 7.62733 1.76946 7.62733C1.2352 7.62733 0.802917 7.19429 0.802917 6.66079C0.802917 6.12729 1.2352 5.69424 1.76946 5.69424ZM1.76946 8.43025C2.74666 8.43025 3.53892 7.63799 3.53892 6.66079C3.53892 6.4652 3.48565 6.28483 3.42705 6.10826C3.19264 5.4058 2.55031 4.89133 1.76946 4.89133C1.64465 4.89133 1.53506 4.93775 1.41709 4.96286C0.614936 5.1303 0 5.8084 0 6.66079C0 7.63799 0.792261 8.43025 1.76946 8.43025Z",className:"path-secondary"}),C("path",{d:"M0.802917 12.8436C0.802917 12.3094 1.23596 11.8771 1.76946 11.8771C2.30296 11.8771 2.73601 12.3094 2.73601 12.8436C2.73601 13.3771 2.30296 13.8094 1.76946 13.8094C1.23596 13.8094 0.802917 13.3771 0.802917 12.8436ZM3.53892 12.8436C3.53892 12.6473 3.48565 12.4677 3.42705 12.2911C3.19264 11.5886 2.55107 11.0742 1.76946 11.0742C1.64465 11.0742 1.53506 11.1206 1.41709 11.145C0.614936 11.3131 0 11.9912 0 12.8436C0 13.8201 0.792261 14.6131 1.76946 14.6131C2.74666 14.6131 3.53892 13.8201 3.53892 12.8436Z",className:"path-secondary"})]}),C("defs",{children:C("clipPath",{id:t("clip0_3789_6604"),children:C("rect",{width:"24",height:"20.0531",fill:"white"})})})]})},n=l(e).attrs(()=>({"data-component-name":"icons/CurlIcon"}))`
   .path-primary {
     fill: #0c544c;
   }
@@ -11,4 +11,4 @@ import{jsx as C,jsxs as a}from"react/jsx-runtime";import{styled as s}from"../../
   html.dark & .path-secondary {
     fill: #ffffff;
   }
-`;export{c as CurlIcon,l as Icon};
+`;export{n as CurlIcon,e as Icon};

package/lib/icons/GOIcon/GOIcon.d.ts

@@ -1,2 +1,3 @@
-export declare const Icon: () => import("react/jsx-runtime").JSX.Element;
+import { type ReactElement } from 'react';
+export declare const Icon: () => ReactElement;
 export declare const GOIcon: any;

package/lib/icons/GOIcon/GOIcon.js

@@ -1 +1 @@
-import{jsx as C,jsxs as t}from"react/jsx-runtime";import{styled as l}from"../../styled-components.js";const i=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"21",height:"19",viewBox:"0 0 12 5",fill:"none",children:[t("g",{clipPath:"url(#clip0_6351_16646)",children:[C("path",{d:"M1.33603 1.58431C1.31445 1.58431 1.30906 1.57353 1.31985 1.55735L1.4331 1.41173C1.44389 1.39555 1.47086 1.38477 1.49243 1.38477H3.41779C3.43936 1.38477 3.44476 1.40095 3.43397 1.41712L3.34229 1.55735C3.3315 1.57353 3.30454 1.58971 3.28836 1.58971L1.33603 1.58431Z",fill:"#3B3C45"}),C("path",{d:"M0.521573 2.08627C0.5 2.08627 0.494607 2.07548 0.505393 2.0593L0.61865 1.91368C0.629436 1.89751 0.656402 1.88672 0.677975 1.88672H3.13726C3.15884 1.88672 3.16962 1.9029 3.16423 1.91908L3.12108 2.04851C3.11569 2.07009 3.09412 2.08087 3.07255 2.08087L0.521573 2.08627Z",fill:"#00ACD7"}),C("path",{d:"M1.82626 2.57845C1.80469 2.57845 1.79929 2.56227 1.81008 2.54609L1.88559 2.41127C1.89637 2.39509 1.91794 2.37891 1.93952 2.37891H3.01815C3.03973 2.37891 3.05051 2.39509 3.05051 2.41666L3.03972 2.54609C3.03972 2.56767 3.01815 2.58385 3.00197 2.58385L1.82626 2.57845Z",fill:"#00ACD7"}),C("path",{d:"M7.42518 1.49193C7.08541 1.57822 6.8535 1.64294 6.51913 1.72923C6.43823 1.7508 6.43284 1.75619 6.36273 1.6753C6.28183 1.58361 6.2225 1.52429 6.10925 1.47036C5.76948 1.30317 5.44049 1.35171 5.13308 1.55125C4.76635 1.78855 4.57758 2.13911 4.58298 2.57596C4.58837 3.00741 4.885 3.36336 5.31106 3.42269C5.67779 3.47122 5.9852 3.34179 6.2279 3.06674C6.27643 3.00741 6.31958 2.94269 6.37351 2.86719C6.17936 2.86719 5.93666 2.86719 5.33263 2.86719C5.21937 2.86719 5.19241 2.79708 5.23016 2.70539C5.30027 2.5382 5.42971 2.25776 5.50521 2.11754C5.52139 2.08518 5.55914 2.03125 5.64004 2.03125C5.91509 2.03125 6.92901 2.03125 7.60316 2.03125C7.59237 2.17686 7.59237 2.32248 7.5708 2.46809C7.51147 2.8564 7.36586 3.21235 7.12856 3.52516C6.74025 4.03751 6.23329 4.3557 5.5915 4.442C5.06297 4.51211 4.57219 4.40964 4.14074 4.08605C3.74164 3.78403 3.51513 3.38493 3.4558 2.88876C3.38569 2.3009 3.55827 1.77237 3.91422 1.30856C4.29714 0.806995 4.8041 0.488798 5.42431 0.375541C5.93127 0.283857 6.41666 0.343182 6.8535 0.639807C7.13934 0.828568 7.34428 1.08744 7.47911 1.40024C7.51147 1.44878 7.4899 1.47575 7.42518 1.49193Z",fill:"#00ACD7"}),C("path",{d:"M9.21072 4.4733C8.71994 4.46252 8.2723 4.3223 7.89478 3.9987C7.57658 3.72365 7.37704 3.3731 7.31232 2.95782C7.21524 2.34839 7.38243 1.80907 7.74916 1.32908C8.14287 0.811337 8.61747 0.541679 9.25925 0.428422C9.80936 0.331345 10.3271 0.385277 10.7963 0.703474C11.2224 0.994705 11.4866 1.38841 11.5567 1.90615C11.6484 2.63423 11.4381 3.22748 10.9365 3.73444C10.5806 4.09578 10.1437 4.3223 9.64217 4.42477C9.49655 4.45173 9.35094 4.45712 9.21072 4.4733ZM10.4943 2.29446C10.4889 2.22435 10.4889 2.17042 10.4781 2.11649C10.381 1.58256 9.89026 1.28054 9.3779 1.39919C8.87634 1.51245 8.55275 1.83065 8.4341 2.33761C8.33702 2.75827 8.54196 3.18433 8.93027 3.35692C9.2269 3.48635 9.52352 3.47017 9.80936 3.32456C10.2354 3.10344 10.4673 2.75827 10.4943 2.29446Z",fill:"#00ACD7"})]}),C("defs",{children:C("clipPath",{id:"clip0_6351_16646",children:C("rect",{width:"11.0769",height:"4.5",fill:"white",transform:"translate(0.5)"})})})]}),n=l(i).attrs(()=>({"data-component-name":"icons/GOIcon"}))``;export{n as GOIcon,i as Icon};
+import{jsx as C,jsxs as i}from"react/jsx-runtime";import{useUniqueSvgIds as n}from"@redocly/theme/core/openapi";import{styled as o}from"../../styled-components.js";const r=()=>{const l=n(),t=s=>l(s);return i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"21",height:"19",viewBox:"0 0 12 5",fill:"none",children:[i("g",{clipPath:`url(#${t("clip0_6351_16646")})`,children:[C("path",{d:"M1.33603 1.58431C1.31445 1.58431 1.30906 1.57353 1.31985 1.55735L1.4331 1.41173C1.44389 1.39555 1.47086 1.38477 1.49243 1.38477H3.41779C3.43936 1.38477 3.44476 1.40095 3.43397 1.41712L3.34229 1.55735C3.3315 1.57353 3.30454 1.58971 3.28836 1.58971L1.33603 1.58431Z",fill:"#3B3C45"}),C("path",{d:"M0.521573 2.08627C0.5 2.08627 0.494607 2.07548 0.505393 2.0593L0.61865 1.91368C0.629436 1.89751 0.656402 1.88672 0.677975 1.88672H3.13726C3.15884 1.88672 3.16962 1.9029 3.16423 1.91908L3.12108 2.04851C3.11569 2.07009 3.09412 2.08087 3.07255 2.08087L0.521573 2.08627Z",fill:"#00ACD7"}),C("path",{d:"M1.82626 2.57845C1.80469 2.57845 1.79929 2.56227 1.81008 2.54609L1.88559 2.41127C1.89637 2.39509 1.91794 2.37891 1.93952 2.37891H3.01815C3.03973 2.37891 3.05051 2.39509 3.05051 2.41666L3.03972 2.54609C3.03972 2.56767 3.01815 2.58385 3.00197 2.58385L1.82626 2.57845Z",fill:"#00ACD7"}),C("path",{d:"M7.42518 1.49193C7.08541 1.57822 6.8535 1.64294 6.51913 1.72923C6.43823 1.7508 6.43284 1.75619 6.36273 1.6753C6.28183 1.58361 6.2225 1.52429 6.10925 1.47036C5.76948 1.30317 5.44049 1.35171 5.13308 1.55125C4.76635 1.78855 4.57758 2.13911 4.58298 2.57596C4.58837 3.00741 4.885 3.36336 5.31106 3.42269C5.67779 3.47122 5.9852 3.34179 6.2279 3.06674C6.27643 3.00741 6.31958 2.94269 6.37351 2.86719C6.17936 2.86719 5.93666 2.86719 5.33263 2.86719C5.21937 2.86719 5.19241 2.79708 5.23016 2.70539C5.30027 2.5382 5.42971 2.25776 5.50521 2.11754C5.52139 2.08518 5.55914 2.03125 5.64004 2.03125C5.91509 2.03125 6.92901 2.03125 7.60316 2.03125C7.59237 2.17686 7.59237 2.32248 7.5708 2.46809C7.51147 2.8564 7.36586 3.21235 7.12856 3.52516C6.74025 4.03751 6.23329 4.3557 5.5915 4.442C5.06297 4.51211 4.57219 4.40964 4.14074 4.08605C3.74164 3.78403 3.51513 3.38493 3.4558 2.88876C3.38569 2.3009 3.55827 1.77237 3.91422 1.30856C4.29714 0.806995 4.8041 0.488798 5.42431 0.375541C5.93127 0.283857 6.41666 0.343182 6.8535 0.639807C7.13934 0.828568 7.34428 1.08744 7.47911 1.40024C7.51147 1.44878 7.4899 1.47575 7.42518 1.49193Z",fill:"#00ACD7"}),C("path",{d:"M9.21072 4.4733C8.71994 4.46252 8.2723 4.3223 7.89478 3.9987C7.57658 3.72365 7.37704 3.3731 7.31232 2.95782C7.21524 2.34839 7.38243 1.80907 7.74916 1.32908C8.14287 0.811337 8.61747 0.541679 9.25925 0.428422C9.80936 0.331345 10.3271 0.385277 10.7963 0.703474C11.2224 0.994705 11.4866 1.38841 11.5567 1.90615C11.6484 2.63423 11.4381 3.22748 10.9365 3.73444C10.5806 4.09578 10.1437 4.3223 9.64217 4.42477C9.49655 4.45173 9.35094 4.45712 9.21072 4.4733ZM10.4943 2.29446C10.4889 2.22435 10.4889 2.17042 10.4781 2.11649C10.381 1.58256 9.89026 1.28054 9.3779 1.39919C8.87634 1.51245 8.55275 1.83065 8.4341 2.33761C8.33702 2.75827 8.54196 3.18433 8.93027 3.35692C9.2269 3.48635 9.52352 3.47017 9.80936 3.32456C10.2354 3.10344 10.4673 2.75827 10.4943 2.29446Z",fill:"#00ACD7"})]}),C("defs",{children:C("clipPath",{id:t("clip0_6351_16646"),children:C("rect",{width:"11.0769",height:"4.5",fill:"white",transform:"translate(0.5)"})})})]})},d=o(r).attrs(()=>({"data-component-name":"icons/GOIcon"}))``;export{d as GOIcon,r as Icon};

package/lib/icons/JavaIcon/JavaIcon.d.ts

@@ -1,2 +1,3 @@
-export declare const Icon: () => import("react/jsx-runtime").JSX.Element;
+import { type ReactElement } from 'react';
+export declare const Icon: () => ReactElement;
 export declare const JavaIcon: any;