@redocly/asyncapi-docs 0.5.0-rc.8 → 1.0.0

package/lib/components/OperationSection.js

@@ -1,17 +1,17 @@
-var P=Object.create;var c=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var I=(o,t)=>{for(var i in t)c(o,i,{get:t[i],enumerable:!0})},g=(o,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of D(t))!R.call(o,r)&&r!==i&&c(o,r,{get:()=>t[r],enumerable:!(l=j(t,r))||l.enumerable});return o};var v=(o,t,i)=>(i=o!=null?P(O(o)):{},g(t||!o||!o.__esModule?c(i,"default",{value:o,enumerable:!0}):i,o)),_=o=>g(c({},"__esModule",{value:!0}),o);var T={};I(T,{OperationSection:()=>$});module.exports=_(T);var a=require("react/jsx-runtime"),u=v(require("styled-components")),e=require("@redocly/theme"),n=require("@redocly/openapi-docs"),d=require("jotai"),S=v(require("react")),b=require("./Operation"),k=require("../hooks"),m=require("../jotai-store/app"),L=require("./common");const $=S.default.memo(({operations:o,type:t,id:i})=>{const{getProtocolLabel:l}=(0,k.useProtocolLabels)(),r=(0,d.useAtomValue)(m.layoutAtom),w=(0,d.useAtomValue)(m.definitionAtom),x=(0,d.useAtomValue)(m.routingBasePathAtom),y=r===e.LayoutVariant.STACKED,A=o.length?(0,a.jsx)(n.Row,{layout:r,children:(0,a.jsx)(n.SamplesMiddlePanel,{isStacked:y,children:(0,a.jsxs)(H,{children:[(0,a.jsx)(L.LinkToField,{to:(0,e.combineUrls)(x,(0,n.makeDeepLink)(i,t))}),l(`${t}Label`)]})})}):null;return(0,a.jsx)(B,{"data-component-name":"OperationSection/OperationSection",children:o.map((s,f)=>{var p;const h=(p=w.operations)===null||p===void 0?void 0:p[s.id];return h?(0,a.jsx)(b.Operation,{operation:h,dataSectionId:s.dataSectionId,headerRow:f===0?A:null,id:s.id,showDivider:f!==o.length-1},s.id):null})})}),B=u.default.div`
+"use strict";var m=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationSection=void 0;const t=require("react/jsx-runtime"),_=m(require("styled-components")),i=require("@redocly/theme"),a=require("@redocly/openapi-docs"),r=require("jotai"),S=m(require("react")),b=require("./Operation"),j=require("../hooks"),s=require("../jotai-store/app"),k=require("./common");exports.OperationSection=S.default.memo(({operations:e,type:c,id:p})=>{const{getProtocolLabel:h}=(0,j.useProtocolLabels)(),l=(0,r.useAtomValue)(s.layoutAtom),v=(0,r.useAtomValue)(s.definitionAtom),f=(0,r.useAtomValue)(s.routingBasePathAtom),g=l===i.LayoutVariant.STACKED,q=e.length?(0,t.jsx)(a.Row,{layout:l,children:(0,t.jsx)(a.SamplesMiddlePanel,{isStacked:g,children:(0,t.jsxs)(A,{children:[(0,t.jsx)(k.LinkToField,{to:(0,i.combineUrls)(f,(0,a.makeDeepLink)(p,c))}),h(`${c}Label`)]})})}):null;return(0,t.jsx)(y,{"data-component-name":"OperationSection/OperationSection",children:e.map((o,u)=>{var n;const d=(n=v.operations)===null||n===void 0?void 0:n[o.id];return d?(0,t.jsx)(b.Operation,{operation:d,dataSectionId:o.dataSectionId,headerRow:u===0?q:null,id:o.id,showDivider:u!==e.length-1},o.id):null})})});const y=_.default.div`
   width: 100%;
-`,H=(0,u.default)(e.H4)`
+`,A=(0,_.default)(i.H4)`
   margin-bottom: var(--spacing-lg);
   text-transform: capitalize;
   position: relative;
   :hover {
-    ${e.LinkIcon} {
+    ${i.LinkIcon} {
       opacity: 1;
       visibility: visible;
     }
   }
 
-  @media screen and (max-width: ${e.breakpoints.large}) {
+  @media screen and (max-width: ${i.breakpoints.large}) {
     margin: 0;
   }
-`;0&&(module.exports={OperationSection});
+`;

package/lib/components/RightPanel.js

@@ -1 +1 @@
-var P=Object.create;var s=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var A=(e,a)=>{for(var t in a)s(e,t,{get:a[t],enumerable:!0})},d=(e,a,t,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of f(a))!j.call(e,l)&&l!==t&&s(e,l,{get:()=>a[l],enumerable:!(r=S(a,l))||r.enumerable});return e};var R=(e,a,t)=>(t=e!=null?P(g(e)):{},d(a||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),D=e=>d(s({},"__esModule",{value:!0}),e);var b={};A(b,{RightPanel:()=>O});module.exports=D(b);var o=require("react/jsx-runtime"),c=require("jotai"),n=require("@redocly/openapi-docs"),i=require("@redocly/theme"),m=R(require("react")),p=require("./ServersListPanel"),v=require("./DownloadSpecification"),u=require("../jotai-store/app"),h=require("../hooks");const O=m.default.memo(({info:e,servers:a})=>{const t=(0,h.useTranslate)(),r=(0,m.useMemo)(()=>Object.entries(a||{}).map(([x,y])=>({key:x,value:y})),[a]),w=(0,c.useAtomValue)(u.layoutAtom)===i.LayoutVariant.STACKED;return(0,o.jsxs)(n.RightPanelContainer,{isStacked:w,"data-component-name":"RightPanel/RightPanel",children:[(0,o.jsx)(i.Panel,{className:"panel-download",header:t("asyncapi.download.description.title","Download AsycAPI description"),isExpandable:!1,children:(0,o.jsx)(v.DownloadSpecification,{})}),(e?.license||e?.contact||e?.termsOfService)&&(0,o.jsx)(i.Panel,{className:"panel-overview",header:t("asyncapi.info.title","Overview"),isExpandable:!1,children:(0,o.jsx)(i.Markdown,{children:(0,o.jsx)(n.Overview,{info:e,translate:t})})}),!!r?.length&&(0,o.jsx)(p.ServersListPanel,{servers:r,showDetails:!0})]})});0&&(module.exports={RightPanel});
+"use strict";var _=exports&&exports.__createBinding||(Object.create?function(e,t,n,i){i===void 0&&(i=n);var a=Object.getOwnPropertyDescriptor(t,n);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,a)}:function(e,t,n,i){i===void 0&&(i=n),e[i]=t[n]}),v=exports&&exports.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),f=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var n in e)n!=="default"&&Object.prototype.hasOwnProperty.call(e,n)&&_(t,e,n);return v(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;const r=require("react/jsx-runtime"),h=require("jotai"),s=require("@redocly/openapi-docs"),l=require("@redocly/theme"),c=f(require("react")),p=require("./ServersListPanel"),j=require("./DownloadSpecification"),P=require("../jotai-store/app"),b=require("../hooks");exports.RightPanel=c.default.memo(({info:e,servers:t})=>{const n=(0,b.useTranslate)(),i=(0,c.useMemo)(()=>Object.entries(t||{}).map(([u,d])=>({key:u,value:d})),[t]),o=(0,h.useAtomValue)(P.layoutAtom)===l.LayoutVariant.STACKED;return(0,r.jsxs)(s.RightPanelContainer,{isStacked:o,"data-component-name":"RightPanel/RightPanel",children:[(0,r.jsx)(l.Panel,{className:"panel-download",header:n("asyncapi.download.description.title","Download AsycAPI description"),isExpandable:!1,children:(0,r.jsx)(j.DownloadSpecification,{})}),(e?.license||e?.contact||e?.termsOfService)&&(0,r.jsx)(l.Panel,{className:"panel-overview",header:n("asyncapi.info.title","Overview"),isExpandable:!1,children:(0,r.jsx)(l.Markdown,{children:(0,r.jsx)(s.Overview,{info:e,translate:n})})}),!!i?.length&&(0,r.jsx)(p.ServersListPanel,{servers:i,showDetails:!0})]})});

package/lib/components/SamplesPanel.js

@@ -1,10 +1,10 @@
-var y=Object.create;var c=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var S=(e,o)=>{for(var n in o)c(e,n,{get:o[n],enumerable:!0})},f=(e,o,n,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of x(o))!P.call(e,a)&&a!==n&&c(e,a,{get:()=>o[a],enumerable:!(r=w(o,a))||r.enumerable});return e};var _=(e,o,n)=>(n=e!=null?y(E(e)):{},f(o||!e||!e.__esModule?c(n,"default",{value:e,enumerable:!0}):n,e)),b=e=>f(c({},"__esModule",{value:!0}),e);var B={};S(B,{SamplesPanel:()=>j});module.exports=b(B);var l=require("react/jsx-runtime"),t=require("@redocly/theme"),m=_(require("styled-components")),u=require("@redocly/openapi-docs"),s=require("react"),p=require("../hooks");const j=({examples:e})=>{const[o,n]=(0,s.useState)(e[0]),{getProtocolLabel:r}=(0,p.useProtocolLabels)(),a=(0,p.useTelemetry)();(0,s.useEffect)(()=>{n(e[0])},[e,n]);const g=d=>{const i=e?.find(h=>h.name===d);i&&(n(i),a.send({type:"asyncapi_docs.switch_example.clicked",payload:{example:d,number_of_examples:e.length}}))},v=(0,s.useMemo)(()=>e?.reduce((d,i,h)=>(d[i.name||`Example ${h+1}`]=Object.assign({},i),d),{}),[e]);return(0,l.jsxs)(C,{className:"panel-messages-samples",header:()=>(0,l.jsx)(L,{isExpandable:!1,children:r("payload")}),children:[(0,l.jsx)(k,{examples:v,exampleKey:o?.name,onChange:g}),(0,l.jsx)(t.JsonViewer,{data:o?.payload,expandLevel:3})]})},C=(0,m.default)(t.Panel)`
-  ${t.PanelBody} {
+"use strict";var m=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesPanel=void 0;const l=require("react/jsx-runtime"),o=require("@redocly/theme"),d=m(require("styled-components")),f=require("@redocly/openapi-docs"),r=require("react"),c=require("../hooks"),v=({examples:e})=>{const[t,s]=(0,r.useState)(e[0]),{getProtocolLabel:u}=(0,c.useProtocolLabels)(),h=(0,c.useTelemetry)();(0,r.useEffect)(()=>{s(e[0])},[e,s]);const _=n=>{const a=e?.find(i=>i.name===n);a&&(s(a),h.send({type:"asyncapi_docs.switch_example.clicked",payload:{example:n,number_of_examples:e.length}}))},p=(0,r.useMemo)(()=>e?.reduce((n,a,i)=>(n[a.name||`Example ${i+1}`]=Object.assign({},a),n),{}),[e]);return(0,l.jsxs)(g,{className:"panel-messages-samples",header:()=>(0,l.jsx)(y,{isExpandable:!1,children:u("payload")}),children:[(0,l.jsx)(P,{examples:p,exampleKey:t?.name,onChange:_}),(0,l.jsx)(o.JsonViewer,{data:t?.payload,expandLevel:3})]})};exports.SamplesPanel=v;const g=(0,d.default)(o.Panel)`
+  ${o.PanelBody} {
     padding: var(--spacing-sm) 0 0;
     line-height: var(--line-height-md);
   }
