@scalar/api-reference-react 0.9.49 → 0.9.51

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @scalar/api-reference-react
 
+## 0.9.51
+
+## 0.9.50
+
 ## 0.9.49
 
 ## 0.9.48

package/dist/style.css

@@ -2428,40 +2428,40 @@ input[data-v-a6f4752a]::placeholder {
   padding: 6px 12px;
   display: flex;
 }
-.request-card[data-v-b977c9e1] {
+.request-card[data-v-e8761738] {
   color: var(--scalar-color-1);
   font-size: var(--scalar-font-size-3);
 }
-.request-method[data-v-b977c9e1] {
+.request-method[data-v-e8761738] {
   font-family: var(--scalar-font-code);
   text-transform: uppercase;
   margin-right: 6px;
 }
-.request-card-footer[data-v-b977c9e1] {
+.request-card-footer[data-v-e8761738] {
   flex-shrink: 0;
   justify-content: flex-end;
   padding: 6px;
   display: flex;
   position: relative;
 }
-.request-card-footer-addon[data-v-b977c9e1] {
+.request-card-footer-addon[data-v-e8761738] {
   flex: 1;
   align-items: center;
   min-width: 0;
   display: flex;
 }
-.request-editor-section[data-v-b977c9e1] {
+.request-editor-section[data-v-e8761738] {
   flex: 1;
   display: flex;
 }
-.request-card-simple[data-v-b977c9e1] {
+.request-card-simple[data-v-e8761738] {
   font-size: var(--scalar-small);
   justify-content: space-between;
   align-items: center;
   padding: 8px 8px 8px 12px;
   display: flex;
 }
-.code-snippet[data-v-b977c9e1] {
+.code-snippet[data-v-e8761738] {
   flex-direction: column;
   width: 100%;
   display: flex;
@@ -8439,7 +8439,7 @@ code.property-detail-value[data-v-1295f965] {
 .deprecated[data-v-18714eaa] {
   text-decoration: line-through;
 }
-.property[data-v-f14a8d89] {
+.property[data-v-3bdda27e] {
   color: var(--scalar-color-1);
   display: flex;
   flex-direction: column;
@@ -8448,7 +8448,7 @@ code.property-detail-value[data-v-1295f965] {
   position: relative;
 }
 /** Remove top padding for top level schema card */
-.property.property--level-0[data-v-f14a8d89]:has(
+.property.property--level-0[data-v-3bdda27e]:has(
     > .property-rule
       > .schema-card
       > .schema-properties.schema-properties-open
@@ -8457,24 +8457,24 @@ code.property-detail-value[data-v-1295f965] {
   ) {
   padding-top: 0;
 }
-.property--compact.property--level-0[data-v-f14a8d89],
-.property--compact.property--level-1[data-v-f14a8d89] {
+.property--compact.property--level-0[data-v-3bdda27e],
+.property--compact.property--level-1[data-v-3bdda27e] {
   padding: 10px 0;
 }
-.composition-panel .property.property.property.property--level-0[data-v-f14a8d89] {
+.composition-panel .property.property.property.property--level-0[data-v-3bdda27e] {
   padding: 0px;
 }
 .property--compact.property--level-0
   .composition-panel
-  .property--compact.property--level-1[data-v-f14a8d89] {
+  .property--compact.property--level-1[data-v-3bdda27e] {
   padding: 8px;
 }
 /*  if a property doesn't have a heading, remove the top padding */
-.property[data-v-f14a8d89]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
+.property[data-v-3bdda27e]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-.property--deprecated[data-v-f14a8d89] {
+.property--deprecated[data-v-3bdda27e] {
   background: repeating-linear-gradient(
     -45deg,
     var(--scalar-background-2) 0,
@@ -8484,49 +8484,49 @@ code.property-detail-value[data-v-1295f965] {
   );
   background-size: 100%;
 }
-.property--deprecated[data-v-f14a8d89] > * {
+.property--deprecated[data-v-3bdda27e] > * {
   opacity: 0.75;
 }
-.property-description[data-v-f14a8d89] {
+.property-description[data-v-3bdda27e] {
   margin-top: 6px;
   line-height: 1.4;
   font-size: var(--scalar-small);
 }
-.property-description[data-v-f14a8d89]:has(+ .property-rule) {
+.property-description[data-v-3bdda27e]:has(+ .property-rule) {
   margin-bottom: 9px;
 }
-[data-v-f14a8d89] .property-description * {
+[data-v-3bdda27e] .property-description * {
   color: var(--scalar-color-2) !important;
 }
-.property[data-v-f14a8d89]:not(:last-of-type) {
+.property[data-v-3bdda27e]:not(:last-of-type) {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-description + .children[data-v-f14a8d89],
-.children + .property-rule[data-v-f14a8d89] {
+.property-description + .children[data-v-3bdda27e],
+.children + .property-rule[data-v-3bdda27e] {
   margin-top: 9px;
 }
-.children[data-v-f14a8d89] {
+.children[data-v-3bdda27e] {
   display: flex;
   flex-direction: column;
 }
-.children .property--compact.property--level-1[data-v-f14a8d89] {
+.children .property--compact.property--level-1[data-v-3bdda27e] {
   padding: 12px;
 }
-.property-example-value[data-v-f14a8d89] {
+.property-example-value[data-v-3bdda27e] {
   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-f14a8d89] {
+.property-rule[data-v-3bdda27e] {
   border-radius: var(--scalar-radius-lg);
   display: flex;
   flex-direction: column;
 }
-.property--level-2[data-v-f14a8d89] .relative > button {
+.property--level-2[data-v-3bdda27e] .relative > button {
   left: -2rem;
 }
-.property-rule[data-v-f14a8d89]
+.property-rule[data-v-3bdda27e]
   
     .composition-panel
       .schema-card--level-1
@@ -8534,7 +8534,7 @@ code.property-detail-value[data-v-1295f965] {
    {
   border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
 }
-.property-rule[data-v-f14a8d89]
+.property-rule[data-v-3bdda27e]
   .composition-panel > .schema-card > .schema-card-description {
   padding: 10px;
   border-left: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -8543,29 +8543,29 @@ code.property-detail-value[data-v-1295f965] {
     margin-top: 0;
 }
 }
-.property-example[data-v-f14a8d89] {
+.property-example[data-v-3bdda27e] {
   background: transparent;
   border: none;
   display: flex;
   flex-direction: row;
   gap: 8px;
 }
-.property-example-label[data-v-f14a8d89],
-.property-example-value[data-v-f14a8d89] {
+.property-example-label[data-v-3bdda27e],
+.property-example-value[data-v-3bdda27e] {
   padding: 3px 0 0 0;
 }
-.property-example-value[data-v-f14a8d89] {
+.property-example-value[data-v-3bdda27e] {
   background: var(--scalar-background-2);
   border-top: 0;
   border-radius: var(--scalar-radius);
   padding: 3px 4px;
 }
-.property-name[data-v-f14a8d89] {
+.property-name[data-v-3bdda27e] {
   font-family: var(--scalar-font-code);
   font-weight: var(--scalar-semibold);
 }
-.property-name-additional-properties[data-v-f14a8d89]::before,
-.property-name-pattern-properties[data-v-f14a8d89]::before {
+.property-name-additional-properties[data-v-3bdda27e]::before,
+.property-name-pattern-properties[data-v-3bdda27e]::before {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   display: inline-block;
@@ -8576,25 +8576,25 @@ code.property-detail-value[data-v-1295f965] {
   background-color: var(--scalar-background-2);
   margin-right: 4px;
 }
-.property-name-pattern-properties[data-v-f14a8d89]::before {
+.property-name-pattern-properties[data-v-3bdda27e]::before {
   content: 'regex';
 }
-.property-name-additional-properties[data-v-f14a8d89],
-.property-name-pattern-properties[data-v-f14a8d89] {
+.property-name-additional-properties[data-v-3bdda27e],
+.property-name-pattern-properties[data-v-3bdda27e] {
   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-b482770e] {
+.error[data-v-e811e294] {
   background-color: var(--scalar-color-red);
 }
-.schema-card[data-v-b482770e] {
+.schema-card[data-v-e811e294] {
   font-size: var(--scalar-font-size-4);
   color: var(--scalar-color-1);
 }
-.schema-card-title[data-v-b482770e] {
+.schema-card-title[data-v-e811e294] {
   height: var(--schema-title-height);
 
   padding: 6px 8px;
@@ -8608,48 +8608,48 @@ code.property-detail-value[data-v-1295f965] {
   font-size: var(--scalar-mini);
   border-bottom: var(--scalar-border-width) solid transparent;
 }
-button.schema-card-title[data-v-b482770e] {
+button.schema-card-title[data-v-e811e294] {
   cursor: pointer;
 }
-button.schema-card-title[data-v-b482770e]:hover {
+button.schema-card-title[data-v-e811e294]:hover {
   color: var(--scalar-color-1);
 }
-.schema-card-title-icon--open[data-v-b482770e] {
+.schema-card-title-icon--open[data-v-e811e294] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title[data-v-b482770e] {
+.schema-properties-open > .schema-card-title[data-v-e811e294] {
   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-b482770e] {
+.schema-properties-open > .schema-properties[data-v-e811e294] {
   width: fit-content;
 }
-.schema-card-description[data-v-b482770e] {
+.schema-card-description[data-v-e811e294] {
   color: var(--scalar-color-2);
 }
-.schema-card-description + .schema-properties[data-v-b482770e] {
+.schema-card-description + .schema-properties[data-v-e811e294] {
   width: fit-content;
 }
-.schema-card-description + .schema-properties[data-v-b482770e] {
+.schema-card-description + .schema-properties[data-v-e811e294] {
   margin-top: 8px;
 }
 .schema-card--level-0:nth-of-type(1)
-  > .schema-card-description[data-v-b482770e]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-e811e294]: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-b482770e]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-e811e294]:has(+ .schema-properties) {
   padding-top: 8px;
 }
-.schema-properties-open.schema-properties[data-v-b482770e],
-.schema-properties-open > .schema-card--open[data-v-b482770e] {
+.schema-properties-open.schema-properties[data-v-e811e294],
+.schema-properties-open > .schema-card--open[data-v-e811e294] {
   width: 100%;
 }
-.schema-properties[data-v-b482770e] {
+.schema-properties[data-v-e811e294] {
   display: flex;
   flex-direction: column;
 
@@ -8657,63 +8657,63 @@ button.schema-card-title[data-v-b482770e]:hover {
   border-radius: var(--scalar-radius-lg);
   width: fit-content;
 }
-.schema-properties-name[data-v-b482770e] {
+.schema-properties-name[data-v-e811e294] {
   width: 100%;
 }
-.schema-properties .schema-properties[data-v-b482770e] {
+.schema-properties .schema-properties[data-v-e811e294] {
   border-radius: 13.5px;
 }
-.schema-properties .schema-properties.schema-properties-open[data-v-b482770e] {
+.schema-properties .schema-properties.schema-properties-open[data-v-e811e294] {
   border-radius: var(--scalar-radius-lg);
 }
-.schema-properties-open[data-v-b482770e] {
+.schema-properties-open[data-v-e811e294] {
   width: 100%;
 }
-.schema-card--compact[data-v-b482770e] {
+.schema-card--compact[data-v-e811e294] {
   align-self: flex-start;
 }
-.schema-card--compact.schema-card--open[data-v-b482770e] {
+.schema-card--compact.schema-card--open[data-v-e811e294] {
   align-self: initial;
 }
-.schema-card-title--compact[data-v-b482770e] {
+.schema-card-title--compact[data-v-e811e294] {
   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-b482770e] {
+.schema-card-title--compact > .schema-card-title-icon[data-v-e811e294] {
   margin: 0;
 }
-.schema-card-title--compact > .schema-card-title-icon--open[data-v-b482770e] {
+.schema-card-title--compact > .schema-card-title-icon--open[data-v-e811e294] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title--compact[data-v-b482770e] {
+.schema-properties-open > .schema-card-title--compact[data-v-e811e294] {
   position: static;
 }
 .property--level-0
   > .schema-properties
   > .schema-card--level-0
-  > .schema-properties[data-v-b482770e] {
+  > .schema-properties[data-v-e811e294] {
   border: none;
 }
 .property--level-0
   .schema-card--level-0:not(.schema-card--compact)
-  .property--level-1[data-v-b482770e] {
+  .property--level-1[data-v-e811e294] {
   padding: 0 0 8px;
 }
 :not(.composition-panel)
   > .schema-card--compact.schema-card--level-0
-  > .schema-properties[data-v-b482770e] {
+  > .schema-properties[data-v-e811e294] {
   border: none;
 }
-[data-v-b482770e] .schema-card-description p {
+[data-v-e811e294] .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-b482770e]:first-of-type {
+.children .schema-card-description[data-v-e811e294]:first-of-type {
   padding-top: 0;
 }
 .section-wrapper[data-v-ff689b94] {
@@ -9074,13 +9074,13 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   outline-offset: 2px;
   border-radius: var(--scalar-radius);
 }
-.channel-section[data-v-067fde89] {
+.channel-section[data-v-2b0efcde] {
   margin-bottom: 48px;
 }
-.channel-labels[data-v-067fde89] {
+.channel-labels[data-v-2b0efcde] {
   margin-bottom: 8px;
 }
-.channel-description[data-v-067fde89] {
+.channel-description[data-v-2b0efcde] {
   padding-bottom: 4px;
   text-align: left;
 }
@@ -9195,6 +9195,31 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
 .tag-section-group .tag-section[data-v-ee09ae3d]:last-of-type {
   margin-bottom: 0;
 }
+.channels-card[data-v-817abeb3] {
+  position: sticky;
+  top: calc(var(--refs-viewport-offset) + 24px);
+  font-size: var(--scalar-font-size-3);
+}
+.channels[data-v-817abeb3] {
+  overflow: auto;
+  background: var(--scalar-background-2);
+  padding: 10px 12px;
+  width: 100%;
+}
+.channel[data-v-817abeb3] {
+  display: flex;
+  white-space: nowrap;
+  cursor: pointer;
+  text-decoration: none;
+  color: var(--scalar-color-1);
+  line-height: 1.55;
+  font-family: var(--scalar-font-code);
+  font-size: var(--scalar-small);
+}
+.channel[data-v-817abeb3]:hover,
+.channel[data-v-817abeb3]:focus-visible {
+  text-decoration: underline;
+}
 .endpoint[data-v-ad8530a6] {
   display: flex;
   white-space: nowrap;
@@ -9257,10 +9282,10 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
 .deprecated[data-v-ec6c8861] {
   text-decoration: line-through;
 }
-.request-body[data-v-6092df54] {
+.request-body[data-v-96399c9a] {
   margin-top: 24px;
 }
-.request-body-header[data-v-6092df54] {
+.request-body-header[data-v-96399c9a] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -9268,7 +9293,7 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
   flex-flow: wrap;
 }
-.request-body-title[data-v-6092df54] {
+.request-body-title[data-v-96399c9a] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -9276,7 +9301,7 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color-1);
 }
-.request-body-required[data-v-6092df54] {
+.request-body-required[data-v-96399c9a] {
   font-size: var(--scalar-micro);
   color: var(--scalar-color-orange);
   font-weight: normal;
@@ -9285,21 +9310,21 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   padding: 2px 8px;
   height: 20px;
 }
-.request-body-description[data-v-6092df54] {
+.request-body-description[data-v-96399c9a] {
   margin-top: 6px;
   font-size: var(--scalar-small);
   width: 100%;
 }
 .request-body-header
-  + .request-body-schema[data-v-6092df54]:has(> .schema-card > .schema-card-description),
+  + .request-body-schema[data-v-96399c9a]:has(> .schema-card > .schema-card-description),
 .request-body-header
-  + .request-body-schema[data-v-6092df54]:has(
+  + .request-body-schema[data-v-96399c9a]: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-6092df54] .markdown * {
+.request-body-description[data-v-96399c9a] .markdown * {
   color: var(--scalar-color-2) !important;
 }
 .callback-sticky-offset[data-v-474e6fa6] {
@@ -10180,7 +10205,7 @@ body {
 }
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-876968b6] {
+.scalar-api-reference[data-v-eae03b69] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -10202,19 +10227,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-876968b6] {
+.scalar-api-reference.references-classic[data-v-eae03b69] {
     /* 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-876968b6] {
+.t-doc__sidebar[data-v-eae03b69] {
   z-index: 10;
 }
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-876968b6] {
+.references-layout[data-v-eae03b69] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -10238,31 +10263,31 @@ body {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-876968b6] {
+.references-editor[data-v-eae03b69] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-876968b6] {
+.references-rendered[data-v-eae03b69] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-876968b6],
-.references-classic .references-rendered[data-v-876968b6] {
+.scalar-api-reference.references-classic[data-v-eae03b69],
+.references-classic .references-rendered[data-v-eae03b69] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-876968b6] {
+.references-sidebar[data-v-eae03b69] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 /* Footer */
-.references-footer[data-v-876968b6] {
+.references-footer[data-v-eae03b69] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
@@ -10277,12 +10302,12 @@ body {
  */
 @media (width < 1000px) {
   /* Keep toolbar hidden on mobile without forcing desktop display mode. */
-.references-developer-tools[data-v-876968b6] {
+.references-developer-tools[data-v-eae03b69] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-876968b6] {
+.references-layout[data-v-eae03b69] {
     /* 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)
@@ -10297,13 +10322,13 @@ body {
       'rendered'
       'footer';
 }
-.references-editable[data-v-876968b6] {
+.references-editable[data-v-eae03b69] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-876968b6] {
+.references-rendered[data-v-eae03b69] {
     position: static;
 }
 }
@@ -10314,11 +10339,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-876968b6]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-eae03b69]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
-.darklight-reference[data-v-876968b6] {
+.darklight-reference[data-v-eae03b69] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.49",
+  "version": "0.9.51",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-reference": "1.62.0",
-    "@scalar/types": "0.16.0"
+    "@scalar/api-reference": "1.62.2",
+    "@scalar/types": "0.16.1"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",