@scalar/api-reference-react 0.9.47 → 0.9.48

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-reference-react
 
+## 0.9.48
+
 ## 0.9.47
 
 ## 0.9.46

package/dist/style.css

@@ -435,7 +435,11 @@
   border-radius: var(--scalar-radius);
   border-width: 1px;
 }
-:where(.scalar-app) input::placeholder {
+:where(.scalar-app) input::placeholder, :where(.scalar-app) text-area::placeholder {
+  color: var(--scalar-color-3);
+  font-family: var(--scalar-font);
+}
+:where(.scalar-app) ::-webkit-input-placeholder {
   color: var(--scalar-color-3);
   font-family: var(--scalar-font);
 }
@@ -2105,19 +2109,19 @@
     background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
   }
 }
-[data-v-e83eb7d0] .code-input-lite__editor {
+[data-v-6b2d7899] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
   padding: 5px 8px;
 }
-[data-v-e83eb7d0] .scalar-pill:not(:last-of-type) {
+[data-v-6b2d7899] .scalar-pill:not(:last-of-type) {
   margin-right: .15em;
 }
-[data-v-e83eb7d0] .scalar-pill:not(:first-of-type) {
+[data-v-6b2d7899] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
-.filemask[data-v-e83eb7d0] {
+.filemask[data-v-6b2d7899] {
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
@@ -2173,31 +2177,31 @@ input[data-v-a6f4752a]::placeholder {
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
-.request-section-content[data-v-9ee5445b] {
+.request-section-content[data-v-612d194c] {
   --scalar-border-width: .5px;
 }
-.request-section-content-filter[data-v-9ee5445b] {
+.request-section-content-filter[data-v-612d194c] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-9ee5445b] {
+.request-item:focus-within .request-meta-buttons[data-v-612d194c] {
   opacity: 1;
 }
-.group-hover-input[data-v-9ee5445b] {
+.group-hover-input[data-v-612d194c] {
   border-width: var(--scalar-border-width);
   border-color: #0000;
 }
-.group:hover .group-hover-input[data-v-9ee5445b] {
+.group:hover .group-hover-input[data-v-612d194c] {
   background: var(--scalar-background-1);
 }
 @supports (color: color-mix(in lab, red, red)) {
-  .group:hover .group-hover-input[data-v-9ee5445b] {
+  .group:hover .group-hover-input[data-v-612d194c] {
     background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
   }
 }
-.group:hover .group-hover-input[data-v-9ee5445b] {
+.group:hover .group-hover-input[data-v-612d194c] {
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-9ee5445b]:focus {
+.group-hover-input[data-v-612d194c]:focus {
   border-color: var(--scalar-border-color) !important;
   background: none !important;
 }
@@ -8092,63 +8096,16 @@ to {
   clip: rect(0, 0, 0, 0);
   border: 0;
 }
-.section-accordion-wrapper[data-v-9419dd23] {
-  padding: 0 60px;
-}
-.section-accordion[data-v-9419dd23] {
-  position: relative;
-  width: 100%;
-  max-width: var(--refs-content-max-width);
-  margin: auto;
-}
-.section-accordion-content[data-v-9419dd23] {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-
-  padding-top: 12px;
-}
-.section-accordion-button[data-v-9419dd23] {
-  width: 100%;
+.async-api-labels[data-v-a159e5b8] {
   display: flex;
-
-  cursor: pointer;
-
-  padding: 6px 0 6px 0;
-  margin: -6px 0 -6px 0;
-  border-radius: var(--scalar-radius);
-}
-.section-accordion-chevron[data-v-9419dd23] {
-  position: absolute;
-  left: -22px;
-  top: 12px;
-  color: var(--scalar-color-3);
-}
-.section-accordion-button:hover .section-accordion-chevron[data-v-9419dd23] {
-  color: var(--scalar-color-1);
-}
-.section-accordion-title[data-v-9419dd23] {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1;
-  padding: 0 6px;
-}
-.section-accordion-title[data-v-9419dd23] .section-header-wrapper {
-  grid-template-columns: 1fr;
-}
-.section-accordion-title[data-v-9419dd23] .section-header {
-  margin-bottom: 0;
-}
-@container narrow-references-container (max-width: 900px) {
-.section-accordion-chevron[data-v-9419dd23] {
-    width: 16px;
-    left: -16px;
-    top: 14px;
-}
-.section-accordion-wrapper[data-v-9419dd23] {
-    padding: calc(var(--refs-viewport-offset)) 24px 0 24px;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
 }
+/* Protocols read as identifiers, so render them uppercase to set them apart from server names. */
+.async-api-label--protocol[data-v-a159e5b8] {
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
 }
 /* Style the "icon" */
 .schema-type-icon[data-v-78e7c684] {
@@ -8159,135 +8116,6 @@ to {
   font-family: var(--scalar-font-code);
   color: var(--scalar-color-1);
 }
-.error[data-v-4d9df79c] {
-  background-color: var(--scalar-color-red);
-}
-.schema-card[data-v-4d9df79c] {
-  font-size: var(--scalar-font-size-4);
-  color: var(--scalar-color-1);
-}
-.schema-card-title[data-v-4d9df79c] {
-  height: var(--schema-title-height);
-
-  padding: 6px 8px;
-
-  display: flex;
-  align-items: center;
-  gap: 4px;
-
-  color: var(--scalar-color-2);
-  font-weight: var(--scalar-semibold);
-  font-size: var(--scalar-mini);
-  border-bottom: var(--scalar-border-width) solid transparent;
-}
-button.schema-card-title[data-v-4d9df79c] {
-  cursor: pointer;
-}
-button.schema-card-title[data-v-4d9df79c]:hover {
-  color: var(--scalar-color-1);
-}
-.schema-card-title-icon--open[data-v-4d9df79c] {
-  transform: rotate(45deg);
-}
-.schema-properties-open > .schema-card-title[data-v-4d9df79c] {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
-}
-.schema-properties-open > .schema-properties[data-v-4d9df79c] {
-  width: fit-content;
-}
-.schema-card-description[data-v-4d9df79c] {
-  color: var(--scalar-color-2);
-}
-.schema-card-description + .schema-properties[data-v-4d9df79c] {
-  width: fit-content;
-}
-.schema-card-description + .schema-properties[data-v-4d9df79c] {
-  margin-top: 8px;
-}
-.schema-card--level-0:nth-of-type(1)
-  > .schema-card-description[data-v-4d9df79c]:has(+ .schema-properties) {
-  margin-bottom: -8px;
-  padding-bottom: 8px;
-  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
-}
-.schema-card--level-0
-  ~ .schema-card--level-0
-  > .schema-card-description[data-v-4d9df79c]:has(+ .schema-properties) {
-  padding-top: 8px;
-}
-.schema-properties-open.schema-properties[data-v-4d9df79c],
-.schema-properties-open > .schema-card--open[data-v-4d9df79c] {
-  width: 100%;
-}
-.schema-properties[data-v-4d9df79c] {
-  display: flex;
-  flex-direction: column;
-
-  border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: var(--scalar-radius-lg);
-  width: fit-content;
-}
-.schema-properties-name[data-v-4d9df79c] {
-  width: 100%;
-}
-.schema-properties .schema-properties[data-v-4d9df79c] {
-  border-radius: 13.5px;
-}
-.schema-properties .schema-properties.schema-properties-open[data-v-4d9df79c] {
-  border-radius: var(--scalar-radius-lg);
-}
-.schema-properties-open[data-v-4d9df79c] {
-  width: 100%;
-}
-.schema-card--compact[data-v-4d9df79c] {
-  align-self: flex-start;
-}
-.schema-card--compact.schema-card--open[data-v-4d9df79c] {
-  align-self: initial;
-}
-.schema-card-title--compact[data-v-4d9df79c] {
-  color: var(--scalar-color-2);
-  padding: 6px 10px 6px 8px;
-  height: auto;
-  border-bottom: none;
-}
-.schema-card-title--compact > .schema-card-title-icon[data-v-4d9df79c] {
-  margin: 0;
-}
-.schema-card-title--compact > .schema-card-title-icon--open[data-v-4d9df79c] {
-  transform: rotate(45deg);
-}
-.schema-properties-open > .schema-card-title--compact[data-v-4d9df79c] {
-  position: static;
-}
-.property--level-0
-  > .schema-properties
-  > .schema-card--level-0
-  > .schema-properties[data-v-4d9df79c] {
-  border: none;
-}
-.property--level-0
-  .schema-card--level-0:not(.schema-card--compact)
-  .property--level-1[data-v-4d9df79c] {
-  padding: 0 0 8px;
-}
-:not(.composition-panel)
-  > .schema-card--compact.schema-card--level-0
-  > .schema-properties[data-v-4d9df79c] {
-  border: none;
-}
-[data-v-4d9df79c] .schema-card-description p {
-  font-size: var(--scalar-small, var(--scalar-paragraph));
-  color: var(--scalar-color-2);
-  margin-bottom: 0;
-  display: block;
-  margin-bottom: 6px;
-}
-.children .schema-card-description[data-v-4d9df79c]:first-of-type {
-  padding-top: 0;
-}
 .property-enum-value[data-v-4375ecfd] {
   color: var(--scalar-color-3);
   line-height: 1.5;
@@ -8604,7 +8432,7 @@ code.property-detail-value[data-v-1295f965] {
 .deprecated[data-v-e4c4fffd] {
   text-decoration: line-through;
 }
-.property[data-v-e16b102d] {
+.property[data-v-2e5a7cbc] {
   color: var(--scalar-color-1);
   display: flex;
   flex-direction: column;
@@ -8613,7 +8441,7 @@ code.property-detail-value[data-v-1295f965] {
   position: relative;
 }
 /** Remove top padding for top level schema card */
-.property.property--level-0[data-v-e16b102d]:has(
+.property.property--level-0[data-v-2e5a7cbc]:has(
     > .property-rule
       > .schema-card
       > .schema-properties.schema-properties-open
@@ -8622,24 +8450,24 @@ code.property-detail-value[data-v-1295f965] {
   ) {
   padding-top: 0;
 }
-.property--compact.property--level-0[data-v-e16b102d],
-.property--compact.property--level-1[data-v-e16b102d] {
+.property--compact.property--level-0[data-v-2e5a7cbc],
+.property--compact.property--level-1[data-v-2e5a7cbc] {
   padding: 10px 0;
 }
-.composition-panel .property.property.property.property--level-0[data-v-e16b102d] {
+.composition-panel .property.property.property.property--level-0[data-v-2e5a7cbc] {
   padding: 0px;
 }
 .property--compact.property--level-0
   .composition-panel
-  .property--compact.property--level-1[data-v-e16b102d] {
+  .property--compact.property--level-1[data-v-2e5a7cbc] {
   padding: 8px;
 }
 /*  if a property doesn't have a heading, remove the top padding */
-.property[data-v-e16b102d]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
+.property[data-v-2e5a7cbc]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-.property--deprecated[data-v-e16b102d] {
+.property--deprecated[data-v-2e5a7cbc] {
   background: repeating-linear-gradient(
     -45deg,
     var(--scalar-background-2) 0,
@@ -8649,49 +8477,49 @@ code.property-detail-value[data-v-1295f965] {
   );
   background-size: 100%;
 }
-.property--deprecated[data-v-e16b102d] > * {
+.property--deprecated[data-v-2e5a7cbc] > * {
   opacity: 0.75;
 }
-.property-description[data-v-e16b102d] {
+.property-description[data-v-2e5a7cbc] {
   margin-top: 6px;
   line-height: 1.4;
   font-size: var(--scalar-small);
 }
-.property-description[data-v-e16b102d]:has(+ .property-rule) {
+.property-description[data-v-2e5a7cbc]:has(+ .property-rule) {
   margin-bottom: 9px;
 }
-[data-v-e16b102d] .property-description * {
+[data-v-2e5a7cbc] .property-description * {
   color: var(--scalar-color-2) !important;
 }
-.property[data-v-e16b102d]:not(:last-of-type) {
+.property[data-v-2e5a7cbc]:not(:last-of-type) {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-description + .children[data-v-e16b102d],
-.children + .property-rule[data-v-e16b102d] {
+.property-description + .children[data-v-2e5a7cbc],
+.children + .property-rule[data-v-2e5a7cbc] {
   margin-top: 9px;
 }
-.children[data-v-e16b102d] {
+.children[data-v-2e5a7cbc] {
   display: flex;
   flex-direction: column;
 }
-.children .property--compact.property--level-1[data-v-e16b102d] {
+.children .property--compact.property--level-1[data-v-2e5a7cbc] {
   padding: 12px;
 }
-.property-example-value[data-v-e16b102d] {
+.property-example-value[data-v-2e5a7cbc] {
   all: unset;
   font-family: var(--scalar-font-code);
   padding: 6px;
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-rule[data-v-e16b102d] {
+.property-rule[data-v-2e5a7cbc] {
   border-radius: var(--scalar-radius-lg);
   display: flex;
   flex-direction: column;
 }
-.property--level-2[data-v-e16b102d] .relative > button {
+.property--level-2[data-v-2e5a7cbc] .relative > button {
   left: -2rem;
 }
-.property-rule[data-v-e16b102d]
+.property-rule[data-v-2e5a7cbc]
   
     .composition-panel
       .schema-card--level-1
@@ -8699,7 +8527,7 @@ code.property-detail-value[data-v-1295f965] {
    {
   border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
 }
-.property-rule[data-v-e16b102d]
+.property-rule[data-v-2e5a7cbc]
   .composition-panel > .schema-card > .schema-card-description {
   padding: 10px;
   border-left: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -8708,29 +8536,29 @@ code.property-detail-value[data-v-1295f965] {
     margin-top: 0;
 }
 }
-.property-example[data-v-e16b102d] {
+.property-example[data-v-2e5a7cbc] {
   background: transparent;
   border: none;
   display: flex;
   flex-direction: row;
   gap: 8px;
 }
-.property-example-label[data-v-e16b102d],
-.property-example-value[data-v-e16b102d] {
+.property-example-label[data-v-2e5a7cbc],
+.property-example-value[data-v-2e5a7cbc] {
   padding: 3px 0 0 0;
 }
-.property-example-value[data-v-e16b102d] {
+.property-example-value[data-v-2e5a7cbc] {
   background: var(--scalar-background-2);
   border-top: 0;
   border-radius: var(--scalar-radius);
   padding: 3px 4px;
 }
-.property-name[data-v-e16b102d] {
+.property-name[data-v-2e5a7cbc] {
   font-family: var(--scalar-font-code);
   font-weight: var(--scalar-semibold);
 }
-.property-name-additional-properties[data-v-e16b102d]::before,
-.property-name-pattern-properties[data-v-e16b102d]::before {
+.property-name-additional-properties[data-v-2e5a7cbc]::before,
+.property-name-pattern-properties[data-v-2e5a7cbc]::before {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   display: inline-block;
@@ -8741,17 +8569,348 @@ code.property-detail-value[data-v-1295f965] {
   background-color: var(--scalar-background-2);
   margin-right: 4px;
 }
-.property-name-pattern-properties[data-v-e16b102d]::before {
+.property-name-pattern-properties[data-v-2e5a7cbc]::before {
   content: 'regex';
 }
-.property-name-additional-properties[data-v-e16b102d],
-.property-name-pattern-properties[data-v-e16b102d] {
+.property-name-additional-properties[data-v-2e5a7cbc],
+.property-name-pattern-properties[data-v-2e5a7cbc] {
   border: 1px dashed var(--scalar-border-color);
   color: var(--scalar-color-accent);
   display: inline-block;
   padding: 2px;
   border-radius: var(--scalar-radius);
 }
+.error[data-v-ec43bfbd] {
+  background-color: var(--scalar-color-red);
+}
+.schema-card[data-v-ec43bfbd] {
+  font-size: var(--scalar-font-size-4);
+  color: var(--scalar-color-1);
+}
+.schema-card-title[data-v-ec43bfbd] {
+  height: var(--schema-title-height);
+
+  padding: 6px 8px;
+
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  color: var(--scalar-color-2);
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-mini);
+  border-bottom: var(--scalar-border-width) solid transparent;
+}
+button.schema-card-title[data-v-ec43bfbd] {
+  cursor: pointer;
+}
+button.schema-card-title[data-v-ec43bfbd]:hover {
+  color: var(--scalar-color-1);
+}
+.schema-card-title-icon--open[data-v-ec43bfbd] {
+  transform: rotate(45deg);
+}
+.schema-properties-open > .schema-card-title[data-v-ec43bfbd] {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.schema-properties-open > .schema-properties[data-v-ec43bfbd] {
+  width: fit-content;
+}
+.schema-card-description[data-v-ec43bfbd] {
+  color: var(--scalar-color-2);
+}
+.schema-card-description + .schema-properties[data-v-ec43bfbd] {
+  width: fit-content;
+}
+.schema-card-description + .schema-properties[data-v-ec43bfbd] {
+  margin-top: 8px;
+}
+.schema-card--level-0:nth-of-type(1)
+  > .schema-card-description[data-v-ec43bfbd]:has(+ .schema-properties) {
+  margin-bottom: -8px;
+  padding-bottom: 8px;
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.schema-card--level-0
+  ~ .schema-card--level-0
+  > .schema-card-description[data-v-ec43bfbd]:has(+ .schema-properties) {
+  padding-top: 8px;
+}
+.schema-properties-open.schema-properties[data-v-ec43bfbd],
+.schema-properties-open > .schema-card--open[data-v-ec43bfbd] {
+  width: 100%;
+}
+.schema-properties[data-v-ec43bfbd] {
+  display: flex;
+  flex-direction: column;
+
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius-lg);
+  width: fit-content;
+}
+.schema-properties-name[data-v-ec43bfbd] {
+  width: 100%;
+}
+.schema-properties .schema-properties[data-v-ec43bfbd] {
+  border-radius: 13.5px;
+}
+.schema-properties .schema-properties.schema-properties-open[data-v-ec43bfbd] {
+  border-radius: var(--scalar-radius-lg);
+}
+.schema-properties-open[data-v-ec43bfbd] {
+  width: 100%;
+}
+.schema-card--compact[data-v-ec43bfbd] {
+  align-self: flex-start;
+}
+.schema-card--compact.schema-card--open[data-v-ec43bfbd] {
+  align-self: initial;
+}
+.schema-card-title--compact[data-v-ec43bfbd] {
+  color: var(--scalar-color-2);
+  padding: 6px 10px 6px 8px;
+  height: auto;
+  border-bottom: none;
+}
+.schema-card-title--compact > .schema-card-title-icon[data-v-ec43bfbd] {
+  margin: 0;
+}
+.schema-card-title--compact > .schema-card-title-icon--open[data-v-ec43bfbd] {
+  transform: rotate(45deg);
+}
+.schema-properties-open > .schema-card-title--compact[data-v-ec43bfbd] {
+  position: static;
+}
+.property--level-0
+  > .schema-properties
+  > .schema-card--level-0
+  > .schema-properties[data-v-ec43bfbd] {
+  border: none;
+}
+.property--level-0
+  .schema-card--level-0:not(.schema-card--compact)
+  .property--level-1[data-v-ec43bfbd] {
+  padding: 0 0 8px;
+}
+:not(.composition-panel)
+  > .schema-card--compact.schema-card--level-0
+  > .schema-properties[data-v-ec43bfbd] {
+  border: none;
+}
+[data-v-ec43bfbd] .schema-card-description p {
+  font-size: var(--scalar-small, var(--scalar-paragraph));
+  color: var(--scalar-color-2);
+  margin-bottom: 0;
+  display: block;
+  margin-bottom: 6px;
+}
+.children .schema-card-description[data-v-ec43bfbd]:first-of-type {
+  padding-top: 0;
+}
+.section-wrapper[data-v-ff689b94] {
+  color: var(--scalar-color-1);
+
+  padding-top: 12px;
+  margin-top: -12px;
+}
+.section-accordion[data-v-ff689b94] {
+  display: flex;
+  flex-direction: column;
+
+  border-radius: var(--scalar-radius-lg);
+  background: var(--scalar-background-2);
+
+  /* Offset by header height to line up scroll position */
+  scroll-margin-top: var(--refs-viewport-offset);
+}
+.section-accordion-transparent[data-v-ff689b94] {
+  background: transparent;
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.section-accordion-button[data-v-ff689b94] {
+  padding: 6px;
+}
+.section-accordion-button[data-v-ff689b94] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+}
+.section-accordion-button-content[data-v-ff689b94] {
+  flex: 1;
+  min-width: 0;
+}
+.section-accordion-button-actions[data-v-ff689b94] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-3);
+}
+.section-accordion-chevron[data-v-ff689b94] {
+  margin-right: 4px;
+  cursor: pointer;
+  opacity: 1;
+  color: var(--scalar-color-3);
+}
+.section-accordion-button:hover .section-accordion-chevron[data-v-ff689b94] {
+  color: var(--scalar-color-1);
+}
+.section-accordion-content[data-v-ff689b94] {
+  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
+  display: flex;
+  flex-direction: column;
+}
+.section-accordion-description[data-v-ff689b94] {
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-mini);
+  color: var(--scalar-color--1);
+  padding: 10px 12px 0px 12px;
+}
+.section-accordion-content-card[data-v-ff689b94] .property:last-of-type {
+  padding-bottom: 9px;
+}
+.message[data-v-50be0795] {
+  scroll-margin-top: var(--refs-viewport-offset);
+}
+.message-title[data-v-50be0795] {
+  font-size: var(--scalar-heading-4);
+  font-weight: var(--scalar-semibold);
+  color: var(--scalar-color-1);
+}
+/*
+ * Lay the heading and protocol labels out on one wrapping row. The labels live inside the
+ * Anchor slot so the copy-anchor "#" button (absolutely positioned just past the end of the
+ * slot content on hover) trails after the last pill instead of overlapping the first one.
+ */
+.message-heading[data-v-50be0795] {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+/* Pad the expanded body so the description and schemas don't sit flush against the border. */
+.message-accordion[data-v-50be0795] .section-accordion-content-card {
+  padding: 12px;
+}
+.message-description[data-v-50be0795] {
+  padding-bottom: 4px;
+  text-align: left;
+}
+.message-schema[data-v-50be0795] {
+  margin-top: 12px;
+}
+.message-schema[data-v-50be0795]:first-child {
+  margin-top: 0;
+}
+.message-schema-title[data-v-50be0795] {
+  font-size: var(--scalar-font-size-2);
+  font-weight: var(--scalar-semibold);
+  color: var(--scalar-color-1);
+  padding-bottom: 8px;
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+  margin-bottom: 8px;
+}
+.operation[data-v-ef35fcd1] {
+  margin-top: 32px;
+  scroll-margin-top: var(--refs-viewport-offset);
+}
+.operation-header[data-v-ef35fcd1] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.operation-title[data-v-ef35fcd1] {
+  font-size: var(--scalar-heading-3);
+  font-weight: var(--scalar-semibold);
+  color: var(--scalar-color-1);
+}
+/* Filled, color-coded pill carries the primary send/receive signal. */
+.operation-action[data-v-ef35fcd1] {
+  text-transform: uppercase;
+  font-size: var(--scalar-mini);
+  font-weight: var(--scalar-semibold);
+  letter-spacing: 0.05em;
+  border-radius: 12px;
+  padding: 2px 8px;
+  display: inline-flex;
+  align-items: center;
+}
+.operation-action--send[data-v-ef35fcd1] {
+  color: var(--scalar-color-blue);
+  background: color-mix(in srgb, var(--scalar-color-blue), transparent 88%);
+}
+.operation-action--receive[data-v-ef35fcd1] {
+  color: var(--scalar-color-green);
+  background: color-mix(in srgb, var(--scalar-color-green), transparent 88%);
+}
+.operation-description[data-v-ef35fcd1] {
+  text-align: left;
+  margin-top: 4px;
+}
+/* Space the first message accordion away from the operation header/description. */
+.operation[data-v-ef35fcd1] >  .message {
+  margin-top: 12px;
+}
+.section-accordion-wrapper[data-v-9419dd23] {
+  padding: 0 60px;
+}
+.section-accordion[data-v-9419dd23] {
+  position: relative;
+  width: 100%;
+  max-width: var(--refs-content-max-width);
+  margin: auto;
+}
+.section-accordion-content[data-v-9419dd23] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+  padding-top: 12px;
+}
+.section-accordion-button[data-v-9419dd23] {
+  width: 100%;
+  display: flex;
+
+  cursor: pointer;
+
+  padding: 6px 0 6px 0;
+  margin: -6px 0 -6px 0;
+  border-radius: var(--scalar-radius);
+}
+.section-accordion-chevron[data-v-9419dd23] {
+  position: absolute;
+  left: -22px;
+  top: 12px;
+  color: var(--scalar-color-3);
+}
+.section-accordion-button:hover .section-accordion-chevron[data-v-9419dd23] {
+  color: var(--scalar-color-1);
+}
+.section-accordion-title[data-v-9419dd23] {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1;
+  padding: 0 6px;
+}
+.section-accordion-title[data-v-9419dd23] .section-header-wrapper {
+  grid-template-columns: 1fr;
+}
+.section-accordion-title[data-v-9419dd23] .section-header {
+  margin-bottom: 0;
+}
+@container narrow-references-container (max-width: 900px) {
+.section-accordion-chevron[data-v-9419dd23] {
+    width: 16px;
+    left: -16px;
+    top: 14px;
+}
+.section-accordion-wrapper[data-v-9419dd23] {
+    padding: calc(var(--refs-viewport-offset)) 24px 0 24px;
+}
+}
 .headers-card[data-v-4a9699e9] {
   z-index: 0;
   margin-top: 12px;
@@ -8908,75 +9067,16 @@ button.headers-card-title[data-v-4a9699e9]:hover {
   outline-offset: 2px;
   border-radius: var(--scalar-radius);
 }
-.channel-section[data-v-cb522e2e] {
+.channel-section[data-v-067fde89] {
   margin-bottom: 48px;
 }
-.channel-description[data-v-cb522e2e] {
+.channel-labels[data-v-067fde89] {
+  margin-bottom: 8px;
+}
+.channel-description[data-v-067fde89] {
   padding-bottom: 4px;
   text-align: left;
 }
-.section-wrapper[data-v-ff689b94] {
-  color: var(--scalar-color-1);
-
-  padding-top: 12px;
-  margin-top: -12px;
-}
-.section-accordion[data-v-ff689b94] {
-  display: flex;
-  flex-direction: column;
-
-  border-radius: var(--scalar-radius-lg);
-  background: var(--scalar-background-2);
-
-  /* Offset by header height to line up scroll position */
-  scroll-margin-top: var(--refs-viewport-offset);
-}
-.section-accordion-transparent[data-v-ff689b94] {
-  background: transparent;
-  border: var(--scalar-border-width) solid var(--scalar-border-color);
-}
-.section-accordion-button[data-v-ff689b94] {
-  padding: 6px;
-}
-.section-accordion-button[data-v-ff689b94] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  cursor: pointer;
-}
-.section-accordion-button-content[data-v-ff689b94] {
-  flex: 1;
-  min-width: 0;
-}
-.section-accordion-button-actions[data-v-ff689b94] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  color: var(--scalar-color-3);
-}
-.section-accordion-chevron[data-v-ff689b94] {
-  margin-right: 4px;
-  cursor: pointer;
-  opacity: 1;
-  color: var(--scalar-color-3);
-}
-.section-accordion-button:hover .section-accordion-chevron[data-v-ff689b94] {
-  color: var(--scalar-color-1);
-}
-.section-accordion-content[data-v-ff689b94] {
-  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
-  display: flex;
-  flex-direction: column;
-}
-.section-accordion-description[data-v-ff689b94] {
-  font-weight: var(--scalar-semibold);
-  font-size: var(--scalar-mini);
-  color: var(--scalar-color--1);
-  padding: 10px 12px 0px 12px;
-}
-.section-accordion-content-card[data-v-ff689b94] .property:last-of-type {
-  padding-bottom: 9px;
-}
 .reference-models-anchor[data-v-f3ae088e] {
   display: flex;
   align-items: center;
@@ -10070,7 +10170,7 @@ body {
 }
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-85d24c5b] {
+.scalar-api-reference[data-v-c80a6b1a] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -10092,19 +10192,19 @@ body {
     /* The maximum width of the content column */
     --refs-content-max-width: var(--scalar-content-max-width, 1540px);
 }
-.scalar-api-reference.references-classic[data-v-85d24c5b] {
+.scalar-api-reference.references-classic[data-v-c80a6b1a] {
     /* Classic layout is wider */
     --refs-content-max-width: var(--scalar-content-max-width, 1420px);
     min-height: 100dvh;
     --refs-sidebar-width: 0;
 }
 }
-.t-doc__sidebar[data-v-85d24c5b] {
+.t-doc__sidebar[data-v-c80a6b1a] {
   z-index: 10;
 }
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-85d24c5b] {
+.references-layout[data-v-c80a6b1a] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -10128,31 +10228,31 @@ body {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-85d24c5b] {
+.references-editor[data-v-c80a6b1a] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-85d24c5b] {
+.references-rendered[data-v-c80a6b1a] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-85d24c5b],
-.references-classic .references-rendered[data-v-85d24c5b] {
+.scalar-api-reference.references-classic[data-v-c80a6b1a],
+.references-classic .references-rendered[data-v-c80a6b1a] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-85d24c5b] {
+.references-sidebar[data-v-c80a6b1a] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 /* Footer */
-.references-footer[data-v-85d24c5b] {
+.references-footer[data-v-c80a6b1a] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
@@ -10167,12 +10267,12 @@ body {
  */
 @media (width < 1000px) {
   /* Keep toolbar hidden on mobile without forcing desktop display mode. */
-.references-developer-tools[data-v-85d24c5b] {
+.references-developer-tools[data-v-c80a6b1a] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-85d24c5b] {
+.references-layout[data-v-c80a6b1a] {
     /* Adjust the sidebar height to the viewport height minus the header height */
     --refs-sidebar-height: calc(
       var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -10187,13 +10287,13 @@ body {
       'rendered'
       'footer';
 }
-.references-editable[data-v-85d24c5b] {
+.references-editable[data-v-c80a6b1a] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-85d24c5b] {
+.references-rendered[data-v-c80a6b1a] {
     position: static;
 }
 }
@@ -10204,11 +10304,11 @@ body {
 */
 /* Match the layout breakpoint above so the mobile header height is only applied below `lg`. */
 @media (width < 1000px) {
-.scalar-api-references-standalone-mobile[data-v-85d24c5b]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-c80a6b1a]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
-.darklight-reference[data-v-85d24c5b] {
+.darklight-reference[data-v-c80a6b1a] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.47",
+  "version": "0.9.48",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-reference": "1.60.0",
-    "@scalar/types": "0.14.0"
+    "@scalar/api-reference": "1.61.0",
+    "@scalar/types": "0.15.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",