-`,L=(0,m.default)(t.PanelHeader)`
+`,y=(0,d.default)(o.PanelHeader)`
   font-weight: var(--font-weight-regular);
-`,k=(0,m.default)(u.ExampleSwitch)`
+`,P=(0,d.default)(f.ExampleSwitch)`
   overflow: hidden;
-`;0&&(module.exports={SamplesPanel});
+`;

package/lib/components/Server.js

@@ -1,28 +1,28 @@
-var g=Object.create;var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var S=(e,a)=>{for(var i in a)l(e,i,{get:a[i],enumerable:!0})},d=(e,a,i,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of u(a))!y.call(e,s)&&s!==i&&l(e,s,{get:()=>a[s],enumerable:!(r=h(a,s))||r.enumerable});return e};var b=(e,a,i)=>(i=e!=null?g(v(e)):{},d(a||!e||!e.__esModule?l(i,"default",{value:e,enumerable:!0}):i,e)),I=e=>d(l({},"__esModule",{value:!0}),e);var L={};S(L,{Server:()=>j});module.exports=I(L);var t=require("react/jsx-runtime"),o=b(require("styled-components")),n=require("@redocly/theme"),m=require("react"),f=require("./ServerModal"),c=require("./common");const j=({server:e,showDetails:a})=>{const[i,r]=(0,m.useState)(!1);return(0,n.useModalScrollLock)(i),(0,t.jsxs)(k,{"data-component-name":"Server/Server",children:[(0,t.jsxs)(M,{children:[(0,t.jsx)(w,{children:(p=>{switch(p){case"kafka":return(0,t.jsx)(n.KafkaIcon,{size:"20px"});case"amqp":return(0,t.jsx)(n.RabbitMQIcon,{size:"20px"});default:return(0,t.jsx)(n.DatabaseIcon,{size:"20px"})}})(e.value.protocol)}),(0,t.jsx)(B,{children:e.key})]}),(0,t.jsxs)(z,{children:[(0,t.jsx)(c.HostList,{children:e.value.host.split(" ").map((p,x)=>(0,t.jsx)("span",{children:p},x))}),(0,t.jsx)(n.CopyButton,{data:e.value.host},e.value.host)]}),a&&(0,t.jsx)(C,{onClick:()=>r(!0),children:(0,t.jsx)(c.MoreDetailsButton,{expanded:!1})}),i&&(0,t.jsx)(n.Portal,{mountId:"api-content",children:(0,t.jsx)(f.ServerModal,{server:e,onClose:()=>r(!1)})})]})},k=o.default.div`
+"use strict";var u=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Server=void 0;const e=require("react/jsx-runtime"),s=u(require("styled-components")),n=require("@redocly/theme"),p=require("react"),x=require("./ServerModal"),l=require("./common"),f=({server:t,showDetails:o})=>{const[i,r]=(0,p.useState)(!1);(0,n.useModalScrollLock)(i);const c=a=>{switch(a){case"kafka":return(0,e.jsx)(n.KafkaIcon,{size:"20px"});case"amqp":return(0,e.jsx)(n.RabbitMQIcon,{size:"20px"});default:return(0,e.jsx)(n.DatabaseIcon,{size:"20px"})}};return(0,e.jsxs)(v,{"data-component-name":"Server/Server",children:[(0,e.jsxs)(g,{children:[(0,e.jsx)(h,{children:c(t.value.protocol)}),(0,e.jsx)(m,{children:t.key})]}),(0,e.jsxs)(j,{children:[(0,e.jsx)(l.HostList,{children:t.value.host.split(" ").map((a,d)=>(0,e.jsx)("span",{children:a},d))}),(0,e.jsx)(n.CopyButton,{data:t.value.host},t.value.host)]}),o&&(0,e.jsx)(_,{onClick:()=>r(!0),children:(0,e.jsx)(l.MoreDetailsButton,{expanded:!1})}),i&&(0,e.jsx)(n.Portal,{mountId:"api-content",children:(0,e.jsx)(x.ServerModal,{server:t,onClose:()=>r(!1)})})]})};exports.Server=f;const v=s.default.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   padding: var(--spacing-sm) var(--spacing-md);
-`,w=o.default.div`
+`,h=s.default.div`
   width: 20px;
   height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
-`,M=o.default.div`
+`,g=s.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: var(--spacing-xxs);
-`,z=o.default.span`
+`,j=s.default.span`
   padding-left: var(--spacing-lg);
   min-height: 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,B=o.default.span`
+`,m=s.default.span`
   font-weight: var(--font-weight-semibold);
   text-transform: capitalize;
-`,C=o.default.div`
+`,_=s.default.div`
   padding-left: var(--spacing-lg);
-`;0&&(module.exports={Server});
+`;

package/lib/components/ServerBindingsSection.js

@@ -1 +1 @@
-var a=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var p=(r,e)=>{for(var s in e)a(r,s,{get:e[s],enumerable:!0})},f=(r,e,s,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of h(e))!b.call(r,o)&&o!==s&&a(r,o,{get:()=>e[o],enumerable:!(t=g(e,o))||t.enumerable});return r};var y=r=>f(a({},"__esModule",{value:!0}),r);var O={};p(O,{ServerBindingsSection:()=>S});module.exports=y(O);var n=require("react/jsx-runtime"),d=require("@redocly/openapi-docs"),c=require("@redocly/theme"),l=require("react"),i=require("./common"),m=require("../hooks"),u=function(r,e){var s={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(s[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(r);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(r,t[o])&&(s[t[o]]=r[t[o]]);return s};const x=({key:r,value:e})=>{const{bindingVersion:s}=e,t=u(e,["bindingVersion"]);switch(r){case"kafka":return(0,n.jsxs)(n.Fragment,{children:[e.schemaRegistryUrl&&(0,n.jsxs)(i.Section,{children:[(0,n.jsx)(i.Label,{"data-testid":"schema-registry-url-label",children:"Schema Registry URL:"}),(0,n.jsx)(i.ExternalDocumentationWrapper,{children:(0,n.jsx)(d.ExternalDocumentation,{externalDocs:{url:e.schemaRegistryUrl},compact:!0})})]}),e.schemaRegistryUrl&&(0,n.jsxs)(i.Section,{children:[(0,n.jsx)(i.Label,{"data-testid":"schema-registry-vendor-label",children:"Schema Registry Vendor:"}),(0,n.jsx)(i.Value,{"data-testid":"schema-registry-vendor-value",children:e.schemaRegistryVendor})]}),e.bindingVersion&&(0,n.jsxs)(i.Section,{children:[(0,n.jsx)(i.Label,{"data-testid":"binding-version-label",children:"Binding Version:"}),(0,n.jsx)(i.Value,{"data-testid":"binding-version-value",children:e.bindingVersion})]})]});default:return(0,n.jsx)(c.JsonViewer,{data:t,expandLevel:3,hideHeader:!0})}},S=({server:r})=>{const{getProtocolLabel:e}=(0,m.useProtocolLabels)(),s=(0,l.useMemo)(()=>Object.entries(r.bindings||{}).map(([t,o])=>({key:t,value:o}))[0],[r.bindings]);return(0,n.jsxs)(i.Block,{"data-component-name":"ServerBindingsSection/ServerBindingsSection",children:[(0,n.jsxs)(i.Header,{children:[e("server")," Configuration"]}),x(s)]})};0&&(module.exports={ServerBindingsSection});
+"use strict";var c=exports&&exports.__rest||function(t,r){var o={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&r.indexOf(n)<0&&(o[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++)r.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(o[n[s]]=t[n[s]]);return o};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerBindingsSection=void 0;const e=require("react/jsx-runtime"),a=require("@redocly/openapi-docs"),d=require("@redocly/theme"),l=require("react"),i=require("./common"),g=require("../hooks"),h=({key:t,value:r})=>{const{bindingVersion:o}=r,n=c(r,["bindingVersion"]);switch(t){case"kafka":return(0,e.jsxs)(e.Fragment,{children:[r.schemaRegistryUrl&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{"data-testid":"schema-registry-url-label",children:"Schema Registry URL:"}),(0,e.jsx)(i.ExternalDocumentationWrapper,{children:(0,e.jsx)(a.ExternalDocumentation,{externalDocs:{url:r.schemaRegistryUrl},compact:!0})})]}),r.schemaRegistryUrl&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{"data-testid":"schema-registry-vendor-label",children:"Schema Registry Vendor:"}),(0,e.jsx)(i.Value,{"data-testid":"schema-registry-vendor-value",children:r.schemaRegistryVendor})]}),r.bindingVersion&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{"data-testid":"binding-version-label",children:"Binding Version:"}),(0,e.jsx)(i.Value,{"data-testid":"binding-version-value",children:r.bindingVersion})]})]});default:return(0,e.jsx)(d.JsonViewer,{data:n,expandLevel:3,hideHeader:!0})}},u=({server:t})=>{const{getProtocolLabel:r}=(0,g.useProtocolLabels)(),o=(0,l.useMemo)(()=>Object.entries(t.bindings||{}).map(([n,s])=>({key:n,value:s}))[0],[t.bindings]);return(0,e.jsxs)(i.Block,{"data-component-name":"ServerBindingsSection/ServerBindingsSection",children:[(0,e.jsxs)(i.Header,{children:[r("server")," Configuration"]}),h(o)]})};exports.ServerBindingsSection=u;

package/lib/components/ServerModal.js

@@ -1,4 +1,4 @@
-var u=Object.create;var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var S=(e,a)=>{for(var r in a)l(e,r,{get:a[r],enumerable:!0})},p=(e,a,r,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of f(a))!b.call(e,i)&&i!==r&&l(e,i,{get:()=>a[i],enumerable:!(s=m(a,i))||s.enumerable});return e};var w=(e,a,r)=>(r=e!=null?u(x(e)):{},p(a||!e||!e.__esModule?l(r,"default",{value:e,enumerable:!0}):r,e)),k=e=>p(l({},"__esModule",{value:!0}),e);var R={};S(R,{ServerModal:()=>I});module.exports=k(R);var t=require("react/jsx-runtime"),o=require("@redocly/theme"),n=w(require("styled-components")),c=require("react"),g=require("./ServerOverviewSection"),v=require("./ServerBindingsSection");const y=[{label:"Overview",value:0}],z=({protocol:e})=>{switch(e){case"kafka":return(0,t.jsx)(o.KafkaIcon,{size:"24px"});case"amqp":return(0,t.jsx)(o.RabbitMQIcon,{size:"24px"});default:return(0,t.jsx)(o.DatabaseIcon,{size:"24px"})}},I=({server:e,onClose:a})=>{const[r,s]=(0,c.useState)(0),i=(0,c.useRef)(null);(0,o.useOutsideClick)(i,a),(0,o.useFocusTrap)(i);const d=[...y];return e.value.bindings&&d.push({label:"Configuration",value:2}),(0,t.jsx)(B,{"data-component-name":"ServerModal/ServerModal",children:(0,t.jsxs)(C,{ref:i,tabIndex:0,children:[(0,t.jsx)(M,{onClick:a,"data-testid":"close",variant:"ghost",icon:(0,t.jsx)(o.CloseIcon,{})}),(0,t.jsxs)(O,{children:[(0,t.jsx)(z,{protocol:e.value.protocol}),(0,t.jsx)(T,{children:e.value.protocol}),": ",e.key]}),(0,t.jsx)(o.Segmented,{value:r,onChange:({value:h})=>s(h),options:d}),(0,t.jsxs)(j,{children:[r===0&&(0,t.jsx)(g.ServerOverviewSection,{server:e.value}),r===2&&(0,t.jsx)(v.ServerBindingsSection,{server:e.value})]})]})})},B=n.default.div`
+"use strict";var u=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerModal=void 0;const e=require("react/jsx-runtime"),a=require("@redocly/theme"),o=u(require("styled-components")),l=require("react"),v=require("./ServerOverviewSection"),p=require("./ServerBindingsSection"),g=[{label:"Overview",value:0}],h=({protocol:t})=>{switch(t){case"kafka":return(0,e.jsx)(a.KafkaIcon,{size:"24px"});case"amqp":return(0,e.jsx)(a.RabbitMQIcon,{size:"24px"});default:return(0,e.jsx)(a.DatabaseIcon,{size:"24px"})}},f=({server:t,onClose:n})=>{const[r,c]=(0,l.useState)(0),i=(0,l.useRef)(null);(0,a.useOutsideClick)(i,n),(0,a.useFocusTrap)(i);const s=[...g];return t.value.bindings&&s.push({label:"Configuration",value:2}),(0,e.jsx)(x,{"data-component-name":"ServerModal/ServerModal",children:(0,e.jsxs)(b,{ref:i,tabIndex:0,children:[(0,e.jsx)(m,{onClick:n,"data-testid":"close",variant:"ghost",icon:(0,e.jsx)(a.CloseIcon,{})}),(0,e.jsxs)(S,{children:[(0,e.jsx)(h,{protocol:t.value.protocol}),(0,e.jsx)(_,{children:t.value.protocol}),": ",t.key]}),(0,e.jsx)(a.Segmented,{value:r,onChange:({value:d})=>c(d),options:s}),(0,e.jsxs)(j,{children:[r===0&&(0,e.jsx)(v.ServerOverviewSection,{server:t.value}),r===2&&(0,e.jsx)(p.ServerBindingsSection,{server:t.value})]})]})})};exports.ServerModal=f;const x=o.default.div`
   background: var(--bg-color-modal-overlay);
   position: fixed;
   width: 100vw;
@@ -7,7 +7,7 @@ var u=Object.create;var l=Object.defineProperty;var m=Object.getOwnPropertyDescr
   left: 0;
   top: 0;
   pointer-events: auto;
-`,C=n.default.div`
+`,b=o.default.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow);
   border-radius: var(--border-radius-lg);
