@scalar/api-client-react 1.4.18 → 1.4.20

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @scalar/api-client-react
 
+## 1.4.20
+
+## 1.4.19
+
 ## 1.4.18
 
 ## 1.4.17

package/dist/style.css

@@ -11,10 +11,10 @@
 .dark-mode .http-bg-gradient[data-v-076b14a1]:hover {
   background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.035));
 }
-.address-bar-history-button[data-v-a93fa60f]:hover {
+.address-bar-history-button[data-v-7e9dbe2f]:hover {
   background: var(--scalar-background-3);
 }
-.address-bar-history-button[data-v-a93fa60f]:focus-within {
+.address-bar-history-button[data-v-7e9dbe2f]:focus-within {
   background: var(--scalar-background-2);
 }
 /*
@@ -1259,6 +1259,7 @@ input[data-v-c1a50a6e]::placeholder {
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
     --animate-spin: spin 1s linear infinite;
+    --container-content: 720px;
   }
 }
 @layer scalar-theme;
@@ -3176,6 +3177,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .right-2\.5 {
   right: 10px;
 }
+.scalar-app .bottom-4 {
+  bottom: 16px;
+}
 .scalar-app .left-2\.5 {
   left: 10px;
 }
@@ -3233,6 +3237,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .-m-1\.5 {
   margin: -6px;
 }
+.scalar-app .-m-2 {
+  margin: -8px;
+}
 .scalar-app .-m-px {
   margin: -1px;
 }
@@ -3304,10 +3311,6 @@ input[data-v-c1a50a6e]::placeholder {
   width: 11px;
   height: 11px;
 }
-.scalar-app .size-3\.25 {
-  width: 13px;
-  height: 13px;
-}
 .scalar-app .size-60 {
   width: 240px;
   height: 240px;
@@ -3406,6 +3409,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .max-w-\[inherit\] {
   max-width: inherit;
 }
+.scalar-app .max-w-screen-padded-4 {
+  max-width: calc(100vw - 32px);
+}
 .scalar-app .max-w-xs {
   max-width: 320px;
 }
@@ -3453,6 +3459,10 @@ input[data-v-c1a50a6e]::placeholder {
   --tw-translate-y: calc(4px * 1.5);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
+.scalar-app .translate-y-\[200\%\] {
+  --tw-translate-y: 200%;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
 .scalar-app .scale-0 {
   --tw-scale-x: 0%;
   --tw-scale-y: 0%;
@@ -3705,6 +3715,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .text-sidebar-c-search {
   color: var(--scalar-sidebar-search-color, var(--scalar-color-3));
 }
+.scalar-app .text-white {
+  color: #fff;
+}
 .scalar-app .opacity-40 {
   opacity: .4;
 }
@@ -3722,10 +3735,36 @@ input[data-v-c1a50a6e]::placeholder {
   -webkit-backdrop-filter: var(--tw-backdrop-blur,   ) var(--tw-backdrop-brightness,   ) var(--tw-backdrop-contrast,   ) var(--tw-backdrop-grayscale,   ) var(--tw-backdrop-hue-rotate,   ) var(--tw-backdrop-invert,   ) var(--tw-backdrop-opacity,   ) var(--tw-backdrop-saturate,   ) var(--tw-backdrop-sepia,   );
   backdrop-filter: var(--tw-backdrop-blur,   ) var(--tw-backdrop-brightness,   ) var(--tw-backdrop-contrast,   ) var(--tw-backdrop-grayscale,   ) var(--tw-backdrop-hue-rotate,   ) var(--tw-backdrop-invert,   ) var(--tw-backdrop-opacity,   ) var(--tw-backdrop-saturate,   ) var(--tw-backdrop-sepia,   );
 }
+.scalar-app .duration-400 {
+  --tw-duration: .4s;
+  transition-duration: .4s;
+}
 .scalar-app .ease-in {
   --tw-ease: var(--ease-in);
   transition-timing-function: var(--ease-in);
 }
+.scalar-app .ease-spring {
+  --tw-ease: linear(0,
+    .008 1.1%,
+    .034 2.3%,
+    .134 4.9%,
+    .264 7.3%,
+    .683 14.3%,
+    .797 16.5%,
+    .89 18.6%,
+    .967 20.7%,
+    1.027 22.8%,
+    1.073 25%,
+    1.104 27.3%,
+    1.123 30.6%,
+    1.119 34.3%,
+    1.018 49.5%,
+    .988 58.6%,
+    .985 65.2%,
+    1 84.5%,
+    1);
+  transition-timing-function: linear(0, .008 1.1%, .034 2.3%, .134 4.9%, .264 7.3%, .683 14.3%, .797 16.5%, .89 18.6%, .967 20.7%, 1.027 22.8%, 1.073 25%, 1.104 27.3%, 1.123 30.6%, 1.119 34.3%, 1.018 49.5%, .988 58.6%, .985 65.2%, 1 84.5%, 1);
+}
 :is(.scalar-app .\*\:size-3 > *) {
   width: 12px;
   height: 12px;
@@ -4045,12 +4084,6 @@ input[data-v-c1a50a6e]::placeholder {
   position: absolute;
   top: 50%;
 }
-.scalar-app .centered-x {
-  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-  position: absolute;
-  left: 50%;
-}
 .scalar-app .sr-only {
   clip-path: inset(50%);
   white-space: nowrap;
@@ -4098,8 +4131,8 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .-top-\(--scalar-address-bar-height\) {
   top: calc(var(--scalar-address-bar-height) * -1);
 }
-.scalar-app .-top-1\.25 {
-  top: -5px;
+.scalar-app .-top-0\.5 {
+  top: -2px;
 }
 .scalar-app .-top-\[104px\] {
   top: -104px;
@@ -4119,8 +4152,8 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .top-\[calc\(100\%\+4px\)\] {
   top: calc(100% + 4px);
 }
-.scalar-app .-right-1\.25 {
-  right: -5px;
+.scalar-app .-right-0\.5 {
+  right: -2px;
 }
 .scalar-app .-right-\[30px\] {
   right: -30px;
@@ -4275,9 +4308,6 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .m-auto {
   margin: auto;
 }
-.scalar-app .m-header {
-  margin: 48px;
-}
 .scalar-app .-mx-0\.25 {
   margin-inline: -1px;
 }
@@ -4398,9 +4428,6 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .mb-4 {
   margin-bottom: 16px;
 }
-.scalar-app .mb-5 {
-  margin-bottom: 20px;
-}
 .scalar-app .mb-\[\.5px\] {
   margin-bottom: .5px;
 }
@@ -4787,15 +4814,18 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .w-\[calc\(100\%-10px\)\] {
   width: calc(100% - 10px);
 }
-.scalar-app .w-\[calc\(100\%_-_8px\)\] {
-  width: calc(100% - 8px);
-}
 .scalar-app .w-\[inherit\] {
   width: inherit;
 }
 .scalar-app .w-auto {
   width: auto;
 }
+.scalar-app .w-content {
+  width: 720px;
+}
+.scalar-app .w-content-padded-4 {
+  width: calc(var(--container-content) - calc(4px * 4 * 2));
+}
 .scalar-app .w-dvw {
   width: 100dvw;
 }
@@ -4853,6 +4883,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .max-w-full {
   max-width: 100%;
 }
+.scalar-app .max-w-full-padded-4 {
+  max-width: calc(100% - 32px);
+}
 .scalar-app .min-w-0 {
   min-width: 0;
 }
@@ -5309,7 +5342,7 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .border-\(--scalar-color-alert\) {
   border-color: var(--scalar-color-alert);
 }
-.scalar-app .border-\[var\(--scalar-border-color\)\], .scalar-app .border-border {
+.scalar-app .border-border {
   border-color: var(--scalar-border-color);
 }
 .scalar-app .border-c-1 {
@@ -5407,9 +5440,6 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .bg-grey {
   background-color: var(--scalar-color-3);
 }
-.scalar-app .bg-orange {
-  background-color: var(--scalar-color-orange);
-}
 .scalar-app .bg-sidebar-b-1 {
   background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -5665,6 +5695,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .pb-14 {
   padding-bottom: 56px;
 }
+.scalar-app .pb-20 {
+  padding-bottom: 80px;
+}
 .scalar-app .pb-\[75px\] {
   padding-bottom: 75px;
 }
@@ -5737,9 +5770,6 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .text-\[6px\] {
   font-size: 6px;
 }
-.scalar-app .text-\[9px\] {
-  font-size: 9px;
-}
 .scalar-app .text-\[10px\] {
   font-size: 10px;
 }
@@ -5880,9 +5910,6 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .text-\[var\(--scalar-color-red\)\] {
   color: var(--scalar-color-red);
 }
-.scalar-app .text-\[var\(--scalar-color-yellow\)\] {
-  color: var(--scalar-color-yellow);
-}
 .scalar-app .text-b-1 {
   color: var(--scalar-background-1);
 }
@@ -5940,9 +5967,6 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .text-transparent {
   color: #0000;
 }
-.scalar-app .text-white {
-  color: #fff;
-}
 .scalar-app .text-yellow {
   color: var(--scalar-color-yellow);
 }
@@ -6249,10 +6273,6 @@ input[data-v-c1a50a6e]::placeholder {
   .scalar-app .group-hover\/scopes-accordion\:text-c-2:is(:where(.group\/scopes-accordion):hover *) {
     color: var(--scalar-color-2);
   }
-
-  .scalar-app .group-hover\/upload\:block:is(:where(.group\/upload):hover *) {
-    display: block;
-  }
 }
 .scalar-app .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
   opacity: 1;
@@ -6728,6 +6748,36 @@ input[data-v-c1a50a6e]::placeholder {
   }
 }
 @media (min-width: 800px) {
+  .scalar-app .md\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .scalar-app .md\:centered-y {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+    position: absolute;
+    top: 50%;
+  }
+
+  .scalar-app .md\:centered-x {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+    position: absolute;
+    left: 50%;
+  }
+
+  .scalar-app .md\:absolute {
+    position: absolute;
+  }
+
+  .scalar-app .md\:inset-x-1 {
+    inset-inline: 4px;
+  }
+
+  .scalar-app .md\:top-1\/2 {
+    top: 50%;
+  }
+
   .scalar-app .md\:right-10 {
     right: 40px;
   }
@@ -6740,6 +6790,10 @@ input[data-v-c1a50a6e]::placeholder {
     margin-inline: auto;
   }
 
+  .scalar-app .md\:mt-0 {
+    margin-top: 0;
+  }
+
   .scalar-app .md\:-ml-1\.25 {
     margin-left: -5px;
   }
@@ -6764,11 +6818,15 @@ input[data-v-c1a50a6e]::placeholder {
     display: none;
   }
 
+  .scalar-app .md\:w-\[calc\(100\%_-_8px\)\] {
+    width: calc(100% - 8px);
+  }
+
   .scalar-app .md\:w-full {
     width: 100%;
   }
 
-  .scalar-app .md\:max-w-180, .scalar-app .md\:max-w-\[720px\] {
+  .scalar-app .md\:max-w-180, .scalar-app .md\:max-w-\[720px\], .scalar-app .md\:max-w-content {
     max-width: 720px;
   }
 
@@ -6785,6 +6843,11 @@ input[data-v-c1a50a6e]::placeholder {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .scalar-app .md\:-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .scalar-app .md\:translate-y-0 {
     --tw-translate-y: calc(4px * 0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -6860,10 +6923,24 @@ input[data-v-c1a50a6e]::placeholder {
     padding-left: 0;
   }
 
+  .scalar-app .md\:opacity-0 {
+    opacity: 0;
+  }
+
   :is(.scalar-app .md\:\*\:border-t-0 > *) {
     border-top-style: var(--tw-border-style);
     border-top-width: 0;
   }
+
+  @media (hover: hover) {
+    .scalar-app .md\:group-hover\/upload\:pointer-events-auto:is(:where(.group\/upload):hover *) {
+      pointer-events: auto;
+    }
+
+    .scalar-app .md\:group-hover\/upload\:opacity-100:is(:where(.group\/upload):hover *) {
+      opacity: 1;
+    }
+  }
 }
 @media (min-width: 1000px) {
   .scalar-app .lg\:order-0, .scalar-app .lg\:order-none {
@@ -7121,32 +7198,32 @@ input[data-v-c1a50a6e]::placeholder {
 .dark-mode #scalar-client {
   background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);
 }
-.address-bar-history-button[data-v-c15c6573]:hover {
+.address-bar-history-button[data-v-5b995586]:hover {
   background: var(--scalar-background-3);
 }
-.address-bar-history-button[data-v-c15c6573]:focus-within {
+.address-bar-history-button[data-v-5b995586]:focus-within {
   background: var(--scalar-background-2);
 }
 /*
    Deep styling for customizing Codemirror
   */
-[data-v-e041f4b0] .cm-editor {
+[data-v-3ac22ad4] .cm-editor {
   height: 100%;
   outline: none;
   padding: 0;
   background: transparent;
 }
-[data-v-e041f4b0] .cm-placeholder {
+[data-v-3ac22ad4] .cm-placeholder {
   color: var(--scalar-color-3);
 }
-[data-v-e041f4b0] .cm-content {
+[data-v-3ac22ad4] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
 /* Tooltip helper */
-[data-v-e041f4b0] .cm-tooltip {
+[data-v-3ac22ad4] .cm-tooltip {
   background: transparent !important;
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
@@ -7155,43 +7232,43 @@ input[data-v-c1a50a6e]::placeholder {
   outline: none !important;
   overflow: hidden !important;
 }
-[data-v-e041f4b0] .cm-tooltip-autocomplete ul li {
+[data-v-3ac22ad4] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
-[data-v-e041f4b0] .cm-completionIcon-type:after {
+[data-v-3ac22ad4] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
-[data-v-e041f4b0] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-3ac22ad4] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
-[data-v-e041f4b0] .cm-tooltip-autocomplete ul {
+[data-v-3ac22ad4] .cm-tooltip-autocomplete ul {
   padding: 6px !important;
   position: relative;
 }
-[data-v-e041f4b0] .cm-tooltip-autocomplete ul li:hover {
+[data-v-3ac22ad4] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
 /* Disable active line highlighting */
-[data-v-e041f4b0] .cm-activeLine,[data-v-e041f4b0] .cm-activeLineGutter {
+[data-v-3ac22ad4] .cm-activeLine,[data-v-3ac22ad4] .cm-activeLineGutter {
   background-color: transparent;
 }
 /* Color selection matching */
-[data-v-e041f4b0] .cm-selectionMatch,[data-v-e041f4b0] .cm-matchingBracket {
+[data-v-3ac22ad4] .cm-selectionMatch,[data-v-3ac22ad4] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 /* Color Picker Swatches */
-[data-v-e041f4b0] .cm-css-color-picker-wrapper {
+[data-v-3ac22ad4] .cm-css-color-picker-wrapper {
   display: inline-flex;
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   overflow: hidden;
 }
 /* Number gutter */
-[data-v-e041f4b0] .cm-gutters {
+[data-v-3ac22ad4] .cm-gutters {
   background-color: transparent;
   border-right: none;
   color: var(--scalar-color-3);
@@ -7199,7 +7276,7 @@ input[data-v-c1a50a6e]::placeholder {
   line-height: 22px;
   border-radius: 0 0 0 3px;
 }
-[data-v-e041f4b0] .cm-gutters:before {
+[data-v-3ac22ad4] .cm-gutters:before {
   content: '';
   position: absolute;
   top: 2px;
@@ -7209,7 +7286,7 @@ input[data-v-c1a50a6e]::placeholder {
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
 }
-[data-v-e041f4b0] .cm-gutterElement {
+[data-v-3ac22ad4] .cm-gutterElement {
   font-family: var(--scalar-font-code) !important;
   padding-left: 0px !important;
   padding-right: 6px !important;
@@ -7218,16 +7295,16 @@ input[data-v-c1a50a6e]::placeholder {
   justify-content: flex-end;
   position: relative;
 }
-[data-v-e041f4b0] .cm-lineNumbers .cm-gutterElement {
+[data-v-3ac22ad4] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
-[data-v-e041f4b0] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-3ac22ad4] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
-[data-v-e041f4b0] .cm-scroller {
+[data-v-3ac22ad4] .cm-scroller {
   overflow: auto;
 }
-.line-wrapping[data-v-e041f4b0]:focus-within .cm-content {
+.line-wrapping[data-v-3ac22ad4]:focus-within .cm-content {
   display: inline-table;
   min-height: fit-content;
   padding: 3px 6px;
@@ -7282,51 +7359,51 @@ input[data-v-c1a50a6e]::placeholder {
 .description[data-v-1b7a32a4] .markdown > *:first-child {
   margin-top: 0;
 }
-[data-v-f5565642] .cm-editor {
+[data-v-e06ea441] .cm-editor {
   height: 100%;
   outline: none;
   width: 100%;
 }
-[data-v-f5565642] .cm-line {
+[data-v-e06ea441] .cm-line {
   padding: 0;
 }
-[data-v-f5565642] .cm-content {
+[data-v-e06ea441] .cm-content {
   padding: 0;
   display: flex;
   align-items: center;
   font-size: var(--scalar-small);
 }
-.scroll-timeline-x[data-v-f5565642] {
+.scroll-timeline-x[data-v-e06ea441] {
   scroll-timeline: --scroll-timeline x;
   /* Firefox supports */
   scroll-timeline: --scroll-timeline horizontal;
   -ms-overflow-style: none; /* IE and Edge */
 }
-.scroll-timeline-x-hidden[data-v-f5565642] {
+.scroll-timeline-x-hidden[data-v-e06ea441] {
   overflow-x: auto;
 }
-.scroll-timeline-x-hidden[data-v-f5565642] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
-.scroll-timeline-x-hidden[data-v-f5565642]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-e06ea441]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-hidden[data-v-f5565642] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-address[data-v-f5565642] {
+.scroll-timeline-x-address[data-v-e06ea441] {
   line-height: 27px;
   scrollbar-width: none; /* Firefox */
 }
 /* make clickable are to left of send button */
-.scroll-timeline-x-address[data-v-f5565642]:after {
+.scroll-timeline-x-address[data-v-e06ea441]:after {
   content: '';
   position: absolute;
   height: 100%;
@@ -7334,24 +7411,24 @@ input[data-v-c1a50a6e]::placeholder {
   right: 0;
   cursor: text;
 }
-.scroll-timeline-x-address[data-v-f5565642]:empty:before {
+.scroll-timeline-x-address[data-v-e06ea441]:empty:before {
   content: 'Enter URL or cURL request';
   color: var(--scalar-color-3);
   pointer-events: none;
 }
-.fade-left[data-v-f5565642],
-.fade-right[data-v-f5565642] {
+.fade-left[data-v-e06ea441],
+.fade-right[data-v-e06ea441] {
   content: '';
   position: sticky;
   height: 100%;
-  animation-name: fadein-f5565642;
+  animation-name: fadein-e06ea441;
   animation-duration: 1ms;
   animation-direction: reverse;
   animation-timeline: --scroll-timeline;
   pointer-events: none;
   z-index: 1;
 }
-.fade-left[data-v-f5565642] {
+.fade-left[data-v-e06ea441] {
   background: linear-gradient(
     -90deg,
     color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
@@ -7362,7 +7439,7 @@ input[data-v-c1a50a6e]::placeholder {
   min-width: 6px;
   animation-direction: normal;
 }
-.fade-right[data-v-f5565642] {
+.fade-right[data-v-e06ea441] {
   background: linear-gradient(
     90deg,
     color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
@@ -7372,7 +7449,7 @@ input[data-v-c1a50a6e]::placeholder {
   right: -1px;
   min-width: 24px;
 }
-@keyframes fadein-f5565642 {
+@keyframes fadein-e06ea441 {
 0% {
     opacity: 0;
 }
@@ -7380,7 +7457,7 @@ input[data-v-c1a50a6e]::placeholder {
     opacity: 1;
 }
 }
-.address-bar-bg-states[data-v-f5565642] {
+.address-bar-bg-states[data-v-e06ea441] {
   --scalar-address-bar-bg: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -7388,14 +7465,14 @@ input[data-v-c1a50a6e]::placeholder {
   );
   background: var(--scalar-address-bar-bg);
 }
-.address-bar-bg-states[data-v-f5565642]:has(.cm-focused) {
+.address-bar-bg-states[data-v-e06ea441]: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-f5565642],
-.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-f5565642] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-e06ea441],
+.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-e06ea441] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 .app-exit-button[data-v-0e03d0d8] {
@@ -7526,7 +7603,7 @@ input[data-v-c1a50a6e]::placeholder {
     var(--scalar-background-2) 20px
   );
 }
-[data-v-2f50e5b7] .cm-content {
+[data-v-3260eadd] .cm-content {
   font-size: var(--scalar-small);
 }
 .form-group[data-v-43df1726] {
@@ -7584,20 +7661,20 @@ input[data-v-3157c3c7]::placeholder {
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
-.request-section-content[data-v-e0c182d2] {
+.request-section-content[data-v-2d4e3b5d] {
   --scalar-border-width: 0.5px;
 }
-.request-section-content-filter[data-v-e0c182d2] {
+.request-section-content-filter[data-v-2d4e3b5d] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-e0c182d2] {
+.request-item:focus-within .request-meta-buttons[data-v-2d4e3b5d] {
   opacity: 1;
 }
-.group-hover-input[data-v-e0c182d2] {
+.group-hover-input[data-v-2d4e3b5d] {
   border-width: var(--scalar-border-width);
   border-color: transparent;
 }
-.group:hover .group-hover-input[data-v-e0c182d2] {
+.group:hover .group-hover-input[data-v-2d4e3b5d] {
   background: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -7605,7 +7682,7 @@ input[data-v-3157c3c7]::placeholder {
   );
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-e0c182d2]:focus {
+.group-hover-input[data-v-2d4e3b5d]:focus {
   background: transparent !important;
   border-color: var(--scalar-border-color) !important;
 }
@@ -7724,33 +7801,33 @@ to {
     transform: translateY(0);
 }
 }
-.request-card[data-v-f52db2cc] {
+.request-card[data-v-0e4ddc16] {
   font-size: var(--scalar-font-size-3);
 }
-.request-method[data-v-f52db2cc] {
+.request-method[data-v-0e4ddc16] {
   font-family: var(--scalar-font-code);
   text-transform: uppercase;
   margin-right: 6px;
 }
-.request-card-footer[data-v-f52db2cc] {
+.request-card-footer[data-v-0e4ddc16] {
   display: flex;
   justify-content: flex-end;
   padding: 6px;
   flex-shrink: 0;
   position: relative;
 }
-.request-card-footer-addon[data-v-f52db2cc] {
+.request-card-footer-addon[data-v-0e4ddc16] {
   display: flex;
   align-items: center;
 
   flex: 1;
   min-width: 0;
 }
-.request-editor-section[data-v-f52db2cc] {
+.request-editor-section[data-v-0e4ddc16] {
   display: flex;
   flex: 1;
 }
-.request-card-simple[data-v-f52db2cc] {
+.request-card-simple[data-v-0e4ddc16] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -7759,7 +7836,7 @@ to {
 
   font-size: var(--scalar-small);
 }
-.code-snippet[data-v-f52db2cc] {
+.code-snippet[data-v-0e4ddc16] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -7804,27 +7881,27 @@ to {
 .dark-mode .download-app-button[data-v-9b609275]:hover {
   background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.1));
 }
-.empty-sidebar-item-content[data-v-8621f58a] {
+.empty-sidebar-item-content[data-v-6f80f8d3] {
   display: none;
 }
-.empty-sidebar-item .empty-sidebar-item-content[data-v-8621f58a] {
+.empty-sidebar-item .empty-sidebar-item-content[data-v-6f80f8d3] {
   display: block;
 }
-.rabbitjump[data-v-8621f58a] {
+.rabbitjump[data-v-6f80f8d3] {
   opacity: 0;
 }
-.empty-sidebar-item:hover .rabbitjump[data-v-8621f58a] {
+.empty-sidebar-item:hover .rabbitjump[data-v-6f80f8d3] {
   opacity: 1;
-  animation: rabbitAnimation-8621f58a 0.5s steps(1) infinite;
+  animation: rabbitAnimation-6f80f8d3 0.5s steps(1) infinite;
 }
-.empty-sidebar-item:hover .rabbitsit[data-v-8621f58a] {
+.empty-sidebar-item:hover .rabbitsit[data-v-6f80f8d3] {
   opacity: 0;
-  animation: rabbitAnimation2-8621f58a 0.5s steps(1) infinite;
+  animation: rabbitAnimation2-6f80f8d3 0.5s steps(1) infinite;
 }
-.empty-sidebar-item:hover .rabbit-ascii[data-v-8621f58a] {
-  animation: rabbitRun-8621f58a 8s infinite linear;
+.empty-sidebar-item:hover .rabbit-ascii[data-v-6f80f8d3] {
+  animation: rabbitRun-6f80f8d3 8s infinite linear;
 }
-@keyframes rabbitRun-8621f58a {
+@keyframes rabbitRun-6f80f8d3 {
 0% {
     transform: translate3d(0, 0, 0);
 }
@@ -7844,7 +7921,7 @@ to {
     transform: translate3d(0, 0, 0);
 }
 }
-@keyframes rabbitAnimation-8621f58a {
+@keyframes rabbitAnimation-6f80f8d3 {
 0%,
   100% {
     opacity: 1;
@@ -7853,7 +7930,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes rabbitAnimation2-8621f58a {
+@keyframes rabbitAnimation2-6f80f8d3 {
 0%,
   100% {
     opacity: 0;
@@ -8048,123 +8125,6 @@ to {
 .dark-mode #scalar-client {
   background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);
 }
-/* ----------------------------------------------------- */
-/* Custom Callout Styles */
-.dark-mode .t-editor__callout[data-v-fa58cbab],
-.light-mode .t-editor__callout[data-v-fa58cbab] {
-  --callout-font-size: var(--scalar-small);
-
-  --callout-neutral-primary: var(--scalar-color-3);
-  --callout-neutral-secondary: color-mix(
-    in srgb,
-    var(--scalar-background-2),
-    transparent 50%
-  );
-  --callout-neutral-font-color: var(--scalar-color-1);
-
-  --callout-success-primary: var(--scalar-color-green);
-  --callout-success-secondary: color-mix(
-    in srgb,
-    var(--scalar-color-green),
-    transparent 97%
-  );
-  --callout-success-font-color: var(--scalar-color-1);
-
-  --callout-danger-primary: var(--scalar-color-red);
-  --callout-danger-secondary: color-mix(
-    in srgb,
-    var(--scalar-color-red),
-    transparent 97%
-  );
-  --callout-danger-font-color: var(--scalar-color-1);
-
-  --callout-warning-primary: var(--scalar-color-yellow);
-  --callout-warning-secondary: color-mix(
-    in srgb,
-    var(--scalar-color-yellow),
-    transparent 97%
-  );
-  --callout-warning-font-color: var(--scalar-color-1);
-
-  --callout-info-primary: var(--scalar-color-blue);
-  --callout-info-secondary: color-mix(
-    in srgb,
-    var(--scalar-color-blue),
-    transparent 97%
-  );
-  --callout-info-font-color: var(--scalar-color-1);
-
-  --callout-line-height: 22px;
-}
-.t-editor__callout[data-v-fa58cbab] {
-  border-radius: var(--scalar-radius);
-  margin-top: var(--scalar-block-spacing);
-  padding: 10px 14px;
-
-  --callout-primary: var(--scalar-border-color);
-  --callout-secondary: var(--scalar-background-2);
-  --callout-svg: var(--callout-primary);
-
-  background: var(--callout-secondary);
-  border: var(--scalar-border-width) solid
-    color-mix(in srgb, var(--callout-primary), transparent 50%);
-}
-.t-editor__callout .callout-content__text[data-v-fa58cbab] {
-  font-size: var(--callout-font-size);
-  flex: 1 1 0%;
-  line-height: var(--callout-line-height);
-}
-.t-editor__callout .callout-content__icon[data-v-fa58cbab] {
-  position: relative;
-  border-radius: var(--scalar-radius);
-  width: 18px;
-  height: fit-content;
-  color: var(--callout-svg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.t-editor__callout .callout-content__icon svg[data-v-fa58cbab],
-.t-editor__callout .callout-content__icon img[data-v-fa58cbab] {
-  width: 18px;
-  height: 18px;
-}
-/* vertical align icon to text, don't remove this */
-.t-editor__callout .callout-content__icon[data-v-fa58cbab]:before {
-  content: '\200b';
-  line-height: var(--callout-line-height);
-}
-/* Apply callout colors */
-.t-editor__callout.callout__neutral[data-v-fa58cbab] {
-  --callout-primary: var(--callout-neutral-primary);
-  --callout-secondary: var(--callout-neutral-secondary);
-  --callout-font-color: var(--callout-neutral-font-color);
-  --callout-svg: var(--callout-neutral-font-color);
-}
-.t-editor__callout.callout__info[data-v-fa58cbab] {
-  --callout-primary: var(--callout-info-primary);
-  --callout-secondary: var(--callout-info-secondary);
-  --callout-font-color: var(--callout-info-font-color);
-  --callout-svg: var(--callout-info-primary);
-}
-.t-editor__callout.callout__warning[data-v-fa58cbab] {
-  --callout-primary: var(--callout-warning-primary);
-  --callout-secondary: var(--callout-warning-secondary);
-  --callout-font-color: var(--callout-warning-font-color);
-  --callout-svg: var(--callout-warning-primary);
-}
-.t-editor__callout.callout__success[data-v-fa58cbab] {
-  --callout-primary: var(--callout-success-primary);
-  --callout-secondary: var(--callout-success-secondary);
-  --callout-font-color: var(--callout-success-font-color);
-  --callout-svg: var(--callout-success-primary);
-}
-.t-editor__callout.callout__danger[data-v-fa58cbab] {
-  --callout-primary: var(--callout-danger-primary);
-  --callout-secondary: var(--callout-danger-secondary);
-  --callout-font-color: var(--callout-danger-font-color);
-  --callout-svg: var(--callout-danger-primary);
-}
 .group-hover-input[data-v-2f09f15e] {
   border-width: var(--scalar-border-width);
   border-color: transparent;
@@ -8327,7 +8287,7 @@ to {
 .full-size-styles:has(.sync-conflict-modal-root)::after {
   display: none;
 }
-.scalar-collection-auth[data-v-e82ac4e8] {
+.scalar-collection-auth[data-v-6bba6b78] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: var(--scalar-radius-lg);
   overflow: hidden;
@@ -8602,10 +8562,10 @@ to {
   display: flex;
   white-space: nowrap;
 }
-[data-v-04661eb4] .cm-editor {
+[data-v-9a415d6b] .cm-editor {
   padding: 0;
 }
-[data-v-04661eb4] .cm-content {
+[data-v-9a415d6b] .cm-content {
   align-items: center;
   background-color: transparent;
   display: flex;
@@ -8614,21 +8574,21 @@ to {
   padding: 5px 8px;
   width: 100%;
 }
-[data-v-04661eb4] .cm-content:has(.cm-pill) {
+[data-v-9a415d6b] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
-[data-v-04661eb4] .cm-content .cm-pill:not(:last-of-type) {
+[data-v-9a415d6b] .cm-content .cm-pill:not(:last-of-type) {
   margin-right: 0.5px;
 }
-[data-v-04661eb4] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-9a415d6b] .cm-content .cm-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
-[data-v-04661eb4] .cm-line {
+[data-v-9a415d6b] .cm-line {
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
 }
-.filemask[data-v-04661eb4] {
+.filemask[data-v-9a415d6b] {
   mask-image: linear-gradient(
     to right,
     transparent 0,

package/package.json

@@ -19,7 +19,7 @@
     "testing",
     "react"
   ],
-  "version": "1.4.18",
+  "version": "1.4.20",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/types": "0.7.5",
-    "@scalar/api-client": "2.39.4"
+    "@scalar/api-client": "2.41.0",
+    "@scalar/types": "0.7.6"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",