@scalar/api-reference-react 0.9.23 → 0.9.25

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @scalar/api-reference-react
 
+## 0.9.25
+
+## 0.9.24
+
 ## 0.9.23
 
 ## 0.9.22

package/dist/style.css

@@ -1042,7 +1042,7 @@ code.property-detail-value[data-v-1295f965] {
 .deprecated[data-v-d6007af3] {
   text-decoration: line-through;
 }
-.property[data-v-be104604] {
+.property[data-v-ee3d2806] {
   color: var(--scalar-color-1);
   display: flex;
   flex-direction: column;
@@ -1051,7 +1051,7 @@ code.property-detail-value[data-v-1295f965] {
   position: relative;
 }
 /** Remove top padding for top level schema card */
-.property.property--level-0[data-v-be104604]:has(
+.property.property--level-0[data-v-ee3d2806]:has(
     > .property-rule
       > .schema-card
       > .schema-properties.schema-properties-open
@@ -1060,24 +1060,24 @@ code.property-detail-value[data-v-1295f965] {
   ) {
   padding-top: 0;
 }
-.property--compact.property--level-0[data-v-be104604],
-.property--compact.property--level-1[data-v-be104604] {
+.property--compact.property--level-0[data-v-ee3d2806],
+.property--compact.property--level-1[data-v-ee3d2806] {
   padding: 10px 0;
 }
-.composition-panel .property.property.property.property--level-0[data-v-be104604] {
+.composition-panel .property.property.property.property--level-0[data-v-ee3d2806] {
   padding: 0px;
 }
 .property--compact.property--level-0
   .composition-panel
-  .property--compact.property--level-1[data-v-be104604] {
+  .property--compact.property--level-1[data-v-ee3d2806] {
   padding: 8px;
 }
 /*  if a property doesn't have a heading, remove the top padding */
-.property[data-v-be104604]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
+.property[data-v-ee3d2806]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-.property--deprecated[data-v-be104604] {
+.property--deprecated[data-v-ee3d2806] {
   background: repeating-linear-gradient(
     -45deg,
     var(--scalar-background-2) 0,
@@ -1087,46 +1087,49 @@ code.property-detail-value[data-v-1295f965] {
   );
   background-size: 100%;
 }
-.property--deprecated[data-v-be104604] > * {
+.property--deprecated[data-v-ee3d2806] > * {
   opacity: 0.75;
 }
-.property-description[data-v-be104604] {
+.property-description[data-v-ee3d2806] {
   margin-top: 6px;
   line-height: 1.4;
   font-size: var(--scalar-small);
 }
-.property-description[data-v-be104604]:has(+ .property-rule) {
+.property-description[data-v-ee3d2806]:has(+ .property-rule) {
   margin-bottom: 9px;
 }
-[data-v-be104604] .property-description * {
+[data-v-ee3d2806] .property-description * {
   color: var(--scalar-color-2) !important;
 }
-.property[data-v-be104604]:not(:last-of-type) {
+.property[data-v-ee3d2806]:not(:last-of-type) {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-description + .children[data-v-be104604],
-.children + .property-rule[data-v-be104604] {
+.property-description + .children[data-v-ee3d2806],
+.children + .property-rule[data-v-ee3d2806] {
   margin-top: 9px;
 }
-.children[data-v-be104604] {
+.children[data-v-ee3d2806] {
   display: flex;
   flex-direction: column;
 }
-.children .property--compact.property--level-1[data-v-be104604] {
+.children .property--compact.property--level-1[data-v-ee3d2806] {
   padding: 12px;
 }
-.property-example-value[data-v-be104604] {
+.property-example-value[data-v-ee3d2806] {
   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-be104604] {
+.property-rule[data-v-ee3d2806] {
   border-radius: var(--scalar-radius-lg);
   display: flex;
   flex-direction: column;
 }
-.property-rule[data-v-be104604]
+.property--level-2[data-v-ee3d2806] .relative > button {
+  left: -2rem;
+}
+.property-rule[data-v-ee3d2806]
   
     .composition-panel
       .schema-card--level-1
@@ -1134,7 +1137,7 @@ code.property-detail-value[data-v-1295f965] {
    {
   border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
 }
-.property-rule[data-v-be104604]
+.property-rule[data-v-ee3d2806]
   .composition-panel > .schema-card > .schema-card-description {
   padding: 10px;
   border-left: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -1143,29 +1146,29 @@ code.property-detail-value[data-v-1295f965] {
     margin-top: 0;
 }
 }
-.property-example[data-v-be104604] {
+.property-example[data-v-ee3d2806] {
   background: transparent;
   border: none;
   display: flex;
   flex-direction: row;
   gap: 8px;
 }
-.property-example-label[data-v-be104604],
-.property-example-value[data-v-be104604] {
+.property-example-label[data-v-ee3d2806],
+.property-example-value[data-v-ee3d2806] {
   padding: 3px 0 0 0;
 }
-.property-example-value[data-v-be104604] {
+.property-example-value[data-v-ee3d2806] {
   background: var(--scalar-background-2);
   border-top: 0;
   border-radius: var(--scalar-radius);
   padding: 3px 4px;
 }
-.property-name[data-v-be104604] {
+.property-name[data-v-ee3d2806] {
   font-family: var(--scalar-font-code);
   font-weight: var(--scalar-semibold);
 }
-.property-name-additional-properties[data-v-be104604]::before,
-.property-name-pattern-properties[data-v-be104604]::before {
+.property-name-additional-properties[data-v-ee3d2806]::before,
+.property-name-pattern-properties[data-v-ee3d2806]::before {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   display: inline-block;
@@ -1176,11 +1179,11 @@ code.property-detail-value[data-v-1295f965] {
   background-color: var(--scalar-background-2);
   margin-right: 4px;
 }
-.property-name-pattern-properties[data-v-be104604]::before {
+.property-name-pattern-properties[data-v-ee3d2806]::before {
   content: 'regex';
 }
-.property-name-additional-properties[data-v-be104604],
-.property-name-pattern-properties[data-v-be104604] {
+.property-name-additional-properties[data-v-ee3d2806],
+.property-name-pattern-properties[data-v-ee3d2806] {
   border: 1px dashed var(--scalar-border-color);
   color: var(--scalar-color-accent);
   display: inline-block;
@@ -1637,10 +1640,10 @@ button.headers-card-title[data-v-ab19704d]:hover {
   outline-offset: 2px;
   border-radius: var(--scalar-radius);
 }
-.request-body[data-v-a02b9001] {
+.request-body[data-v-86d21430] {
   margin-top: 24px;
 }
-.request-body-header[data-v-a02b9001] {
+.request-body-header[data-v-86d21430] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1648,7 +1651,7 @@ button.headers-card-title[data-v-ab19704d]:hover {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
   flex-flow: wrap;
 }
-.request-body-title[data-v-a02b9001] {
+.request-body-title[data-v-86d21430] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1656,7 +1659,7 @@ button.headers-card-title[data-v-ab19704d]:hover {
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color-1);
 }
-.request-body-required[data-v-a02b9001] {
+.request-body-required[data-v-86d21430] {
   font-size: var(--scalar-micro);
   color: var(--scalar-color-orange);
   font-weight: normal;
@@ -1665,21 +1668,21 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 2px 8px;
   height: 20px;
 }
-.request-body-description[data-v-a02b9001] {
+.request-body-description[data-v-86d21430] {
   margin-top: 6px;
   font-size: var(--scalar-small);
   width: 100%;
 }
 .request-body-header
-  + .request-body-schema[data-v-a02b9001]:has(> .schema-card > .schema-card-description),
+  + .request-body-schema[data-v-86d21430]:has(> .schema-card > .schema-card-description),
 .request-body-header
-  + .request-body-schema[data-v-a02b9001]:has(
+  + .request-body-schema[data-v-86d21430]:has(
     > .schema-card > .schema-properties > * > .property--level-0
   ) {
   /** Add a bit of space between the heading border and the schema description or properties */
   padding-top: 8px;
 }
-.request-body-description[data-v-a02b9001] .markdown * {
+.request-body-description[data-v-86d21430] .markdown * {
   color: var(--scalar-color-2) !important;
 }
 .callback-sticky-offset[data-v-12fe1373] {
@@ -2026,11 +2029,11 @@ button.headers-card-title[data-v-ab19704d]:hover {
   margin-right: 4px;
 }
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
-.operation-title[data-v-9cf53505] {
+.operation-title[data-v-85ee673b] {
   justify-content: space-between;
   display: flex;
 }
-.operation-details[data-v-9cf53505] {
+.operation-details[data-v-85ee673b] {
   flex-shrink: 1;
   align-items: center;
   gap: 9px;
@@ -2038,11 +2041,11 @@ button.headers-card-title[data-v-ab19704d]:hover {
   margin-top: 0;
   display: flex;
 }
-.operation-details[data-v-9cf53505] .endpoint-anchor .scalar-button svg {
+.operation-details[data-v-85ee673b] .endpoint-anchor .scalar-button svg {
   width: 16px;
   height: 16px;
 }
-.endpoint-type[data-v-9cf53505] {
+.endpoint-type[data-v-85ee673b] {
   z-index: 0;
   width: 60px;
   font-size: var(--scalar-small);
@@ -2057,7 +2060,7 @@ button.headers-card-title[data-v-ab19704d]:hover {
   display: flex;
   position: relative;
 }
-.endpoint-type[data-v-9cf53505]:after {
+.endpoint-type[data-v-85ee673b]:after {
   content: "";
   z-index: -1;
   opacity: .15;
@@ -2066,16 +2069,16 @@ button.headers-card-title[data-v-ab19704d]:hover {
   position: absolute;
   inset: 0;
 }
-.endpoint-anchor[data-v-9cf53505] {
+.endpoint-anchor[data-v-85ee673b] {
   flex-shrink: 1;
   align-items: center;
   min-width: 0;
   display: flex;
 }
-.endpoint-anchor.label[data-v-9cf53505] {
+.endpoint-anchor.label[data-v-85ee673b] {
   display: flex;
 }
-.endpoint-label[data-v-9cf53505] {
+.endpoint-label[data-v-85ee673b] {
   min-width: 0;
   color: var(--scalar-color-1);
   flex-shrink: 1;
@@ -2083,17 +2086,17 @@ button.headers-card-title[data-v-ab19704d]:hover {
   gap: 9px;
   display: flex;
 }
-.endpoint-label-path[data-v-9cf53505] {
+.endpoint-label-path[data-v-85ee673b] {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-mini);
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
-.endpoint-label-path[data-v-9cf53505] em {
+.endpoint-label-path[data-v-85ee673b] em {
   color: var(--scalar-color-2);
 }
-.endpoint-label-name[data-v-9cf53505] {
+.endpoint-label-name[data-v-85ee673b] {
   color: var(--scalar-color-2);
   font-size: var(--scalar-small);
   text-overflow: ellipsis;
@@ -2101,17 +2104,17 @@ button.headers-card-title[data-v-ab19704d]:hover {
   flex-shrink: 1000000000;
   overflow: hidden;
 }
-.endpoint-try-hint[data-v-9cf53505] {
+.endpoint-try-hint[data-v-85ee673b] {
   flex-shrink: 0;
   padding: 2px;
 }
-.endpoint-copy[data-v-9cf53505] {
+.endpoint-copy[data-v-85ee673b] {
   color: currentColor;
 }
-.endpoint-copy[data-v-9cf53505] svg {
+.endpoint-copy[data-v-85ee673b] svg {
   stroke-width: 2px;
 }
-.endpoint-content[data-v-9cf53505] {
+.endpoint-content[data-v-85ee673b] {
   grid-auto-columns: 1fr;
   grid-auto-flow: row;
   gap: 9px;
@@ -2119,52 +2122,52 @@ button.headers-card-title[data-v-ab19704d]:hover {
   display: grid;
 }
 @media (min-width: 1000px) {
-.endpoint-content[data-v-9cf53505] {
+.endpoint-content[data-v-85ee673b] {
     grid-auto-flow: column;
 }
 }
 @container (max-width: 900px) {
-.endpoint-content[data-v-9cf53505] {
+.endpoint-content[data-v-85ee673b] {
     grid-template-columns: 1fr;
 }
 }
-.endpoint-content[data-v-9cf53505] > * {
+.endpoint-content[data-v-85ee673b] > * {
   min-width: 0;
 }
-.operation-details-card[data-v-9cf53505] {
+.operation-details-card[data-v-85ee673b] {
   flex-direction: column;
   gap: 12px;
   min-width: 0;
   display: flex;
 }
-:is(.operation-details-card-item[data-v-9cf53505] .parameter-list, .operation-details-card-item[data-v-9cf53505] .callbacks-list) {
+:is(.operation-details-card-item[data-v-85ee673b] .parameter-list, .operation-details-card-item[data-v-85ee673b] .callbacks-list) {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: var(--scalar-radius-lg);
   margin-top: 0;
 }
-.operation-details-card-item[data-v-9cf53505] {
+.operation-details-card-item[data-v-85ee673b] {
   flex-direction: column;
   gap: 12px;
   display: flex;
 }
-.operation-details-card-item[data-v-9cf53505] .parameter-list-items {
+.operation-details-card-item[data-v-85ee673b] .parameter-list-items {
   margin-bottom: 0;
 }
-.operation-details-card[data-v-9cf53505] .parameter-item:last-of-type .parameter-schema {
+.operation-details-card[data-v-85ee673b] .parameter-item:last-of-type .parameter-schema {
   padding-bottom: 12px;
 }
-.operation-details-card[data-v-9cf53505] .parameter-list .parameter-list {
+.operation-details-card[data-v-85ee673b] .parameter-list .parameter-list {
   margin-bottom: 12px;
 }
-.operation-details-card[data-v-9cf53505] .parameter-item {
+.operation-details-card[data-v-85ee673b] .parameter-item {
   margin: 0;
   padding: 0;
 }
-.operation-details-card[data-v-9cf53505] .property {
+.operation-details-card[data-v-85ee673b] .property {
   margin: 0;
   padding: 9px;
 }
-:is(.operation-details-card[data-v-9cf53505] .parameter-list-title, .operation-details-card[data-v-9cf53505] .request-body-title, .operation-details-card[data-v-9cf53505] .callbacks-title) {
+:is(.operation-details-card[data-v-85ee673b] .parameter-list-title, .operation-details-card[data-v-85ee673b] .request-body-title, .operation-details-card[data-v-85ee673b] .callbacks-title) {
   text-transform: uppercase;
   font-weight: var(--scalar-bold);
   font-size: var(--scalar-mini);
@@ -2173,61 +2176,61 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 9px;
   line-height: 1.33;
 }
-.operation-details-card[data-v-9cf53505] .callback-list-item-title {
+.operation-details-card[data-v-85ee673b] .callback-list-item-title {
   padding-left: 28px;
   padding-right: 12px;
 }
-.operation-details-card[data-v-9cf53505] .callback-list-item-icon {
+.operation-details-card[data-v-85ee673b] .callback-list-item-icon {
   left: 6px;
 }
-.operation-details-card[data-v-9cf53505] .callback-operation-container {
+.operation-details-card[data-v-85ee673b] .callback-operation-container {
   padding-inline: 9px;
   padding-bottom: 9px;
 }
-:is(.operation-details-card[data-v-9cf53505] .callback-operation-container > .request-body, .operation-details-card[data-v-9cf53505] .callback-operation-container > .parameter-list) {
+:is(.operation-details-card[data-v-85ee673b] .callback-operation-container > .request-body, .operation-details-card[data-v-85ee673b] .callback-operation-container > .parameter-list) {
   border: none;
 }
-.operation-details-card[data-v-9cf53505] .callback-operation-container > .request-body > .request-body-header {
+.operation-details-card[data-v-85ee673b] .callback-operation-container > .request-body > .request-body-header {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
   padding: 0 0 9px;
 }
-.operation-details-card[data-v-9cf53505] .request-body-description {
+.operation-details-card[data-v-85ee673b] .request-body-description {
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
   margin-top: 0;
   padding: 9px 9px 0;
 }
-.operation-details-card[data-v-9cf53505] .request-body {
+.operation-details-card[data-v-85ee673b] .request-body {
   border-radius: var(--scalar-radius-lg);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   margin-top: 0;
 }
-.operation-details-card[data-v-9cf53505] .request-body .schema-card--level-0 > .schema-card-description {
+.operation-details-card[data-v-85ee673b] .request-body .schema-card--level-0 > .schema-card-description {
   padding-inline: 9px;
 }
-.operation-details-card[data-v-9cf53505] .request-body-header {
+.operation-details-card[data-v-85ee673b] .request-body-header {
   border-bottom: 0;
   padding-bottom: 0;
 }
-.operation-details-card[data-v-9cf53505] .contents button {
+.operation-details-card[data-v-85ee673b] .contents button {
   margin-right: 9px;
 }
-.operation-details-card[data-v-9cf53505] .schema-card--open + .schema-card:not(.schema-card--open) {
+.operation-details-card[data-v-85ee673b] .schema-card--open + .schema-card:not(.schema-card--open) {
   margin-inline: 9px;
   margin-bottom: 9px;
 }
-.operation-details-card[data-v-9cf53505] .request-body-schema .property--level-0 {
+.operation-details-card[data-v-85ee673b] .request-body-schema .property--level-0 {
   padding: 0;
 }
-.operation-details-card[data-v-9cf53505] .selected-content-type {
+.operation-details-card[data-v-85ee673b] .selected-content-type {
   margin-right: 9px;
 }
-.operation-example-card[data-v-9cf53505] {
+.operation-example-card[data-v-85ee673b] {
   top: calc(var(--refs-viewport-offset) + 24px);
   max-height: calc(var(--refs-viewport-height) - 48px);
   position: sticky;
 }
 @media (max-width: 600px) {
-.operation-example-card[data-v-9cf53505] {
+.operation-example-card[data-v-85ee673b] {
     max-height: unset;
     position: static;
 }
@@ -2317,15 +2320,15 @@ button.headers-card-title[data-v-ab19704d]:hover {
 .ask-agent-scalar-send[data-v-78f5377c]:hover {
   background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);
 }
-.examples[data-v-25de20c7] {
+.examples[data-v-e96cd75a] {
   position: sticky;
   top: calc(var(--refs-viewport-offset) + 24px);
 }
-.examples[data-v-25de20c7] > * {
+.examples[data-v-e96cd75a] > * {
   max-height: calc((var(--refs-viewport-height) - 60px) / 2);
   position: relative;
 }
-.examples[data-v-25de20c7] > *:first-of-type:last-of-type {
+.examples[data-v-e96cd75a] > *:first-of-type:last-of-type {
   max-height: calc((var(--refs-viewport-height) - 60px));
 }
 /*
@@ -2333,14 +2336,15 @@ button.headers-card-title[data-v-ab19704d]:hover {
  * (or zoomed in screens)
  */
 @media (max-width: 600px) {
-.examples[data-v-25de20c7] > * {
+.examples[data-v-e96cd75a] > * {
     max-height: unset;
 }
 }
-.deprecated[data-v-25de20c7] * {
+.deprecated[data-v-e96cd75a] * {
   text-decoration: line-through;
 }
-.section-flare[data-v-2a9c8c02] {
+.section-flare[data-v-5cebff7a] {
+  position: fixed;
   top: 0;
   right: 0;
   pointer-events: none;
@@ -3828,8 +3832,8 @@ to {
 .scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *) {
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
 }
-.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+.scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
 }
 .scalar-app .hover\:bg-b-2:hover {
     background-color: var(--scalar-background-2);
@@ -3837,9 +3841,20 @@ to {
 .scalar-app .hover\:bg-b-3:hover {
     background-color: var(--scalar-background-3);
 }
+.scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+}
+}
 .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -3871,6 +3886,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
 .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
 }
@@ -4204,8 +4222,8 @@ to {
 .scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *) {
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
 }
-.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+.scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
 }
 .scalar-app .hover\:bg-b-2:hover {
     background-color: var(--scalar-background-2);
@@ -4213,9 +4231,20 @@ to {
 .scalar-app .hover\:bg-b-3:hover {
     background-color: var(--scalar-background-3);
 }
+.scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+}
+}
 .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -4247,6 +4276,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
 .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
 }
@@ -4423,8 +4455,8 @@ to {
 .scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *) {
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
 }
-.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+.scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
 }
 .scalar-app .hover\:bg-b-2:hover {
     background-color: var(--scalar-background-2);
@@ -4432,9 +4464,20 @@ to {
 .scalar-app .hover\:bg-b-3:hover {
     background-color: var(--scalar-background-3);
 }
+.scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+}
+}
 .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -4466,6 +4509,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
 .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
 }
@@ -6113,6 +6159,9 @@ to {
   border-style: var(--tw-border-style);
   border-width: 1px;
 }
+.scalar-app .border-border-header {
+  border-color: var(--scalar-header-border-color, var(--scalar-border-color));
+}
 .scalar-app .border-c-alert {
   border-color: var(--scalar-color-alert);
 }
@@ -6145,6 +6194,12 @@ to {
 .scalar-app .bg-b-btn {
   background-color: var(--scalar-button-1);
 }
+.scalar-app .bg-b-header-1 {
+  background-color: var(--scalar-header-background-1, var(--scalar-background-1));
+}
+.scalar-app .bg-b-header-cta {
+  background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
 .scalar-app .bg-b-tooltip {
   background-color: var(--scalar-tooltip-background);
 }
@@ -6292,6 +6347,15 @@ to {
 .scalar-app .break-words, .scalar-app .wrap-break-word {
   overflow-wrap: break-word;
 }
+.scalar-app .text-c-header-1 {
+  color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
+.scalar-app .text-c-header-2 {
+  color: var(--scalar-header-color-2, var(--scalar-color-2));
+}
+.scalar-app .text-c-header-cta {
+  color: var(--scalar-button-1-color);
+}
 .scalar-app .text-c-tooltip {
   color: var(--scalar-tooltip-color);
 }
@@ -6372,8 +6436,8 @@ to {
 :is(.scalar-app .\*\:justify-center > *) {
   justify-content: center;
 }
-:is(.scalar-app .\*\:gap-px > *) {
-  gap: 1px;
+:is(.scalar-app .\*\:gap-1 > *) {
+  gap: 4px;
 }
 :is(.scalar-app .\*\:rounded > *) {
   border-radius: var(--scalar-radius);
@@ -6403,8 +6467,8 @@ to {
 .scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *) {
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
 }
-.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+.scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
 }
 }
 .scalar-app .group-focus-visible\/toggle\:outline:is(:where(.group\/toggle):focus-visible *) {
@@ -6466,9 +6530,20 @@ to {
 .scalar-app .hover\:bg-b-3:hover {
     background-color: var(--scalar-background-3);
 }
+.scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+}
+}
 .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -6500,6 +6575,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
 .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
 }
@@ -7102,6 +7180,9 @@ to {
 .scalar-app .h-\[68px\] {
   height: 68px;
 }
+.scalar-app .h-\[300px\] {
+  height: 300px;
+}
 .scalar-app .h-\[calc\(100\%_-_50px\)\] {
   height: calc(100% - 50px);
 }
@@ -7153,9 +7234,6 @@ to {
 .scalar-app .max-h-\[60svh\] {
   max-height: 60svh;
 }
-.scalar-app .max-h-\[300px\] {
-  max-height: 300px;
-}
 .scalar-app .max-h-\[auto\] {
   max-height: auto;
 }
@@ -9298,22 +9376,22 @@ to {
 .address-bar-history-button[data-v-2cc840c9]:focus-within {
   background: var(--scalar-background-2);
 }
-[data-v-167b1bd5] .cm-editor {
+[data-v-6499ec1f] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
-[data-v-167b1bd5] .cm-placeholder {
+[data-v-6499ec1f] .cm-placeholder {
   color: var(--scalar-color-3);
 }
-[data-v-167b1bd5] .cm-content {
+[data-v-6499ec1f] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
-[data-v-167b1bd5] .cm-tooltip {
+[data-v-6499ec1f] .cm-tooltip {
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
@@ -9322,39 +9400,39 @@ to {
   outline: none !important;
   overflow: hidden !important;
 }
-[data-v-167b1bd5] .cm-tooltip-autocomplete ul li {
+[data-v-6499ec1f] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
-[data-v-167b1bd5] .cm-completionIcon-type:after {
+[data-v-6499ec1f] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
-[data-v-167b1bd5] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-6499ec1f] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
-[data-v-167b1bd5] .cm-tooltip-autocomplete ul {
+[data-v-6499ec1f] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
-[data-v-167b1bd5] .cm-tooltip-autocomplete ul li:hover {
+[data-v-6499ec1f] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
-[data-v-167b1bd5] .cm-activeLine, [data-v-167b1bd5] .cm-activeLineGutter {
+[data-v-6499ec1f] .cm-activeLine, [data-v-6499ec1f] .cm-activeLineGutter {
   background-color: #0000;
 }
-[data-v-167b1bd5] .cm-selectionMatch, [data-v-167b1bd5] .cm-matchingBracket {
+[data-v-6499ec1f] .cm-selectionMatch, [data-v-6499ec1f] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
-[data-v-167b1bd5] .cm-css-color-picker-wrapper {
+[data-v-6499ec1f] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
-[data-v-167b1bd5] .cm-gutters {
+[data-v-6499ec1f] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -9362,7 +9440,7 @@ to {
   border-radius: 0 0 0 3px;
   line-height: 22px;
 }
-[data-v-167b1bd5] .cm-gutters:before {
+[data-v-6499ec1f] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -9372,7 +9450,7 @@ to {
   top: 2px;
   left: 2px;
 }
-[data-v-167b1bd5] .cm-gutterElement {
+[data-v-6499ec1f] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -9381,16 +9459,16 @@ to {
   padding-left: 0 !important;
   padding-right: 6px !important;
 }
-[data-v-167b1bd5] .cm-lineNumbers .cm-gutterElement {
+[data-v-6499ec1f] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
-[data-v-167b1bd5] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-6499ec1f] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
-[data-v-167b1bd5] .cm-scroller {
+[data-v-6499ec1f] .cm-scroller {
   overflow: auto;
 }
-.line-wrapping[data-v-167b1bd5]:focus-within .cm-content {
+.line-wrapping[data-v-6499ec1f]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -9712,7 +9790,7 @@ to {
   -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);
 }
-[data-v-e861924b] .cm-content {
+[data-v-06778e40] .cm-content {
   font-size: var(--scalar-small);
 }
 .form-group[data-v-678c9f4a] {
@@ -9730,10 +9808,10 @@ to {
   -ms-overflow-style: none;
   scrollbar-width: none;
 }
-[data-v-3157c3c7] .cm-editor {
+[data-v-819cea32] .cm-editor {
   padding: 0;
 }
-[data-v-3157c3c7] .cm-content {
+[data-v-819cea32] .cm-content {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -9742,28 +9820,28 @@ to {
   padding: 5px 8px;
   display: flex;
 }
-[data-v-3157c3c7] .cm-content:has(.cm-pill) {
+[data-v-819cea32] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
-[data-v-3157c3c7] .cm-content .cm-pill:not(:last-of-type) {
+[data-v-819cea32] .cm-content .cm-pill:not(:last-of-type) {
   margin-right: .5px;
 }
-[data-v-3157c3c7] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-819cea32] .cm-content .cm-pill:not(:first-of-type) {
   margin-left: .5px;
 }
-[data-v-3157c3c7] .cm-line {
+[data-v-819cea32] .cm-line {
   text-overflow: ellipsis;
   word-break: break-word;
   padding: 0;
   overflow: hidden;
 }
-.required[data-v-3157c3c7]:after {
+.required[data-v-819cea32]:after {
   content: "Required";
 }
-input[data-v-3157c3c7]::placeholder {
+input[data-v-819cea32]::placeholder {
   color: var(--scalar-color-3);
 }
-.scalar-password-input[data-v-3157c3c7] {
+.scalar-password-input[data-v-819cea32] {
   text-security: disc;
   -webkit-text-security: disc;
   -moz-text-security: disc;
@@ -9815,7 +9893,7 @@ input[data-v-3157c3c7]::placeholder {
   min-width: 100%;
   overflow: auto;
 }
-.scalar-code-block[data-v-94c74c13] .hljs * {
+.scalar-code-block[data-v-30c34ea4] .hljs * {
   font-size: var(--scalar-small);
 }
 .response-body-virtual[data-headlessui-state="open"], .response-body-virtual[data-headlessui-state="open"] .diclosure-panel {
@@ -9882,11 +9960,11 @@ to {
 .v-enter-from[data-v-1f35725e] {
   opacity: 0;
 }
-.animate-response-heading .response-heading[data-v-3d6c8e96] {
+.animate-response-heading .response-heading[data-v-82f4df98] {
   opacity: 1;
-  animation: .2s ease-in-out forwards push-response-3d6c8e96;
+  animation: .2s ease-in-out forwards push-response-82f4df98;
 }
-@keyframes push-response-3d6c8e96 {
+@keyframes push-response-82f4df98 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9896,11 +9974,11 @@ to {
     transform: translateY(-4px);
 }
 }
-.animate-response-heading .animate-response-children[data-v-3d6c8e96] {
+.animate-response-heading .animate-response-children[data-v-82f4df98] {
   opacity: 0;
-  animation: .2s ease-in-out 50ms forwards response-spans-3d6c8e96;
+  animation: .2s ease-in-out 50ms forwards response-spans-82f4df98;
 }
-@keyframes response-spans-3d6c8e96 {
+@keyframes response-spans-82f4df98 {
 from {
     opacity: 0;
     transform: translateY(4px);
@@ -9910,39 +9988,39 @@ to {
     transform: translateY(0);
 }
 }
-.request-card[data-v-0e4ddc16] {
+.request-card[data-v-59da314d] {
   font-size: var(--scalar-font-size-3);
 }
-.request-method[data-v-0e4ddc16] {
+.request-method[data-v-59da314d] {
   font-family: var(--scalar-font-code);
   text-transform: uppercase;
   margin-right: 6px;
 }
-.request-card-footer[data-v-0e4ddc16] {
+.request-card-footer[data-v-59da314d] {
   flex-shrink: 0;
   justify-content: flex-end;
   padding: 6px;
   display: flex;
   position: relative;
 }
-.request-card-footer-addon[data-v-0e4ddc16] {
+.request-card-footer-addon[data-v-59da314d] {
   flex: 1;
   align-items: center;
   min-width: 0;
   display: flex;
 }
-.request-editor-section[data-v-0e4ddc16] {
+.request-editor-section[data-v-59da314d] {
   flex: 1;
   display: flex;
 }
-.request-card-simple[data-v-0e4ddc16] {
+.request-card-simple[data-v-59da314d] {
   font-size: var(--scalar-small);
   justify-content: space-between;
   align-items: center;
   padding: 8px 8px 8px 12px;
   display: flex;
 }
-.code-snippet[data-v-0e4ddc16] {
+.code-snippet[data-v-59da314d] {
   flex-direction: column;
   width: 100%;
   display: flex;
@@ -10379,15 +10457,15 @@ to {
 .full-size-styles:has(.sync-conflict-modal-root):after {
   display: none;
 }
-.scalar-collection-auth[data-v-6bba6b78] {
+.scalar-collection-auth[data-v-d3bc49bd] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: var(--scalar-radius-lg);
   overflow: hidden;
 }
-[data-v-ddfccc08] .cm-editor {
+[data-v-2f13118d] .cm-editor {
   padding: 0;
 }
-[data-v-ddfccc08] .cm-content {
+[data-v-2f13118d] .cm-content {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -10396,16 +10474,16 @@ to {
   padding: 5px 8px;
   display: flex;
 }
-[data-v-ddfccc08] .cm-content:has(.cm-pill) {
+[data-v-2f13118d] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
-[data-v-ddfccc08] .cm-content .cm-pill:not(:last-of-type) {
+[data-v-2f13118d] .cm-content .cm-pill:not(:last-of-type) {
   margin-right: .5px;
 }
-[data-v-ddfccc08] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-2f13118d] .cm-content .cm-pill:not(:first-of-type) {
   margin-left: .5px;
 }
-[data-v-ddfccc08] .cm-line {
+[data-v-2f13118d] .cm-line {
   text-overflow: ellipsis;
   padding: 0;
   overflow: hidden;
@@ -10472,7 +10550,7 @@ to {
 .scroll-timeline-x[data-v-f4568236]::-webkit-scrollbar {
   display: none;
 }
-.postman-import-path-conflict-callout[data-v-9f13a627] {
+.postman-import-path-conflict-callout[data-v-cc4f666d] {
   border-color: var(--scalar-color-red);
   background-color: var(--scalar-background-danger);
   color: var(--scalar-color-1);
@@ -12124,7 +12202,7 @@ div + .userMessage[data-v-8e43ed7a] {
 }
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-41f415e8] {
+.scalar-api-reference[data-v-07ea94ee] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -12146,19 +12224,19 @@ div + .userMessage[data-v-8e43ed7a] {
     /* The maximum width of the content column */
     --refs-content-max-width: var(--scalar-content-max-width, 1540px);
 }
-.scalar-api-reference.references-classic[data-v-41f415e8] {
+.scalar-api-reference.references-classic[data-v-07ea94ee] {
     /* 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-41f415e8] {
+.t-doc__sidebar[data-v-07ea94ee] {
   z-index: 10;
 }
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-41f415e8] {
+.references-layout[data-v-07ea94ee] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -12182,43 +12260,43 @@ div + .userMessage[data-v-8e43ed7a] {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-41f415e8] {
+.references-editor[data-v-07ea94ee] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-41f415e8] {
+.references-rendered[data-v-07ea94ee] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-41f415e8],
-.references-classic .references-rendered[data-v-41f415e8] {
+.scalar-api-reference.references-classic[data-v-07ea94ee],
+.references-classic .references-rendered[data-v-07ea94ee] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-41f415e8] {
+.references-sidebar[data-v-07ea94ee] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 /* Footer */
-.references-footer[data-v-41f415e8] {
+.references-footer[data-v-07ea94ee] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
 /* Responsive / Mobile Layout */
 @media (max-width: 1000px) {
   /* Keep toolbar hidden on mobile without forcing desktop display mode. */
-.references-developer-tools[data-v-41f415e8] {
+.references-developer-tools[data-v-07ea94ee] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-41f415e8] {
+.references-layout[data-v-07ea94ee] {
     /* 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)
@@ -12233,13 +12311,13 @@ div + .userMessage[data-v-8e43ed7a] {
       'rendered'
       'footer';
 }
-.references-editable[data-v-41f415e8] {
+.references-editable[data-v-07ea94ee] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-41f415e8] {
+.references-rendered[data-v-07ea94ee] {
     position: static;
 }
 }
@@ -12249,11 +12327,11 @@ div + .userMessage[data-v-8e43ed7a] {
 * when the new elements are available
 */
 @media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-41f415e8]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-07ea94ee]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
-.darklight-reference[data-v-41f415e8] {
+.darklight-reference[data-v-07ea94ee] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.23",
+  "version": "0.9.25",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-reference": "1.52.2",
-    "@scalar/types": "0.9.0"
+    "@scalar/types": "0.9.1",
+    "@scalar/api-reference": "1.52.4"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",