@@ -28,11 +28,11 @@ var u=Object.create;var l=Object.defineProperty;var m=Object.getOwnPropertyDescr
     font-size: var(--font-size-base);
     line-height: var(--line-height-base);
   }
-`,M=(0,n.default)(o.Button)`
+`,m=(0,o.default)(a.Button)`
   position: absolute;
   right: var(--spacing-md);
   top: var(--spacing-md);
-`,O=(0,n.default)(o.Typography)`
+`,S=(0,o.default)(a.Typography)`
   display: flex;
   align-items: center;
   font-size: var(--h4-font-size);
@@ -41,9 +41,9 @@ var u=Object.create;var l=Object.defineProperty;var m=Object.getOwnPropertyDescr
   svg {
     margin-right: var(--spacing-xs);
   }
-`,T=n.default.span`
+`,_=o.default.span`
   text-transform: capitalize;
-`,j=n.default.div`
+`,j=o.default.div`
   padding-top: var(--spacing-base);
   width: 100%;
-`;0&&(module.exports={ServerModal});
+`;

package/lib/components/ServerOverviewSection.js

@@ -1,25 +1,25 @@
-var f=Object.create;var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var D=(n,r)=>{for(var o in r)d(n,o,{get:r[o],enumerable:!0})},g=(n,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of u(r))!y.call(n,c)&&c!==o&&d(n,c,{get:()=>r[c],enumerable:!(t=b(r,c))||t.enumerable});return n};var V=(n,r,o)=>(o=n!=null?f(S(n)):{},g(r||!n||!n.__esModule?d(o,"default",{value:n,enumerable:!0}):o,n)),w=n=>g(d({},"__esModule",{value:!0}),n);var I={};D(I,{ServerOverviewSection:()=>v});module.exports=w(I);var i=require("react/jsx-runtime"),p=require("@redocly/theme"),x=require("@redocly/openapi-docs"),l=V(require("styled-components")),m=require("react/jsx-runtime"),e=require("./common");const z=n=>{const r=n.title||n.summary||n.description;return(0,i.jsxs)(e.Block,{children:[(0,i.jsx)(e.Header,{children:"Info"}),(0,i.jsxs)(e.Section,{children:[(0,i.jsx)(e.Label,{children:"Host:"}),(0,i.jsx)(e.Value,{children:(0,i.jsx)(e.HostList,{children:n.host.split(" ").map((o,t)=>(0,i.jsx)("span",{children:o},t))})})]}),(0,i.jsxs)(e.Section,{children:[(0,i.jsxs)(e.Label,{children:["Protocol",n.protocolVersion?" and version":"",":"]}),(0,i.jsxs)(e.Value,{children:[n.protocol,n.protocolVersion&&`, ${n.protocolVersion}`]})]}),r&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a,{}),n.title&&(0,i.jsxs)(e.Section,{children:[(0,i.jsx)(e.Label,{children:"Title:"}),(0,i.jsx)(e.Value,{children:n.title})]}),n.summary&&(0,i.jsxs)(e.Section,{children:[(0,i.jsx)(e.Label,{children:"Summary:"}),(0,i.jsx)(e.Value,{children:n.summary})]}),n.description&&(0,i.jsxs)(e.Section,{children:[(0,i.jsx)(e.Label,{children:"Description:"}),(0,i.jsx)(e.Value,{children:n.description})]})]})]})},T=n=>(0,i.jsxs)(e.Block,{children:[(0,i.jsx)(e.Header,{children:"Variables"}),n.map(({key:r,value:o},t,c)=>(0,i.jsxs)(m.Fragment,{children:[(0,i.jsxs)(e.Section,{children:[(0,i.jsx)(E,{children:r}),o.default&&(0,i.jsxs)(h,{children:["Default",(0,i.jsx)(p.Tag,{size:"small",borderless:!0,children:o.default})]}),o.description&&(0,i.jsx)(F,{children:o.description}),o.enum&&(0,i.jsxs)(h,{children:["Enum",(0,i.jsx)(H,{children:o.enum.map(s=>(0,i.jsx)(p.Tag,{size:"small",borderless:!0,children:s},s))})]})]}),t<c.length-1&&(0,i.jsx)(a,{})]},r))]}),j=n=>(0,i.jsxs)(e.Block,{children:[(0,i.jsx)(e.Header,{children:"Tags"}),n.map((r,o,t)=>(0,i.jsxs)(m.Fragment,{children:[(0,i.jsxs)(e.Section,{children:[(0,i.jsx)(e.Value,{children:r.name}),r.description&&(0,i.jsx)(e.Label,{children:r.description}),r.externalDocs&&(0,i.jsx)(e.ExternalDocumentationWrapper,{children:(0,i.jsx)(x.ExternalDocumentation,{externalDocs:r.externalDocs,compact:!0})})]}),o<t.length-1&&(0,i.jsx)(a,{})]},r.name))]}),v=({server:n})=>{const r=Object.entries(n.variables||{}).map(([c,s])=>({key:c,value:s})),o=n.tags&&n.tags.length>0,t=r.length>0;return(0,i.jsxs)(O,{"data-component-name":"ServerOverviewSection/ServerOverviewSection",children:[z(n),t&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a,{}),T(r)]}),o&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a,{}),n.tags&&j(n.tags)]})]})},O=l.default.div`
+"use strict";var j=exports&&exports.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerOverviewSection=void 0;const e=require("react/jsx-runtime"),x=require("@redocly/theme"),p=require("@redocly/openapi-docs"),c=j(require("styled-components")),h=require("react/jsx-runtime"),i=require("./common"),m=n=>{const s=n.title||n.summary||n.description;return(0,e.jsxs)(i.Block,{children:[(0,e.jsx)(i.Header,{children:"Info"}),(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Host:"}),(0,e.jsx)(i.Value,{children:(0,e.jsx)(i.HostList,{children:n.host.split(" ").map((r,t)=>(0,e.jsx)("span",{children:r},t))})})]}),(0,e.jsxs)(i.Section,{children:[(0,e.jsxs)(i.Label,{children:["Protocol",n.protocolVersion?" and version":"",":"]}),(0,e.jsxs)(i.Value,{children:[n.protocol,n.protocolVersion&&`, ${n.protocolVersion}`]})]}),s&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o,{}),n.title&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Title:"}),(0,e.jsx)(i.Value,{children:n.title})]}),n.summary&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Summary:"}),(0,e.jsx)(i.Value,{children:n.summary})]}),n.description&&(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Label,{children:"Description:"}),(0,e.jsx)(i.Value,{children:n.description})]})]})]})},u=n=>(0,e.jsxs)(i.Block,{children:[(0,e.jsx)(i.Header,{children:"Variables"}),n.map(({key:s,value:r},t,a)=>(0,e.jsxs)(h.Fragment,{children:[(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(S,{children:s}),r.default&&(0,e.jsxs)(d,{children:["Default",(0,e.jsx)(x.Tag,{size:"small",borderless:!0,children:r.default})]}),r.description&&(0,e.jsx)(_,{children:r.description}),r.enum&&(0,e.jsxs)(d,{children:["Enum",(0,e.jsx)(v,{children:r.enum.map(l=>(0,e.jsx)(x.Tag,{size:"small",borderless:!0,children:l},l))})]})]}),t<a.length-1&&(0,e.jsx)(o,{})]},s))]}),g=n=>(0,e.jsxs)(i.Block,{children:[(0,e.jsx)(i.Header,{children:"Tags"}),n.map((s,r,t)=>(0,e.jsxs)(h.Fragment,{children:[(0,e.jsxs)(i.Section,{children:[(0,e.jsx)(i.Value,{children:s.name}),s.description&&(0,e.jsx)(i.Label,{children:s.description}),s.externalDocs&&(0,e.jsx)(i.ExternalDocumentationWrapper,{children:(0,e.jsx)(p.ExternalDocumentation,{externalDocs:s.externalDocs,compact:!0})})]}),r<t.length-1&&(0,e.jsx)(o,{})]},s.name))]}),f=({server:n})=>{const s=Object.entries(n.variables||{}).map(([a,l])=>({key:a,value:l})),r=n.tags&&n.tags.length>0,t=s.length>0;return(0,e.jsxs)(b,{"data-component-name":"ServerOverviewSection/ServerOverviewSection",children:[m(n),t&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o,{}),u(s)]}),r&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o,{}),n.tags&&g(n.tags)]})]})};exports.ServerOverviewSection=f;const b=c.default.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-base);
-`,a=l.default.div`
+`,o=c.default.div`
   border-bottom: 1px solid var(--border-color-secondary);
-`,h=l.default.span`
+`,d=c.default.span`
   display: flex;
   gap: var(--spacing-xxs);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
-`,E=(0,l.default)(h)`
+`,S=(0,c.default)(d)`
   padding-bottom: var(--spacing-xxs);
   font-weight: var(--font-weight-semibold);
-`,F=l.default.p`
+`,_=c.default.p`
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
   margin: 0;
-`,H=l.default.span`
+`,v=c.default.span`
   display: flex;
   gap: var(--spacing-xxs);
   flex-wrap: wrap;
-`;0&&(module.exports={ServerOverviewSection});
+`;

package/lib/components/ServersListPanel.js

@@ -1,8 +1,8 @@
-var b=Object.create;var t=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var u=(e,r)=>{for(var o in r)t(e,o,{get:r[o],enumerable:!0})},n=(e,r,o,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of v(r))!g.call(e,a)&&a!==o&&t(e,a,{get:()=>r[a],enumerable:!(s=h(r,a))||s.enumerable});return e};var d=(e,r,o)=>(o=e!=null?b(x(e)):{},n(r||!e||!e.__esModule?t(o,"default",{value:e,enumerable:!0}):o,e)),L=e=>n(t({},"__esModule",{value:!0}),e);var B={};u(B,{ServersListPanel:()=>j});module.exports=L(B);var m=require("react/jsx-runtime"),l=require("@redocly/theme"),i=d(require("styled-components")),p=d(require("react")),c=require("./Server"),f=require("../hooks");const j=p.default.memo(({servers:e,showDetails:r,hideHeader:o})=>{const{getProtocolLabel:s}=(0,f.useProtocolLabels)();return(0,m.jsx)(y,{className:"panel-messages-samples",header:()=>o?null:(0,m.jsx)(l.PanelHeader,{isExpandable:!1,children:s("servers")}),children:e.map((a,P)=>(0,m.jsx)(c.Server,{server:a,showDetails:r},P))})}),y=(0,i.default)(l.Panel)`
-  ${l.PanelBody} {
+"use strict";var t=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersListPanel=void 0;const r=require("react/jsx-runtime"),s=require("@redocly/theme"),u=t(require("styled-components")),c=t(require("react")),d=require("./Server"),_=require("../hooks");exports.ServersListPanel=c.default.memo(({servers:e,showDetails:l,hideHeader:a})=>{const{getProtocolLabel:o}=(0,_.useProtocolLabels)();return(0,r.jsx)(v,{className:"panel-messages-samples",header:()=>a?null:(0,r.jsx)(s.PanelHeader,{isExpandable:!1,children:o("servers")}),children:e.map((n,i)=>(0,r.jsx)(d.Server,{server:n,showDetails:l},i))})});const v=(0,u.default)(s.Panel)`
+  ${s.PanelBody} {
     padding: 0;
     > *:not(:last-child) {
       border-bottom: var(--panel-border-local);
     }
   }
-`;0&&(module.exports={ServersListPanel});
+`;

package/lib/components/TagBlock.js

@@ -1,24 +1,24 @@
-var j=Object.create;var b=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var T=(n,o)=>{for(var a in o)b(n,a,{get:o[a],enumerable:!0})},B=(n,o,a,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of F(o))!O.call(n,l)&&l!==a&&b(n,l,{get:()=>o[l],enumerable:!(u=I(o,l))||u.enumerable});return n};var _=(n,o,a)=>(a=n!=null?j(H(n)):{},B(o||!n||!n.__esModule?b(a,"default",{value:n,enumerable:!0}):a,n)),V=n=>B(b({},"__esModule",{value:!0}),n);var q={};T(q,{TagBlock:()=>N});module.exports=V(q);var i=require("react/jsx-runtime"),k=_(require("styled-components")),x=require("jotai"),t=require("@redocly/openapi-docs"),r=require("@redocly/theme"),g=require("react-router-dom"),p=_(require("react")),m=require("../jotai-store/app"),h=require("./common"),A=require("./ItemsNavigation"),D=require("./ChannelSection"),L=require("./MarkdownSection");const N=p.default.memo(({tag:n})=>{var o,a,u,l;const S=(0,x.useAtomValue)(m.layoutAtom),w=(0,x.useAtomValue)(m.routingBasePathAtom),s=(0,x.useAtomValue)(m.definitionAtom),E=(0,x.useAtomValue)(m.markdocOptionsAtom),y=(0,g.useLocation)(),C=(0,g.useNavigate)(),d=!!(!((o=n.items)===null||o===void 0)&&o.length),M=S===r.LayoutVariant.STACKED,c=(u=(a=s?.components)===null||a===void 0?void 0:a.tags)===null||u===void 0?void 0:u[n.label],P=(0,p.useMemo)(()=>{var e,v;return d?(v=(e=s?.channels)===null||e===void 0?void 0:e[n.items[0].id])===null||v===void 0?void 0:v.bindings:void 0},[d,s?.channels,n.items]),f=(0,p.useMemo)(()=>{if(!d)return!1;const e=y.pathname;return e.endsWith(n.link||"")||n.items.some(v=>v.link&&e.toLowerCase().includes(v.link.toLowerCase()))},[d,y.pathname,n.link,n.items]),W=(0,p.useCallback)(()=>{n.link&&C(n.link)},[C,n.link]),$=(0,t.saveTextBeforeHeading)((0,t.getValueFromMdParsedExtension)(c,"description")||"");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(R,{expanded:d&&!f,sectionId:(0,r.combineUrls)(w,n.dataSectionId),children:(0,i.jsxs)(z,{expanded:f,children:[(0,i.jsxs)(t.Row,{layout:S,children:[(0,i.jsxs)(t.SamplesMiddlePanel,{fullWidth:!d,isStacked:M,children:[(0,i.jsxs)(U,{children:[n.label,(0,i.jsx)(h.ShareLink,{to:(0,r.combineUrls)(w,n.link),"aria-label":`link to ${n.label}`})]}),c?.description&&(0,i.jsx)(t.Markdown,{source:$,markdocOptions:E}),c?.externalDocs&&(0,i.jsx)(h.ExternalDocumentationWrapper,{children:(0,i.jsx)(t.ExternalDocumentation,{externalDocs:c.externalDocs})})]}),d&&n.items&&(0,i.jsx)(A.ItemsNavigation,{items:n.items,firstChannelBinding:P})]}),d&&!f&&(0,i.jsx)(K,{type:"button",variant:"text",size:"medium",onClick:W,children:"+ Show"})]})}),f&&((l=n.items)===null||l===void 0?void 0:l.map(e=>e.type==="channel"?(0,i.jsx)(D.ChannelSection,{item:e},e.link):e.type==="markdown"?(0,i.jsx)(h.SectionWrapper,{children:(0,i.jsx)(L.MarkdownSection,{item:e})},e.link):null))]})}),R=(0,k.default)(t.Section)`
+"use strict";var O=exports&&exports.__createBinding||(Object.create?function(e,n,t,r){r===void 0&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){r===void 0&&(r=t),e[r]=n[t]}),C=exports&&exports.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),D=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t in e)t!=="default"&&Object.prototype.hasOwnProperty.call(e,t)&&O(n,e,t);return C(n,e),n},P=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagBlock=void 0;const i=require("react/jsx-runtime"),p=P(require("styled-components")),_=require("jotai"),u=require("@redocly/openapi-docs"),d=require("@redocly/theme"),S=require("react-router-dom"),f=D(require("react")),h=require("../jotai-store/app"),b=require("./common"),A=require("./ItemsNavigation"),L=require("./ChannelSection"),V=require("./MarkdownSection");exports.TagBlock=f.default.memo(({tag:e})=>{var n,t,r,a;const x=(0,_.useAtomValue)(h.layoutAtom),g=(0,_.useAtomValue)(h.routingBasePathAtom),l=(0,_.useAtomValue)(h.definitionAtom),y=(0,_.useAtomValue)(h.markdocOptionsAtom),j=(0,S.useLocation)(),k=(0,S.useNavigate)(),s=!!(!((n=e.items)===null||n===void 0)&&n.length),w=x===d.LayoutVariant.STACKED,c=(r=(t=l?.components)===null||t===void 0?void 0:t.tags)===null||r===void 0?void 0:r[e.label],M=(0,f.useMemo)(()=>{var o,m;return s?(m=(o=l?.channels)===null||o===void 0?void 0:o[e.items[0].id])===null||m===void 0?void 0:m.bindings:void 0},[s,l?.channels,e.items]),v=(0,f.useMemo)(()=>{if(!s)return!1;const o=j.pathname;return o.endsWith(e.link||"")||e.items.some(m=>m.link&&o.toLowerCase().includes(m.link.toLowerCase()))},[s,j.pathname,e.link,e.items]),q=(0,f.useCallback)(()=>{e.link&&k(e.link)},[k,e.link]),B=(0,u.saveTextBeforeHeading)((0,u.getValueFromMdParsedExtension)(c,"description")||"");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(E,{expanded:s&&!v,sectionId:(0,d.combineUrls)(g,e.dataSectionId),children:(0,i.jsxs)(I,{expanded:v,children:[(0,i.jsxs)(u.Row,{layout:x,children:[(0,i.jsxs)(u.SamplesMiddlePanel,{fullWidth:!s,isStacked:w,children:[(0,i.jsxs)($,{children:[e.label,(0,i.jsx)(b.ShareLink,{to:(0,d.combineUrls)(g,e.link),"aria-label":`link to ${e.label}`})]}),c?.description&&(0,i.jsx)(u.Markdown,{source:B,markdocOptions:y}),c?.externalDocs&&(0,i.jsx)(b.ExternalDocumentationWrapper,{children:(0,i.jsx)(u.ExternalDocumentation,{externalDocs:c.externalDocs})})]}),s&&e.items&&(0,i.jsx)(A.ItemsNavigation,{items:e.items,firstChannelBinding:M})]}),s&&!v&&(0,i.jsx)(W,{type:"button",variant:"text",size:"medium",onClick:q,children:"+ Show"})]})}),v&&((a=e.items)===null||a===void 0?void 0:a.map(o=>o.type==="channel"?(0,i.jsx)(L.ChannelSection,{item:o},o.link):o.type==="markdown"?(0,i.jsx)(b.SectionWrapper,{children:(0,i.jsx)(V.MarkdownSection,{item:o})},o.link):null))]})});const E=(0,p.default)(u.Section)`
   scroll-margin-top: calc(var(--navbar-height)) !important;
-`,z=k.default.div`
-  padding-bottom: ${({expanded:n})=>n?"var(--spacing-xxl)":""};
-  padding-bottom: ${({expanded:n})=>n?"var(--spacing-xxl)":""};
-`,K=(0,k.default)(r.Button)`
+`,I=p.default.div`
+  padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
+  padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
+`,W=(0,p.default)(d.Button)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 
-  @media screen and (min-width: ${r.breakpoints.medium}) {
+  @media screen and (min-width: ${d.breakpoints.medium}) {
     --button-margin-md: calc(var(--spacing-xl) * 2);
 
     margin-left: var(--button-margin-md);
     margin-right: var(--button-margin-md);
     width: calc(100% - var(--button-margin-md) * 2);
   }
-`,U=(0,k.default)(r.H2)`
+`,$=(0,p.default)(d.H2)`
   :hover {
-    ${r.LinkIcon} {
+    ${d.LinkIcon} {
       opacity: 1;
       visibility: visible;
     }
   }
-`;0&&(module.exports={TagBlock});
+`;

package/lib/components/common/BindingPanel.js

@@ -1,5 +1,5 @@
-var m=Object.create;var l=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var v=(e,a)=>{for(var r in a)l(e,r,{get:a[r],enumerable:!0})},i=(e,a,r,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of x(a))!b.call(e,n)&&n!==r&&l(e,n,{get:()=>a[n],enumerable:!(d=g(a,n))||d.enumerable});return e};var y=(e,a,r)=>(r=e!=null?m(f(e)):{},i(a||!e||!e.__esModule?l(r,"default",{value:e,enumerable:!0}):r,e)),P=e=>i(l({},"__esModule",{value:!0}),e);var u={};v(u,{BindingPanel:()=>h,CodeBlockPanel:()=>c,Header:()=>j});module.exports=P(u);var s=require("react/jsx-runtime"),p=require("@redocly/openapi-docs"),o=require("@redocly/theme"),t=y(require("styled-components"));const h=({header:e,children:a})=>(0,s.jsx)(c,{className:"panel-messages-samples",header:()=>(0,s.jsx)(o.PanelHeader,{isExpandable:!1,children:e}),children:a}),c=(0,t.default)(o.Panel)`
-  ${o.PanelBody} {
+"use strict";var i=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Header=exports.CodeBlockPanel=exports.BindingPanel=void 0;const n=require("react/jsx-runtime"),t=require("@redocly/openapi-docs"),a=require("@redocly/theme"),l=i(require("styled-components")),d=({header:e,children:r})=>(0,n.jsx)(exports.CodeBlockPanel,{className:"panel-messages-samples",header:()=>(0,n.jsx)(a.PanelHeader,{isExpandable:!1,children:e}),children:r});exports.BindingPanel=d,exports.CodeBlockPanel=(0,l.default)(a.Panel)`
+  ${a.PanelBody} {
     background-color: var(--layer-color-ontonal);
     padding: 0;
 
@@ -12,19 +12,19 @@ var m=Object.create;var l=Object.defineProperty;var g=Object.getOwnPropertyDescr
     }
   }
 
