@scalar/api-reference-react 0.9.20 → 0.9.22

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @scalar/api-reference-react
 
+## 0.9.22
+
+## 0.9.21
+
 ## 0.9.20
 
 ## 0.9.19

package/dist/style.css

@@ -907,74 +907,74 @@ code.property-detail-value[data-v-1295f965] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: var(--scalar-radius);
 }
-.property-example[data-v-9a5f10a7] {
-  display: flex;
-  flex-direction: column;
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+.property-example[data-v-3388e4cb] {
   font-size: var(--scalar-mini);
+  flex-direction: column;
+  display: flex;
   position: relative;
 }
-.property-example[data-v-9a5f10a7]:hover:before {
-  content: '';
+.property-example[data-v-3388e4cb]:hover:before {
+  content: "";
+  border-radius: var(--scalar-radius);
+  width: 100%;
+  height: 20px;
   position: absolute;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 20px;
-  border-radius: var(--scalar-radius);
 }
-.property-example:hover .property-example-label span[data-v-9a5f10a7] {
+.property-example:hover .property-example-label span[data-v-3388e4cb] {
   color: var(--scalar-color-1);
 }
-.property-example-label span[data-v-9a5f10a7] {
+.property-example-label span[data-v-3388e4cb] {
   color: var(--scalar-color-3);
-  position: relative;
   border-bottom: var(--scalar-border-width) dotted currentColor;
+  position: relative;
 }
-.property-example-value[data-v-9a5f10a7] {
+.property-example-value[data-v-3388e4cb] {
   font-family: var(--scalar-font-code);
-  display: flex;
-  gap: 8px;
   align-items: center;
+  gap: 8px;
   width: 100%;
   padding: 6px;
+  display: flex;
 }
-.property-example-value span[data-v-9a5f10a7] {
-  display: block;
-  overflow: hidden;
+.property-example-value span[data-v-3388e4cb] {
   text-overflow: ellipsis;
   white-space: nowrap;
+  display: block;
+  overflow: hidden;
 }
-.property-example-value[data-v-9a5f10a7] svg {
+.property-example-value[data-v-3388e4cb] svg {
   color: var(--scalar-color-3);
 }
-.property-example-value[data-v-9a5f10a7]:hover svg {
+.property-example-value[data-v-3388e4cb]:hover svg {
   color: var(--scalar-color-1);
 }
-.property-example-value[data-v-9a5f10a7] {
+.property-example-value[data-v-3388e4cb] {
   background: var(--scalar-background-2);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: var(--scalar-radius);
 }
-.property-example-value-list[data-v-9a5f10a7] {
-  position: absolute;
-  top: 18px;
-  left: 50%;
-  transform: translate3d(-50%, 0, 0);
-  overflow: auto;
+.property-example-value-list[data-v-3388e4cb] {
   background-color: var(--scalar-background-1);
   box-shadow: var(--scalar-shadow-1);
   border-radius: var(--scalar-radius-lg);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  padding: 9px;
-  min-width: 200px;
-  max-width: 300px;
+  z-index: 1000;
   flex-direction: column;
   gap: 3px;
+  min-width: 200px;
+  max-width: 300px;
+  padding: 9px;
   display: none;
-  z-index: 2;
+  position: absolute;
+  top: 18px;
+  left: 50%;
+  overflow: auto;
+  transform: translate3d(-50%, 0, 0);
 }
-.property-example:hover .property-example-value-list[data-v-9a5f10a7],
-.property-example:focus-within .property-example-value-list[data-v-9a5f10a7] {
+.property-example:hover .property-example-value-list[data-v-3388e4cb], .property-example:focus-within .property-example-value-list[data-v-3388e4cb] {
   display: flex;
 }
 .property-heading[data-v-d6007af3] {
@@ -1544,22 +1544,22 @@ button.headers-card-title[data-v-ab19704d]:hover {
 .headers-card-title > .headers-card-title-icon--open[data-v-ab19704d] {
   transform: rotate(45deg);
 }
-.parameter-item[data-v-f6277c9a] {
+.parameter-item[data-v-1f06a780] {
   display: flex;
   flex-direction: column;
   position: relative;
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.parameter-item:last-of-type .parameter-schema[data-v-f6277c9a] {
+.parameter-item:last-of-type .parameter-schema[data-v-1f06a780] {
   padding-bottom: 0;
 }
-.parameter-item-container[data-v-f6277c9a] {
+.parameter-item-container[data-v-1f06a780] {
   padding: 0;
 }
-.parameter-item-headers[data-v-f6277c9a] {
+.parameter-item-headers[data-v-1f06a780] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.parameter-item-name[data-v-f6277c9a] {
+.parameter-item-name[data-v-1f06a780] {
   position: relative;
   font-weight: var(--scalar-bold);
   font-size: var(--scalar-font-size-4);
@@ -1567,49 +1567,49 @@ button.headers-card-title[data-v-ab19704d]:hover {
   color: var(--scalar-color-1);
   overflow-wrap: break-word;
 }
-.parameter-item-description[data-v-f6277c9a],
-.parameter-item-description-summary[data-v-f6277c9a] {
+.parameter-item-description[data-v-1f06a780],
+.parameter-item-description-summary[data-v-1f06a780] {
   font-size: var(--scalar-mini);
   color: var(--scalar-color-2);
 }
-.parameter-item-description-summary.parameter-item-description-summary[data-v-f6277c9a] > * {
-  --markdown-line-height: 1;
+.parameter-item-description-summary.parameter-item-description-summary[data-v-1f06a780] > * {
+  --markdown-line-height: var(--scalar-line-height-5);
 }
 /* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */
 .parameter-item-trigger
-  ~ .parameter-item-container[data-v-f6277c9a]
+  ~ .parameter-item-container[data-v-1f06a780]
   .property--level-0 > .property-heading .property-detail-value {
   font-size: var(--scalar-micro);
 }
-.parameter-item-required-optional[data-v-f6277c9a] {
+.parameter-item-required-optional[data-v-1f06a780] {
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
   margin-right: 6px;
   position: relative;
 }
-.parameter-item--required[data-v-f6277c9a] {
+.parameter-item--required[data-v-1f06a780] {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color-orange);
 }
-.parameter-item-description[data-v-f6277c9a] {
+.parameter-item-description[data-v-1f06a780] {
   margin-top: 6px;
   font-size: var(--scalar-small);
   color: var(--scalar-color-2);
   line-height: 1.4;
 }
-.parameter-item-description[data-v-f6277c9a] p {
+.parameter-item-description[data-v-1f06a780] p {
   margin-top: 4px;
   font-size: var(--scalar-small);
   color: var(--scalar-color-2);
   line-height: 1.4;
 }
-.parameter-schema[data-v-f6277c9a] {
+.parameter-schema[data-v-1f06a780] {
   padding-bottom: 9px;
   margin-top: 3px;
 }
-.parameter-item-trigger[data-v-f6277c9a] {
+.parameter-item-trigger[data-v-1f06a780] {
   display: flex;
   align-items: baseline;
   line-height: var(--scalar-line-height-5);
@@ -1618,29 +1618,29 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 10px 0;
   outline: none;
 }
-.parameter-item-trigger-open[data-v-f6277c9a] {
+.parameter-item-trigger-open[data-v-1f06a780] {
   padding-bottom: 0;
 }
-.parameter-item-icon[data-v-f6277c9a] {
+.parameter-item-icon[data-v-1f06a780] {
   color: var(--scalar-color-3);
   left: -19px;
   top: 0.5lh;
   translate: 0 -50%;
   position: absolute;
 }
-.parameter-item-trigger:hover .parameter-item-icon[data-v-f6277c9a],
-.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-f6277c9a] {
+.parameter-item-trigger:hover .parameter-item-icon[data-v-1f06a780],
+.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-1f06a780] {
   color: var(--scalar-color-1);
 }
-.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-f6277c9a] {
+.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-1f06a780] {
   outline: 1px solid var(--scalar-color-accent);
   outline-offset: 2px;
   border-radius: var(--scalar-radius);
 }
-.request-body[data-v-48eb3d5d] {
+.request-body[data-v-f323f401] {
   margin-top: 24px;
 }
-.request-body-header[data-v-48eb3d5d] {
+.request-body-header[data-v-f323f401] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1648,7 +1648,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-48eb3d5d] {
+.request-body-title[data-v-f323f401] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1656,7 +1656,7 @@ button.headers-card-title[data-v-ab19704d]:hover {
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color-1);
 }
-.request-body-required[data-v-48eb3d5d] {
+.request-body-required[data-v-f323f401] {
   font-size: var(--scalar-micro);
   color: var(--scalar-color-orange);
   font-weight: normal;
@@ -1665,21 +1665,21 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 2px 8px;
   height: 20px;
 }
-.request-body-description[data-v-48eb3d5d] {
+.request-body-description[data-v-f323f401] {
   margin-top: 6px;
   font-size: var(--scalar-small);
   width: 100%;
 }
 .request-body-header
-  + .request-body-schema[data-v-48eb3d5d]:has(> .schema-card > .schema-card-description),
+  + .request-body-schema[data-v-f323f401]:has(> .schema-card > .schema-card-description),
 .request-body-header
-  + .request-body-schema[data-v-48eb3d5d]:has(
+  + .request-body-schema[data-v-f323f401]: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-48eb3d5d] .markdown * {
+.request-body-description[data-v-f323f401] .markdown * {
   color: var(--scalar-color-2) !important;
 }
 .callback-sticky-offset[data-v-df994c31] {
@@ -1854,10 +1854,10 @@ button.headers-card-title[data-v-ab19704d]:hover {
 .scalar-card-header.scalar-card-header-tabs[data-v-fec8fbbb] {
   padding: 0;
 }
-.response-card[data-v-9f4fecde] {
+.response-card[data-v-e0da130d] {
   font-size: var(--scalar-font-size-3);
 }
-.code-copy[data-v-9f4fecde] {
+.code-copy[data-v-e0da130d] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1871,14 +1871,14 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 0;
   margin-right: 12px;
 }
-.code-copy[data-v-9f4fecde]:hover {
+.code-copy[data-v-e0da130d]:hover {
   color: var(--scalar-color-1);
 }
-.code-copy svg[data-v-9f4fecde] {
+.code-copy svg[data-v-e0da130d] {
   width: 13px;
   height: 13px;
 }
-.response-card-footer[data-v-9f4fecde] {
+.response-card-footer[data-v-e0da130d] {
   display: flex;
   flex-direction: row-reverse;
   flex-wrap: wrap;
@@ -1887,11 +1887,11 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 7px 12px;
   column-gap: 8px;
 }
-.response-example-selector[data-v-9f4fecde] {
+.response-example-selector[data-v-e0da130d] {
   flex-shrink: 0;
   margin: -4px;
 }
-.response-description[data-v-9f4fecde] {
+.response-description[data-v-e0da130d] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-small);
   color: var(--scalar-color--1);
@@ -1900,13 +1900,13 @@ button.headers-card-title[data-v-ab19704d]:hover {
 
   flex-grow: 1;
 }
-.response-description-markdown[data-v-9f4fecde] {
+.response-description-markdown[data-v-e0da130d] {
   max-height: 3lh;
 }
-.response-description-markdown[data-v-9f4fecde] * {
+.response-description-markdown[data-v-e0da130d] * {
   margin: 0;
 }
-.schema-type[data-v-9f4fecde] {
+.schema-type[data-v-e0da130d] {
   font-size: var(--scalar-micro);
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
@@ -1915,16 +1915,16 @@ button.headers-card-title[data-v-ab19704d]:hover {
   border-radius: 4px;
   margin-right: 4px;
 }
-.schema-example[data-v-9f4fecde] {
+.schema-example[data-v-e0da130d] {
   font-size: var(--scalar-micro);
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
 }
-.example-response-tab[data-v-9f4fecde] {
+.example-response-tab[data-v-e0da130d] {
   display: block;
   margin: 6px;
 }
-.scalar-card-checkbox[data-v-9f4fecde] {
+.scalar-card-checkbox[data-v-e0da130d] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1941,20 +1941,20 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 7px 6px;
 }
 .scalar-card-checkbox:has(.scalar-card-checkbox-input:focus-visible)
-  .scalar-card-checkbox-checkmark[data-v-9f4fecde] {
+  .scalar-card-checkbox-checkmark[data-v-e0da130d] {
   outline: 1px solid var(--scalar-color-accent);
 }
-.scalar-card-checkbox[data-v-9f4fecde]:hover {
+.scalar-card-checkbox[data-v-e0da130d]:hover {
   color: var(--scalar-color--1);
 }
-.scalar-card-checkbox .scalar-card-checkbox-input[data-v-9f4fecde] {
+.scalar-card-checkbox .scalar-card-checkbox-input[data-v-e0da130d] {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
-.scalar-card-checkbox-checkmark[data-v-9f4fecde] {
+.scalar-card-checkbox-checkmark[data-v-e0da130d] {
   height: 16px;
   width: 16px;
   border-radius: var(--scalar-radius);
@@ -1962,27 +1962,27 @@ button.headers-card-title[data-v-ab19704d]:hover {
   background-color: var(--scalar-background-3);
   box-shadow: inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
 }
-.scalar-card-checkbox[data-v-9f4fecde]:has(.scalar-card-checkbox-input:checked) {
+.scalar-card-checkbox[data-v-e0da130d]:has(.scalar-card-checkbox-input:checked) {
   color: var(--scalar-color-1);
   font-weight: var(--scalar-semibold);
 }
 .scalar-card-checkbox
   .scalar-card-checkbox-input:checked
-  ~ .scalar-card-checkbox-checkmark[data-v-9f4fecde] {
+  ~ .scalar-card-checkbox-checkmark[data-v-e0da130d] {
   background-color: var(--scalar-button-1);
   box-shadow: none;
 }
-.scalar-card-checkbox-checkmark[data-v-9f4fecde]:after {
+.scalar-card-checkbox-checkmark[data-v-e0da130d]:after {
   content: '';
   position: absolute;
   display: none;
 }
 .scalar-card-checkbox
   .scalar-card-checkbox-input:checked
-  ~ .scalar-card-checkbox-checkmark[data-v-9f4fecde]:after {
+  ~ .scalar-card-checkbox-checkmark[data-v-e0da130d]:after {
   display: block;
 }
-.scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-9f4fecde]:after {
+.scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-e0da130d]:after {
   right: 11.5px;
   top: 12.5px;
   width: 5px;
@@ -3009,6 +3009,7 @@ body {
     --scalar-text-decoration-hover: underline;
     --scalar-link-font-weight: inherit;
     --scalar-sidebar-indent: 20px;
+    --scalar-sidebar-padding: 12px;
 }
 .dark-mode {
     color-scheme: dark;
@@ -3336,6 +3337,9 @@ body {
 .scalar-app .-mx-2 {
   margin-inline: -8px;
 }
+.scalar-app .mx-1\.5 {
+  margin-inline: 6px;
+}
 .scalar-app .my-2 {
   margin-block: 8px;
 }
@@ -3707,6 +3711,14 @@ to {
     width: 50dvw !important;
 }
 }
+@keyframes border-bottom {
+from {
+    border-bottom-width: 0;
+}
+to {
+    border-bottom-width: var(--scalar-border-width);
+}
+}
 @property --tw-backdrop-blur {
   syntax: "*";
   inherits: false
@@ -6056,6 +6068,11 @@ input[data-v-c1a50a6e]::placeholder {
   max-height: 3.40282e38px;
   display: flex;
 }
+.animate-sidebar-border-bottom {
+  animation: forwards border-bottom;
+  animation-timeline: scroll();
+  animation-range-end: 1px;
+}
 .group\/sidebar-section:first-of-type > .group\/spacer-before, .group\/sidebar-section:last-of-type > .group\/spacer-after {
   height: 0;
 }
@@ -6265,6 +6282,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .top-\(--nested-items-offset\)\! {
   top: var(--nested-items-offset) !important;
 }
+.scalar-app .top-\(--scalar-sidebar-sticky-offset\,0\) {
+  top: var(--scalar-sidebar-sticky-offset, 0);
+}
 .scalar-app .top-0\.5 {
   top: 2px;
 }
@@ -6349,6 +6369,9 @@ input[data-v-c1a50a6e]::placeholder {
     max-width: 96rem;
 }
 }
+.scalar-app .-m-\(--scalar-sidebar-padding\) {
+  margin: calc(var(--scalar-sidebar-padding) * -1);
+}
 .scalar-app .-m-1 {
   margin: -4px;
 }
@@ -6476,6 +6499,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .min-h-header {
   min-height: 48px;
 }
+.scalar-app .w-\(--scalar-sidebar-width\) {
+  width: var(--scalar-sidebar-width);
+}
 .scalar-app .w-12 {
   width: 48px;
 }
@@ -6661,6 +6687,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .border-sidebar-border-search {
   border-color: var(--scalar-sidebar-search-border-color, var(--scalar-border-color));
 }
+.scalar-app .border-b-sidebar-border {
+  border-bottom-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
+}
 .scalar-app .bg-\(--bg-light\) {
   background-color: var(--bg-light);
 }
@@ -6769,6 +6798,9 @@ input[data-v-c1a50a6e]::placeholder {
   -webkit-mask-repeat: repeat;
   mask-repeat: repeat;
 }
+.scalar-app .p-\(--scalar-sidebar-padding\) {
+  padding: var(--scalar-sidebar-padding);
+}
 .scalar-app .p-0\.25 {
   padding: 1px;
 }
@@ -6978,11 +7010,11 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .placeholder\:font-\[inherit\]::placeholder {
   font-family: inherit;
 }
-.scalar-app .first\:rounded-t-\[inherit\]:first-child, :is(.scalar-app .\*\:first\:rounded-t-\[inherit\] > *):first-child {
+.scalar-app .first\:rounded-t-\[inherit\]:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-.scalar-app .last\:rounded-b-\[inherit\]:last-child, :is(.scalar-app .\*\:last\:rounded-b-\[inherit\] > *):last-child {
+.scalar-app .last\:rounded-b-\[inherit\]:last-child {
   border-bottom-right-radius: inherit;
   border-bottom-left-radius: inherit;
 }
@@ -7131,6 +7163,9 @@ input[data-v-c1a50a6e]::placeholder {
     white-space: normal !important;
 }
 }
+:where(.scalar-app) [class*="rotate-"], :where(.scalar-app) [class*="translate-"], :where(.scalar-app) [class*="scale-"] {
+  transform: none;
+}
 .scalar-app .pointer-events-auto {
   pointer-events: auto;
 }
@@ -7813,12 +7848,18 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .min-h-20 {
   min-height: 80px;
 }
+.scalar-app .min-h-\[4rem\] {
+  min-height: 4rem;
+}
 .scalar-app .min-h-\[64px\] {
   min-height: 64px;
 }
 .scalar-app .min-h-\[65px\] {
   min-height: 65px;
 }
+.scalar-app .min-h-\[300px\] {
+  min-height: 300px;
+}
 .scalar-app .min-h-\[calc\(1rem\*4\)\] {
   min-height: 4rem;
 }
@@ -7843,6 +7884,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .w-1\/2 {
   width: 50%;
 }
+.scalar-app .w-2 {
+  width: 8px;
+}
 .scalar-app .w-2\.5 {
   width: 10px;
 }
@@ -8428,7 +8472,7 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .border-\(--scalar-color-alert\) {
   border-color: var(--scalar-color-alert);
 }
-.scalar-app .border-border {
+.scalar-app .border-\[var\(--scalar-border-color\)\], .scalar-app .border-border {
   border-color: var(--scalar-border-color);
 }
 .scalar-app .border-c-1 {
@@ -8465,6 +8509,18 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .bg-\(--scalar-background-alert\) {
   background-color: var(--scalar-background-alert);
 }
+.scalar-app .bg-\[var\(--scalar-background-1\)\] {
+  background-color: var(--scalar-background-1);
+}
+.scalar-app .bg-\[var\(--scalar-background-2\)\] {
+  background-color: var(--scalar-background-2);
+}
+.scalar-app .bg-\[var\(--scalar-background-3\)\] {
+  background-color: var(--scalar-background-3);
+}
+.scalar-app .bg-\[var\(--scalar-color-green\)\] {
+  background-color: var(--scalar-color-green);
+}
 .scalar-app .bg-b-1 {
   background-color: var(--scalar-background-1);
 }
@@ -9123,6 +9179,10 @@ input[data-v-c1a50a6e]::placeholder {
   --tw-shadow: 0 -8px 0 8px var(--tw-shadow-color, var(--scalar-background-1)), 0 0 8px 8px var(--tw-shadow-color, var(--scalar-background-1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
+.scalar-app .shadow-\[var\(--scalar-shadow-1\)\] {
+  --tw-shadow: var(--scalar-shadow-1);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
 .scalar-app .shadow-border {
   --tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--scalar-border-width)) var(--scalar-border-color);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -9183,6 +9243,11 @@ input[data-v-c1a50a6e]::placeholder {
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
+.scalar-app .transition-all {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
 .scalar-app .transition-colors {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -9545,6 +9610,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .hover\:border-inherit:hover {
     border-color: inherit;
 }
+.scalar-app .hover\:bg-\[var\(--scalar-background-3\)\]:hover {
+    background-color: var(--scalar-background-3);
+}
 .scalar-app .hover\:bg-b-2:hover, .scalar-app .hover\:bg-b-2\/40:hover {
     background-color: var(--scalar-background-2);
 }
@@ -10305,49 +10373,49 @@ to {
 .description[data-v-1b7a32a4] .markdown > :first-child {
   margin-top: 0;
 }
-[data-v-e06ea441] .cm-editor {
+[data-v-0ec7147f] .cm-editor {
   outline: none;
   width: 100%;
   height: 100%;
 }
-[data-v-e06ea441] .cm-line {
+[data-v-0ec7147f] .cm-line {
   padding: 0;
 }
-[data-v-e06ea441] .cm-content {
+[data-v-0ec7147f] .cm-content {
   font-size: var(--scalar-small);
   align-items: center;
   padding: 0;
   display: flex;
 }
-.scroll-timeline-x[data-v-e06ea441] {
+.scroll-timeline-x[data-v-0ec7147f] {
   scroll-timeline: --scroll-timeline x;
   scroll-timeline: --scroll-timeline horizontal;
   -ms-overflow-style: none;
 }
-.scroll-timeline-x-hidden[data-v-e06ea441] {
+.scroll-timeline-x-hidden[data-v-0ec7147f] {
   overflow-x: auto;
 }
-.scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-0ec7147f] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
-.scroll-timeline-x-hidden[data-v-e06ea441]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-0ec7147f]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-0ec7147f] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-address[data-v-e06ea441] {
+.scroll-timeline-x-address[data-v-0ec7147f] {
   scrollbar-width: none;
   line-height: 27px;
 }
-.scroll-timeline-x-address[data-v-e06ea441]:after {
+.scroll-timeline-x-address[data-v-0ec7147f]:after {
   content: "";
   cursor: text;
   width: 24px;
@@ -10355,48 +10423,48 @@ to {
   position: absolute;
   right: 0;
 }
-.scroll-timeline-x-address[data-v-e06ea441]:empty:before {
+.scroll-timeline-x-address[data-v-0ec7147f]:empty:before {
   content: "Enter URL or cURL request";
   color: var(--scalar-color-3);
   pointer-events: none;
 }
-.fade-left[data-v-e06ea441], .fade-right[data-v-e06ea441] {
+.fade-left[data-v-0ec7147f], .fade-right[data-v-0ec7147f] {
   content: "";
   pointer-events: none;
   z-index: 1;
   height: 100%;
-  animation-name: fadein-e06ea441;
+  animation-name: fadein-0ec7147f;
   animation-duration: 1ms;
   animation-direction: reverse;
   animation-timeline: --scroll-timeline;
   position: sticky;
 }
-.fade-left[data-v-e06ea441] {
+.fade-left[data-v-0ec7147f] {
   background: linear-gradient(-90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
 }
 @supports (color: color-mix(in lab, red, red)) {
-.fade-left[data-v-e06ea441] {
+.fade-left[data-v-0ec7147f] {
     background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
 }
 }
-.fade-left[data-v-e06ea441] {
+.fade-left[data-v-0ec7147f] {
   min-width: 6px;
   animation-direction: normal;
   left: -1px;
 }
-.fade-right[data-v-e06ea441] {
+.fade-right[data-v-0ec7147f] {
   background: linear-gradient(90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
 }
 @supports (color: color-mix(in lab, red, red)) {
-.fade-right[data-v-e06ea441] {
+.fade-right[data-v-0ec7147f] {
     background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
 }
 }
-.fade-right[data-v-e06ea441] {
+.fade-right[data-v-0ec7147f] {
   min-width: 24px;
   right: -1px;
 }
-@keyframes fadein-e06ea441 {
+@keyframes fadein-0ec7147f {
 0% {
     opacity: 0;
 }
@@ -10404,26 +10472,26 @@ to {
     opacity: 1;
 }
 }
-.address-bar-bg-states[data-v-e06ea441] {
+.address-bar-bg-states[data-v-0ec7147f] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 @supports (color: color-mix(in lab, red, red)) {
-.address-bar-bg-states[data-v-e06ea441] {
+.address-bar-bg-states[data-v-0ec7147f] {
     --scalar-address-bar-bg: color-mix(in srgb,
     var(--scalar-background-1),
     var(--scalar-background-2));
 }
 }
-.address-bar-bg-states[data-v-e06ea441] {
+.address-bar-bg-states[data-v-0ec7147f] {
   background: var(--scalar-address-bar-bg);
 }
-.address-bar-bg-states[data-v-e06ea441]:has(.cm-focused) {
+.address-bar-bg-states[data-v-0ec7147f]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
   outline-width: 1px;
   outline-style: solid;
 }
-.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-e06ea441], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-e06ea441] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-0ec7147f], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-0ec7147f] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 .app-exit-button[data-v-0e03d0d8] {
@@ -10808,27 +10876,27 @@ to {
 .dark-mode .download-app-button[data-v-9b609275]:hover {
   background: linear-gradient(#00000026, #ffffff1a);
 }
-.empty-sidebar-item-content[data-v-6f80f8d3] {
+.empty-sidebar-item-content[data-v-96a54993] {
   display: none;
 }
-.empty-sidebar-item .empty-sidebar-item-content[data-v-6f80f8d3] {
+.empty-sidebar-item .empty-sidebar-item-content[data-v-96a54993] {
   display: block;
 }
-.rabbitjump[data-v-6f80f8d3] {
+.rabbitjump[data-v-96a54993] {
   opacity: 0;
 }
-.empty-sidebar-item:hover .rabbitjump[data-v-6f80f8d3] {
+.empty-sidebar-item:hover .rabbitjump[data-v-96a54993] {
   opacity: 1;
-  animation: .5s step-end infinite rabbitAnimation-6f80f8d3;
+  animation: .5s step-end infinite rabbitAnimation-96a54993;
 }
-.empty-sidebar-item:hover .rabbitsit[data-v-6f80f8d3] {
+.empty-sidebar-item:hover .rabbitsit[data-v-96a54993] {
   opacity: 0;
-  animation: .5s step-end infinite rabbitAnimation2-6f80f8d3;
+  animation: .5s step-end infinite rabbitAnimation2-96a54993;
 }
-.empty-sidebar-item:hover .rabbit-ascii[data-v-6f80f8d3] {
-  animation: 8s linear infinite rabbitRun-6f80f8d3;
+.empty-sidebar-item:hover .rabbit-ascii[data-v-96a54993] {
+  animation: 8s linear infinite rabbitRun-96a54993;
 }
-@keyframes rabbitRun-6f80f8d3 {
+@keyframes rabbitRun-96a54993 {
 0% {
     transform: translate3d(0, 0, 0);
 }
@@ -10848,7 +10916,7 @@ to {
     transform: translate3d(0, 0, 0);
 }
 }
-@keyframes rabbitAnimation-6f80f8d3 {
+@keyframes rabbitAnimation-96a54993 {
 0%, 100% {
     opacity: 1;
 }
@@ -10856,7 +10924,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes rabbitAnimation2-6f80f8d3 {
+@keyframes rabbitAnimation2-96a54993 {
 0%, 100% {
     opacity: 0;
 }
@@ -11852,6 +11920,9 @@ to {
   gap: 1rem;
   display: flex;
 }
+.document-scripts-editors__container[data-v-8c8fa790] {
+  min-height: 300px;
+}
 .authenticationProvided[data-v-e3416cd5] {
   color: var(--scalar-color-1);
   font-weight: var(--scalar-semibold);
@@ -13412,7 +13483,7 @@ div + .userMessage[data-v-8e43ed7a] {
 }
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-0d40a3ce] {
+.scalar-api-reference[data-v-f2a1208a] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -13434,19 +13505,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-0d40a3ce] {
+.scalar-api-reference.references-classic[data-v-f2a1208a] {
     /* 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-0d40a3ce] {
+.t-doc__sidebar[data-v-f2a1208a] {
   z-index: 10;
 }
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-0d40a3ce] {
+.references-layout[data-v-f2a1208a] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -13470,43 +13541,43 @@ div + .userMessage[data-v-8e43ed7a] {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-0d40a3ce] {
+.references-editor[data-v-f2a1208a] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-0d40a3ce] {
+.references-rendered[data-v-f2a1208a] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-0d40a3ce],
-.references-classic .references-rendered[data-v-0d40a3ce] {
+.scalar-api-reference.references-classic[data-v-f2a1208a],
+.references-classic .references-rendered[data-v-f2a1208a] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-0d40a3ce] {
+.references-sidebar[data-v-f2a1208a] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 /* Footer */
-.references-footer[data-v-0d40a3ce] {
+.references-footer[data-v-f2a1208a] {
   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-0d40a3ce] {
+.references-developer-tools[data-v-f2a1208a] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-0d40a3ce] {
+.references-layout[data-v-f2a1208a] {
     /* 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)
@@ -13521,13 +13592,13 @@ div + .userMessage[data-v-8e43ed7a] {
       'rendered'
       'footer';
 }
-.references-editable[data-v-0d40a3ce] {
+.references-editable[data-v-f2a1208a] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-0d40a3ce] {
+.references-rendered[data-v-f2a1208a] {
     position: static;
 }
 }
@@ -13537,11 +13608,11 @@ div + .userMessage[data-v-8e43ed7a] {
 * when the new elements are available
 */
 @media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-0d40a3ce]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-f2a1208a]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
-.darklight-reference[data-v-0d40a3ce] {
+.darklight-reference[data-v-f2a1208a] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.20",
+  "version": "0.9.22",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-reference": "1.51.0",
-    "@scalar/types": "0.7.6"
+    "@scalar/api-reference": "1.52.1",
+    "@scalar/types": "0.8.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",