-  ${o.PanelHeader} {
+  ${a.PanelHeader} {
     display: flex;
     justify-content: start;
     align-items: center;
     gap: var(--spacing-xs);
   }
 
-  ${p.SamplesMiddlePanel} {
+  ${t.SamplesMiddlePanel} {
     padding: 0 var(--spacing-md);
   }
-`,j=t.default.div`
+`,exports.Header=l.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: var(--spacing-xs);
-`;0&&(module.exports={BindingPanel,CodeBlockPanel,Header});
+`;

package/lib/components/common/Information.js

@@ -1,6 +1,6 @@
-var l=Object.create;var i=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var j=(o,r)=>{for(var t in r)i(o,t,{get:r[t],enumerable:!0})},e=(o,r,t,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of u(r))!g.call(o,n)&&n!==t&&i(o,n,{get:()=>r[n],enumerable:!(s=x(r,n))||s.enumerable});return o};var I=(o,r,t)=>(t=o!=null?l(k(o)):{},e(r||!o||!o.__esModule?i(t,"default",{value:o,enumerable:!0}):t,o)),O=o=>e(i({},"__esModule",{value:!0}),o);var A={};j(A,{Information:()=>v});module.exports=O(A);var a=require("react/jsx-runtime"),c=I(require("styled-components")),p=require("jotai"),m=require("@redocly/openapi-docs"),f=require("./styles"),d=require("../../jotai-store/app");const v=({summary:o,description:r,externalDocs:t,className:s})=>{const n=(0,p.useAtomValue)(d.markdocOptionsAtom);return(0,a.jsxs)(h,{className:s,children:[o&&(0,a.jsx)(m.Markdown,{source:o,markdocOptions:n}),r&&(0,a.jsx)(m.Markdown,{source:r,markdocOptions:n}),t&&(0,a.jsx)(f.ExternalDocumentationWrapper,{children:(0,a.jsx)(m.ExternalDocumentation,{externalDocs:t,compact:!0})})]})},h=c.default.div.attrs(()=>({"data-component-name":"Information/Information"}))`
+"use strict";var i=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Information=void 0;const e=require("react/jsx-runtime"),c=i(require("styled-components")),u=require("jotai"),n=require("@redocly/openapi-docs"),l=require("./styles"),m=require("../../jotai-store/app"),p=({summary:t,description:o,externalDocs:r,className:s})=>{const a=(0,u.useAtomValue)(m.markdocOptionsAtom);return(0,e.jsxs)(_,{className:s,children:[t&&(0,e.jsx)(n.Markdown,{source:t,markdocOptions:a}),o&&(0,e.jsx)(n.Markdown,{source:o,markdocOptions:a}),r&&(0,e.jsx)(l.ExternalDocumentationWrapper,{children:(0,e.jsx)(n.ExternalDocumentation,{externalDocs:r,compact:!0})})]})};exports.Information=p;const _=c.default.div.attrs(()=>({"data-component-name":"Information/Information"}))`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   margin: var(--spacing-sm) 0 0;
-`;0&&(module.exports={Information});
+`;

package/lib/components/common/Link.js

@@ -1,22 +1,22 @@
-var f=Object.create;var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var u=(i,o)=>{for(var t in o)l(i,t,{get:o[t],enumerable:!0})},d=(i,o,t,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of y(o))!p.call(i,e)&&e!==t&&l(i,e,{get:()=>o[e],enumerable:!(a=m(o,e))||a.enumerable});return i};var L=(i,o,t)=>(t=i!=null?f(k(i)):{},d(o||!i||!i.__esModule?l(t,"default",{value:i,enumerable:!0}):t,i)),$=i=>d(l({},"__esModule",{value:!0}),i);var N={};u(N,{LinkToField:()=>x,ShareLink:()=>v});module.exports=$(N);var r=require("react/jsx-runtime"),s=L(require("styled-components")),c=require("react-router-dom"),n=require("@redocly/theme"),h=require("../../utils");function g(i){const o=i.to;return(0,r.jsx)(c.Link,{"aria-label":i["aria-label"]||`link to ${o}`,id:(0,h.tryDecodeURIComponent)(i.id||""),className:i.className||"",to:o,children:i.children})}function v(i){return(0,r.jsx)(j,Object.assign({},i,{children:(0,r.jsx)(n.LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}const x=({to:i,className:o})=>{const t=i,a=(0,c.useLocation)(),e=t?.split("#")[1],b=a?a.hash===`#${e}`:!1;return(0,r.jsx)(S,{ariaLabel:`link to ${t}`,className:o,isActive:b,to:t||"",id:e})},S=(0,s.default)(v)`
+"use strict";var d=exports&&exports.__createBinding||(Object.create?function(i,e,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(e,t);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(i,n,r)}:function(i,e,t,n){n===void 0&&(n=t),i[n]=e[t]}),f=exports&&exports.__setModuleDefault||(Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e}),h=exports&&exports.__importStar||function(i){if(i&&i.__esModule)return i;var e={};if(i!=null)for(var t in i)t!=="default"&&Object.prototype.hasOwnProperty.call(i,t)&&d(e,i,t);return f(e,i),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkToField=void 0,exports.ShareLink=s;const c=require("react/jsx-runtime"),a=h(require("styled-components")),l=require("react-router-dom"),o=require("@redocly/theme"),_=require("../../utils");function b(i){const e=i.to;return(0,c.jsx)(l.Link,{"aria-label":i["aria-label"]||`link to ${e}`,id:(0,_.tryDecodeURIComponent)(i.id||""),className:i.className||"",to:e,children:i.children})}function s(i){return(0,c.jsx)(L,Object.assign({},i,{children:(0,c.jsx)(o.LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}const v=({to:i,className:e})=>{const t=i,n=(0,l.useLocation)(),r=t?.split("#")[1],u=n?n.hash===`#${r}`:!1;return(0,c.jsx)(y,{ariaLabel:`link to ${t}`,className:e,isActive:u,to:t||"",id:r})};exports.LinkToField=v;const y=(0,a.default)(s)`
   display: flex;
-  ${n.LinkIcon} {
+  ${o.LinkIcon} {
     visibility: hidden;
     cursor: pointer;
     background-color: var(--bg-color);
   }
 
-  ${({isActive:i})=>i&&s.css`
-      ${n.LinkIcon} {
+  ${({isActive:i})=>i&&(0,a.css)`
+      ${o.LinkIcon} {
         visibility: visible;
         opacity: 1;
       }
     `}
-  :hover ${n.LinkIcon}, :focus ${n.LinkIcon} {
+  :hover ${o.LinkIcon}, :focus ${o.LinkIcon} {
     visibility: visible;
     opacity: 1;
   }
-`,j=(0,s.default)(g)`
+`,L=(0,a.default)(b)`
   position: absolute;
   top: 50%;
   left: 0;
@@ -24,15 +24,15 @@ var f=Object.create;var l=Object.defineProperty;var m=Object.getOwnPropertyDescr
   padding-right: var(--heading-anchor-offset-right);
   z-index: 1;
 
-  ${n.LinkIcon} {
+  ${o.LinkIcon} {
     opacity: 0;
     transition:
       visibility 0.3s linear,
       opacity 0.3s linear;
   }
 
-  :hover ${n.LinkIcon}, :focus ${n.LinkIcon} {
+  :hover ${o.LinkIcon}, :focus ${o.LinkIcon} {
     visibility: visible;
     opacity: 1;
   }
-`;0&&(module.exports={LinkToField,ShareLink});
+`;

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

@@ -1,4 +1,4 @@
-import type { IconProps } from '@redocly/theme/icons/types';
+import type { IconProps } from '@redocly/theme/src/icons/types';
 export declare const ListIcon: import("styled-components").StyledComponent<(props: IconProps) => import("react/jsx-runtime").JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/components/common/ListIcon.js

@@ -1,10 +1,10 @@
-var p=Object.create;var e=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var g=(i,t)=>{for(var c in t)e(i,c,{get:t[c],enumerable:!0})},n=(i,t,c,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of d(t))!m.call(i,o)&&o!==c&&e(i,o,{get:()=>t[o],enumerable:!(l=a(t,o))||l.enumerable});return i};var w=(i,t,c)=>(c=i!=null?p(x(i)):{},n(t||!i||!i.__esModule?e(c,"default",{value:i,enumerable:!0}):c,i)),f=i=>n(e({},"__esModule",{value:!0}),i);var I={};g(I,{ListIcon:()=>j});module.exports=f(I);var s=require("react/jsx-runtime"),h=w(require("styled-components")),r=require("@redocly/theme");const _=i=>(0,s.jsxs)("svg",Object.assign({viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i,{children:[(0,s.jsxs)("g",{clipPath:"url(#clip0_10754_58823)",children:[(0,s.jsx)("path",{d:"M0 11H22",strokeLinecap:"round"}),(0,s.jsx)("circle",{cx:"4",cy:"11",r:"4"})]}),(0,s.jsx)("defs",{children:(0,s.jsx)("clipPath",{id:"clip0_10754_58823",children:(0,s.jsx)("rect",{width:"22",height:"22",fill:"white"})})})]})),j=(0,h.default)(_).attrs(()=>({"data-component-name":"icons/ListIcon/ListIcon"}))`
+"use strict";var s=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListIcon=void 0;const t=require("react/jsx-runtime"),c=s(require("styled-components")),i=require("@redocly/theme"),r=e=>(0,t.jsxs)("svg",Object.assign({viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e,{children:[(0,t.jsxs)("g",{clipPath:"url(#clip0_10754_58823)",children:[(0,t.jsx)("path",{d:"M0 11H22",strokeLinecap:"round"}),(0,t.jsx)("circle",{cx:"4",cy:"11",r:"4"})]}),(0,t.jsx)("defs",{children:(0,t.jsx)("clipPath",{id:"clip0_10754_58823",children:(0,t.jsx)("rect",{width:"22",height:"22",fill:"white"})})})]}));exports.ListIcon=(0,c.default)(r).attrs(()=>({"data-component-name":"icons/ListIcon/ListIcon"}))`
   path,
   circle {
-    fill: ${({color:i})=>(0,r.getCssColorVariable)(i)};
-    stroke: ${({color:i})=>(0,r.getCssColorVariable)(i)};
+    fill: ${({color:e})=>(0,i.getCssColorVariable)(e)};
+    stroke: ${({color:e})=>(0,i.getCssColorVariable)(e)};
   }
 
-  height: ${({size:i})=>i||"16px"};
-  width: ${({size:i})=>i||"16px"};
-`;0&&(module.exports={ListIcon});
+  height: ${({size:e})=>e||"16px"};
+  width: ${({size:e})=>e||"16px"};
+`;

package/lib/components/common/MoreDetailsButton.js

@@ -1,4 +1,4 @@
-var c=Object.create;var e=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var x=(o,r)=>{for(var t in r)e(o,t,{get:r[t],enumerable:!0})},l=(o,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of h(r))!u.call(o,a)&&a!==t&&e(o,a,{get:()=>r[a],enumerable:!(i=m(r,a))||i.enumerable});return o};var f=(o,r,t)=>(t=o!=null?c(d(o)):{},l(r||!o||!o.__esModule?e(t,"default",{value:o,enumerable:!0}):t,o)),v=o=>l(e({},"__esModule",{value:!0}),o);var B={};x(B,{MoreDetailsButton:()=>j});module.exports=v(B);var n=require("react/jsx-runtime"),s=require("@redocly/theme"),p=f(require("styled-components"));const j=({expanded:o})=>(0,n.jsxs)(y,{children:[(0,n.jsx)("span",{children:"More details"}),(0,n.jsx)(s.Button,{icon:o?(0,n.jsx)(s.ChevronDownIcon,{}):(0,n.jsx)(s.ChevronRightIcon,{}),size:"small",variant:"ghost"})]}),y=p.default.span.attrs(()=>({"data-component-name":"MoreDetailsButton/MoreDetailsButton"}))`
+"use strict";var n=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MoreDetailsButton=void 0;const e=require("react/jsx-runtime"),r=require("@redocly/theme"),o=n(require("styled-components")),s=({expanded:t})=>(0,e.jsxs)(i,{children:[(0,e.jsx)("span",{children:"More details"}),(0,e.jsx)(r.Button,{icon:t?(0,e.jsx)(r.ChevronDownIcon,{}):(0,e.jsx)(r.ChevronRightIcon,{}),size:"small",variant:"ghost"})]});exports.MoreDetailsButton=s;const i=o.default.span.attrs(()=>({"data-component-name":"MoreDetailsButton/MoreDetailsButton"}))`
   cursor: pointer;
   align-items: center;
   display: flex;
@@ -9,4 +9,4 @@ var c=Object.create;var e=Object.defineProperty;var m=Object.getOwnPropertyDescr
   & path {
     fill: var(--link-color-primary);
   }
-`;0&&(module.exports={MoreDetailsButton});
+`;

package/lib/components/common/SectionWrapper.js

@@ -1 +1 @@
-var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var d=(o,t)=>{for(var r in t)i(o,r,{get:t[r],enumerable:!0})},f=(o,t,r,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of u(t))!p.call(o,a)&&a!==r&&i(o,a,{get:()=>t[a],enumerable:!(l=n(t,a))||l.enumerable});return o};var x=o=>f(i({},"__esModule",{value:!0}),o);var j={};d(j,{SectionWrapper:()=>h});module.exports=x(j);var s=require("react/jsx-runtime"),m=require("jotai"),e=require("@redocly/openapi-docs"),c=require("../../jotai-store/app");const h=({children:o,rightPanel:t})=>{const r=(0,m.useAtomValue)(c.layoutAtom);return(0,s.jsxs)(e.Row,{layout:r,children:[(0,s.jsx)(e.SectionContainer,{layout:r,children:(0,s.jsx)(e.SamplesMiddlePanel,{compact:!0,fullWidth:!0,isStacked:r==="stacked",children:o})}),t]})};0&&(module.exports={SectionWrapper});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionWrapper=void 0;const t=require("react/jsx-runtime"),c=require("jotai"),r=require("@redocly/openapi-docs"),n=require("../../jotai-store/app"),s=({children:o,rightPanel:i})=>{const e=(0,c.useAtomValue)(n.layoutAtom);return(0,t.jsxs)(r.Row,{layout:e,children:[(0,t.jsx)(r.SectionContainer,{layout:e,children:(0,t.jsx)(r.SamplesMiddlePanel,{compact:!0,fullWidth:!0,isStacked:e==="stacked",children:o})}),i]})};exports.SectionWrapper=s;

package/lib/components/common/TagWithIcon.js

@@ -1,7 +1,7 @@
-var p=Object.create;var n=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var m=(r,e)=>{for(var o in e)n(r,o,{get:e[o],enumerable:!0})},c=(r,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of g(e))!f.call(r,a)&&a!==o&&n(r,a,{get:()=>e[a],enumerable:!(s=h(e,a))||s.enumerable});return r};var v=(r,e,o)=>(o=r!=null?p(x(r)):{},c(e||!r||!r.__esModule?n(o,"default",{value:r,enumerable:!0}):o,r)),u=r=>c(n({},"__esModule",{value:!0}),r);var W={};m(W,{TagWithIcon:()=>y});module.exports=u(W);var i=require("react/jsx-runtime"),t=v(require("styled-components")),l=require("@redocly/theme");const y=({icon:r,info:e,children:o,capitalize:s,className:a,onClick:d})=>(0,i.jsxs)(b,{className:a,onClick:d,children:[r&&(0,i.jsx)(j,{children:r}),(0,i.jsx)(k,{borderless:!0,capitalize:s,children:o}),e&&(0,i.jsx)(T,{children:e})]}),b=t.default.div`
+"use strict";var l=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagWithIcon=void 0;const r=require("react/jsx-runtime"),t=l(require("styled-components")),s=require("@redocly/theme"),d=({icon:e,info:i,children:a,capitalize:o,className:n,onClick:c})=>(0,r.jsxs)(u,{className:n,onClick:c,children:[e&&(0,r.jsx)(h,{children:e}),(0,r.jsx)(p,{borderless:!0,capitalize:o,children:a}),i&&(0,r.jsx)(g,{children:i})]});exports.TagWithIcon=d;const u=t.default.div`
   display: flex;
   gap: var(--spacing-xxs);
-`,j=t.default.div`
+`,h=t.default.div`
   width: 24px;
   height: 24px;
   border-radius: 50%;
@@ -10,15 +10,15 @@ var p=Object.create;var n=Object.defineProperty;var h=Object.getOwnPropertyDescr
   display: flex;
   flex-shrink: 0;
   background-color: var(--layer-color-hover);
-`,k=(0,t.default)(l.Tag)`
-  text-transform: ${({capitalize:r})=>r?"capitalize":"initial"};
+`,p=(0,t.default)(s.Tag)`
+  text-transform: ${({capitalize:e})=>e?"capitalize":"initial"};
   margin: 0;
   background-color: var(--layer-color-hover);
   color: inherit;
   & span {
     font-weight: 600;
   }
-`,T=t.default.div`
+`,g=t.default.div`
   width: 24px;
   height: 24px;
   border-radius: var(--border-radius);
@@ -27,4 +27,4 @@ var p=Object.create;var n=Object.defineProperty;var h=Object.getOwnPropertyDescr
   background-color: var(--layer-color-hover);
   display: flex;
   cursor: pointer;
-`;0&&(module.exports={TagWithIcon});
+`;

package/lib/components/common/index.js

@@ -1 +1 @@
-var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var u=(e,r)=>{for(var a in r)n(e,a,{get:r[a],enumerable:!0})},W=(e,r,a,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of g(r))!T.call(e,t)&&t!==a&&n(e,t,{get:()=>r[t],enumerable:!(p=d(r,t))||p.enumerable});return e};var H=e=>W(n({},"__esModule",{value:!0}),e);var L={};u(L,{ActionTag:()=>o.ActionTag,ApiHeader:()=>o.ApiHeader,BindingPanel:()=>c.BindingPanel,Block:()=>o.Block,ExternalDocumentationWrapper:()=>o.ExternalDocumentationWrapper,Header:()=>o.Header,HeaderWrapper:()=>o.HeaderWrapper,HostList:()=>o.HostList,Information:()=>f.Information,Label:()=>o.Label,LinkToField:()=>i.LinkToField,MoreDetailsButton:()=>l.MoreDetailsButton,Section:()=>o.Section,SectionWrapper:()=>x.SectionWrapper,ShareLink:()=>i.ShareLink,TagStyled:()=>o.TagStyled,TagWithIcon:()=>m.TagWithIcon,TopicConfiguration:()=>o.TopicConfiguration,TopicConfigurationWrapper:()=>o.TopicConfigurationWrapper,Value:()=>o.Value});module.exports=H(L);var o=require("./styles"),f=require("./Information"),m=require("./TagWithIcon"),c=require("./BindingPanel"),l=require("./MoreDetailsButton"),x=require("./SectionWrapper"),i=require("./Link");0&&(module.exports={ActionTag,ApiHeader,BindingPanel,Block,ExternalDocumentationWrapper,Header,HeaderWrapper,HostList,Information,Label,LinkToField,MoreDetailsButton,Section,SectionWrapper,ShareLink,TagStyled,TagWithIcon,TopicConfiguration,TopicConfigurationWrapper,Value});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkToField=exports.ShareLink=exports.SectionWrapper=exports.MoreDetailsButton=exports.BindingPanel=exports.TagWithIcon=exports.Information=exports.ApiHeader=exports.HostList=exports.ActionTag=exports.TopicConfigurationWrapper=exports.TopicConfiguration=exports.TagStyled=exports.HeaderWrapper=exports.ExternalDocumentationWrapper=exports.Value=exports.Label=exports.Section=exports.Header=exports.Block=void 0;var e=require("./styles");Object.defineProperty(exports,"Block",{enumerable:!0,get:function(){return e.Block}}),Object.defineProperty(exports,"Header",{enumerable:!0,get:function(){return e.Header}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return e.Section}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return e.Label}}),Object.defineProperty(exports,"Value",{enumerable:!0,get:function(){return e.Value}}),Object.defineProperty(exports,"ExternalDocumentationWrapper",{enumerable:!0,get:function(){return e.ExternalDocumentationWrapper}}),Object.defineProperty(exports,"HeaderWrapper",{enumerable:!0,get:function(){return e.HeaderWrapper}}),Object.defineProperty(exports,"TagStyled",{enumerable:!0,get:function(){return e.TagStyled}}),Object.defineProperty(exports,"TopicConfiguration",{enumerable:!0,get:function(){return e.TopicConfiguration}}),Object.defineProperty(exports,"TopicConfigurationWrapper",{enumerable:!0,get:function(){return e.TopicConfigurationWrapper}}),Object.defineProperty(exports,"ActionTag",{enumerable:!0,get:function(){return e.ActionTag}}),Object.defineProperty(exports,"HostList",{enumerable:!0,get:function(){return e.HostList}}),Object.defineProperty(exports,"ApiHeader",{enumerable:!0,get:function(){return e.ApiHeader}});var t=require("./Information");Object.defineProperty(exports,"Information",{enumerable:!0,get:function(){return t.Information}});var n=require("./TagWithIcon");Object.defineProperty(exports,"TagWithIcon",{enumerable:!0,get:function(){return n.TagWithIcon}});var i=require("./BindingPanel");Object.defineProperty(exports,"BindingPanel",{enumerable:!0,get:function(){return i.BindingPanel}});var u=require("./MoreDetailsButton");Object.defineProperty(exports,"MoreDetailsButton",{enumerable:!0,get:function(){return u.MoreDetailsButton}});var o=require("./SectionWrapper");Object.defineProperty(exports,"SectionWrapper",{enumerable:!0,get:function(){return o.SectionWrapper}});var r=require("./Link");Object.defineProperty(exports,"ShareLink",{enumerable:!0,get:function(){return r.ShareLink}}),Object.defineProperty(exports,"LinkToField",{enumerable:!0,get:function(){return r.LinkToField}});