@scalar/api-reference 1.40.3 → 1.40.5

package/dist/style.css

@@ -3062,15 +3062,15 @@ body {
     --scalar-background-accent: #3ea6ff1f;
     --scalar-border-color: #2d2d2d;
 }
-.light-mode .t-doc__sidebar, .dark-mode .t-doc__sidebar {
+.light-mode, .dark-mode {
     --scalar-sidebar-background-1: var(--scalar-background-1);
     --scalar-sidebar-color-1: var(--scalar-color-1);
     --scalar-sidebar-color-2: var(--scalar-color-2);
     --scalar-sidebar-border-color: var(--scalar-border-color);
     --scalar-sidebar-item-hover-background: var(--scalar-background-2);
-    --scalar-sidebar-item-hover-color: currentColor;
+    --scalar-sidebar-item-hover-color: var(--scalar-sidebar-color-2);
     --scalar-sidebar-item-active-background: var(--scalar-background-2);
-    --scalar-sidebar-color-active: var(--scalar-color-1);
+    --scalar-sidebar-color-active: var(--scalar-sidebar-color-1);
     --scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);
     --scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);
     --scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);
@@ -3763,6 +3763,9 @@ body {
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-sidebar-b-hover:hover {
+    background-color: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-linear-to-b:hover {
     --tw-gradient-position: to bottom;
 }
@@ -3788,6 +3791,9 @@ body {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-sidebar-c-hover:hover {
+    color: var(--scalar-sidebar-item-hover-color, var(--scalar-sidebar-color-2));
+}
 .scalar-app .hover\:underline:hover {
     text-decoration-line: underline;
 }
@@ -4069,6 +4075,9 @@ to {
 .scalar-app .group-hover\/group-button\:hidden:is(:where(.group\/group-button):hover *) {
     display: none;
 }
+.scalar-app .peer-hover\/button\:opacity-100:is(:where(.peer\/button):hover ~ *), .scalar-app .hover\:opacity-100:hover {
+    opacity: 1;
+}
 }
 @media (pointer: coarse) {
 .scalar-app .cm-scroller, .scalar-app .custom-scroll {
@@ -4175,6 +4184,9 @@ to {
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-sidebar-b-hover:hover {
+    background-color: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-linear-to-b:hover {
     --tw-gradient-position: to bottom;
 }
@@ -4200,6 +4212,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-sidebar-c-hover:hover {
+    color: var(--scalar-sidebar-item-hover-color, var(--scalar-sidebar-color-2));
+}
 .scalar-app .hover\:underline:hover {
     text-decoration-line: underline;
 }
@@ -4447,6 +4462,9 @@ to {
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-sidebar-b-hover:hover {
+    background-color: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-linear-to-b:hover {
     --tw-gradient-position: to bottom;
 }
@@ -4472,6 +4490,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-sidebar-c-hover:hover {
+    color: var(--scalar-sidebar-item-hover-color, var(--scalar-sidebar-color-2));
+}
 .scalar-app .hover\:underline:hover {
     text-decoration-line: underline;
 }
@@ -4590,6 +4611,12 @@ to {
 }
 }
 }
+.scalar-app .top-\[1lh\] {
+  top: 1lh;
+}
+.scalar-app .right-0\.75 {
+  right: 3px;
+}
 .scalar-app .ml-2 {
   margin-left: 8px;
 }
@@ -4603,6 +4630,12 @@ to {
 .scalar-app .group-hover\/group-button\:hidden:is(:where(.group\/group-button):hover *) {
     display: none;
 }
+.scalar-app .peer-hover\/button\:opacity-100:is(:where(.peer\/button):hover ~ *) {
+    opacity: 1;
+}
+}
+.scalar-app .peer-focus-visible\/button\:opacity-100:is(:where(.peer\/button):focus-visible ~ *) {
+  opacity: 1;
 }
 .scalar-app .after\:pointer-events-none:after {
   content: var(--tw-content);
@@ -4648,6 +4681,14 @@ to {
   content: var(--tw-content);
   opacity: .15;
 }
+.scalar-app .focus-within\:opacity-100:focus-within {
+  opacity: 1;
+}
+@media (hover: hover) {
+.scalar-app .hover\:opacity-100:hover {
+    opacity: 1;
+}
+}
 :where(.scalar-app) {
   font-family: var(--scalar-font);
   color: var(--scalar-color-1);
@@ -5142,9 +5183,6 @@ to {
 .scalar-app .border-c-alert {
   border-color: var(--scalar-color-alert);
 }
-.scalar-app .border-c-danger {
-  border-color: var(--scalar-color-danger);
-}
 .scalar-app .border-red {
   border-color: var(--scalar-color-red);
 }
@@ -5319,12 +5357,12 @@ to {
 .scalar-app .text-c-alert {
   color: var(--scalar-color-alert);
 }
-.scalar-app .text-c-danger {
-  color: var(--scalar-color-danger);
-}
 .scalar-app .text-c-tooltip {
   color: var(--scalar-tooltip-color);
 }
+.scalar-app .text-sidebar-c-1 {
+  color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
+}
 .scalar-app .text-sidebar-c-search {
   color: var(--scalar-sidebar-search-color, var(--scalar-color-3));
 }
@@ -5447,6 +5485,9 @@ to {
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-sidebar-b-hover:hover {
+    background-color: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-linear-to-b:hover {
     --tw-gradient-position: to bottom;
 }
@@ -5472,6 +5513,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-sidebar-c-hover:hover {
+    color: var(--scalar-sidebar-item-hover-color, var(--scalar-sidebar-color-2));
+}
 .scalar-app .hover\:underline:hover {
     text-decoration-line: underline;
 }
@@ -5497,6 +5541,9 @@ to {
   --tw-brightness: brightness(90%);
   filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
 }
+.scalar-app .has-\[\:focus-visible\]\:bg-sidebar-b-1:has(:focus-visible) {
+  background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
+}
 .scalar-app .has-\[\:focus-visible\]\:outline:has(:focus-visible), .scalar-app .has-\[input\:focus-visible\]\:outline:has(:is(input:focus-visible)) {
   outline-style: var(--tw-outline-style);
   outline-width: 1px;
@@ -6479,13 +6526,13 @@ to {
 .dark-mode .scalar-dropdown-item[data-v-7e7bf818]:hover {
   filter: brightness(1.1);
 }
-.group\/item > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-48a21042] {
+.group\/item > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
   inset-block: -1px;
 }
-.group\/item:first-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-48a21042] {
+.group\/item:first-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
   top: 0;
 }
-.group\/item:last-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-48a21042] {
+.group\/item:last-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
   bottom: 0;
 }
 .group\/items.-translate-x-full .group\/button {
@@ -6680,6 +6727,9 @@ to {
 .scalar-app .inset-0 {
   inset: 0;
 }
+.scalar-app .inset-x-0 {
+  inset-inline: 0;
+}
 .scalar-app .inset-x-1 {
   inset-inline: 4px;
 }
@@ -6698,6 +6748,9 @@ to {
 .scalar-app .top-12 {
   top: 48px;
 }
+.scalar-app .top-\[calc\(100\%\+4px\)\] {
+  top: calc(100% + 4px);
+}
 .scalar-app .-right-\[30px\] {
   right: -30px;
 }
@@ -7755,6 +7808,9 @@ to {
 .scalar-app .border-c-3 {
   border-color: var(--scalar-color-3);
 }
+.scalar-app .border-c-danger {
+  border-color: var(--scalar-color-danger);
+}
 .scalar-app .border-transparent {
   border-color: #0000;
 }
@@ -8230,6 +8286,9 @@ to {
 .scalar-app .text-c-btn {
   color: var(--scalar-button-1-color);
 }
+.scalar-app .text-c-danger {
+  color: var(--scalar-color-danger);
+}
 .scalar-app .text-green {
   color: var(--scalar-color-green);
 }
@@ -8249,7 +8308,7 @@ to {
   color: var(--scalar-sidebar-color-2, var(--scalar-color-2));
 }
 .scalar-app .text-sidebar-c-active {
-  color: var(--scalar-sidebar-color-active, currentColor);
+  color: var(--scalar-sidebar-color-active, var(--scalar-sidebar-color-1));
 }
 .scalar-app .text-transparent {
   color: #0000;
@@ -8336,6 +8395,9 @@ to {
 .scalar-app .outline-b-3 {
   outline-color: var(--scalar-background-3);
 }
+.scalar-app .outline-c-danger {
+  outline-color: var(--scalar-color-danger);
+}
 .scalar-app .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -9773,22 +9835,22 @@ to {
 .description[data-v-1b7a32a4] .markdown > :first-child {
   margin-top: 0;
 }
-[data-v-fb7ca3f4] .cm-editor {
+[data-v-802d60c5] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
-[data-v-fb7ca3f4] .cm-placeholder {
+[data-v-802d60c5] .cm-placeholder {
   color: var(--scalar-color-3);
 }
-[data-v-fb7ca3f4] .cm-content {
+[data-v-802d60c5] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
-[data-v-fb7ca3f4] .cm-tooltip {
+[data-v-802d60c5] .cm-tooltip {
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
@@ -9797,39 +9859,39 @@ to {
   outline: none !important;
   overflow: hidden !important;
 }
-[data-v-fb7ca3f4] .cm-tooltip-autocomplete ul li {
+[data-v-802d60c5] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
-[data-v-fb7ca3f4] .cm-completionIcon-type:after {
+[data-v-802d60c5] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
-[data-v-fb7ca3f4] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-802d60c5] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
-[data-v-fb7ca3f4] .cm-tooltip-autocomplete ul {
+[data-v-802d60c5] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
-[data-v-fb7ca3f4] .cm-tooltip-autocomplete ul li:hover {
+[data-v-802d60c5] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
-[data-v-fb7ca3f4] .cm-activeLine, [data-v-fb7ca3f4] .cm-activeLineGutter {
+[data-v-802d60c5] .cm-activeLine, [data-v-802d60c5] .cm-activeLineGutter {
   background-color: #0000;
 }
-[data-v-fb7ca3f4] .cm-selectionMatch, [data-v-fb7ca3f4] .cm-matchingBracket {
+[data-v-802d60c5] .cm-selectionMatch, [data-v-802d60c5] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
-[data-v-fb7ca3f4] .cm-css-color-picker-wrapper {
+[data-v-802d60c5] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
-[data-v-fb7ca3f4] .cm-gutters {
+[data-v-802d60c5] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -9837,7 +9899,7 @@ to {
   border-radius: 0 0 0 3px;
   line-height: 22px;
 }
-[data-v-fb7ca3f4] .cm-gutters:before {
+[data-v-802d60c5] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -9847,7 +9909,7 @@ to {
   top: 2px;
   left: 2px;
 }
-[data-v-fb7ca3f4] .cm-gutterElement {
+[data-v-802d60c5] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -9856,16 +9918,16 @@ to {
   padding-left: 0 !important;
   padding-right: 6px !important;
 }
-[data-v-fb7ca3f4] .cm-lineNumbers .cm-gutterElement {
+[data-v-802d60c5] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
-[data-v-fb7ca3f4] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-802d60c5] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
-[data-v-fb7ca3f4] .cm-scroller {
+[data-v-802d60c5] .cm-scroller {
   overflow: auto;
 }
-.line-wrapping[data-v-fb7ca3f4]:focus-within .cm-content {
+.line-wrapping[data-v-802d60c5]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -9921,49 +9983,49 @@ to {
   border-radius: var(--scalar-radius);
   color: var(--scalar-color-1);
 }
-[data-v-a74c279d] .cm-editor {
+[data-v-6cf7598d] .cm-editor {
   outline: none;
   width: 100%;
   height: 100%;
 }
-[data-v-a74c279d] .cm-line {
+[data-v-6cf7598d] .cm-line {
   padding: 0;
 }
-[data-v-a74c279d] .cm-content {
+[data-v-6cf7598d] .cm-content {
   font-size: var(--scalar-small);
   align-items: center;
   padding: 0;
   display: flex;
 }
-.scroll-timeline-x[data-v-a74c279d] {
+.scroll-timeline-x[data-v-6cf7598d] {
   scroll-timeline: --scroll-timeline x;
   scroll-timeline: --scroll-timeline horizontal;
   -ms-overflow-style: none;
 }
-.scroll-timeline-x-hidden[data-v-a74c279d] {
+.scroll-timeline-x-hidden[data-v-6cf7598d] {
   overflow-x: auto;
 }
-.scroll-timeline-x-hidden[data-v-a74c279d] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-6cf7598d] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
-.scroll-timeline-x-hidden[data-v-a74c279d]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-6cf7598d]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-hidden[data-v-a74c279d] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-6cf7598d] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-address[data-v-a74c279d] {
+.scroll-timeline-x-address[data-v-6cf7598d] {
   scrollbar-width: none;
   line-height: 27px;
 }
-.scroll-timeline-x-address[data-v-a74c279d]:after {
+.scroll-timeline-x-address[data-v-6cf7598d]:after {
   content: "";
   cursor: text;
   width: 24px;
@@ -9971,48 +10033,48 @@ to {
   position: absolute;
   right: 0;
 }
-.scroll-timeline-x-address[data-v-a74c279d]:empty:before {
+.scroll-timeline-x-address[data-v-6cf7598d]:empty:before {
   content: "Enter URL or cURL request";
   color: var(--scalar-color-3);
   pointer-events: none;
 }
-.fade-left[data-v-a74c279d], .fade-right[data-v-a74c279d] {
+.fade-left[data-v-6cf7598d], .fade-right[data-v-6cf7598d] {
   content: "";
   pointer-events: none;
   z-index: 1;
   height: 100%;
-  animation-name: fadein-a74c279d;
+  animation-name: fadein-6cf7598d;
   animation-duration: 1ms;
   animation-direction: reverse;
   animation-timeline: --scroll-timeline;
   position: sticky;
 }
-.fade-left[data-v-a74c279d] {
+.fade-left[data-v-6cf7598d] {
   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-a74c279d] {
+.fade-left[data-v-6cf7598d] {
     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-a74c279d] {
+.fade-left[data-v-6cf7598d] {
   min-width: 6px;
   animation-direction: normal;
   left: -1px;
 }
-.fade-right[data-v-a74c279d] {
+.fade-right[data-v-6cf7598d] {
   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-a74c279d] {
+.fade-right[data-v-6cf7598d] {
     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-a74c279d] {
+.fade-right[data-v-6cf7598d] {
   min-width: 24px;
   right: -1px;
 }
-@keyframes fadein-a74c279d {
+@keyframes fadein-6cf7598d {
 0% {
     opacity: 0;
 }
@@ -10020,30 +10082,31 @@ to {
     opacity: 1;
 }
 }
-.address-bar-bg-states[data-v-a74c279d] {
+.address-bar-bg-states[data-v-6cf7598d] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 @supports (color: color-mix(in lab, red, red)) {
-.address-bar-bg-states[data-v-a74c279d] {
+.address-bar-bg-states[data-v-6cf7598d] {
     --scalar-address-bar-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
 }
 }
-.address-bar-bg-states[data-v-a74c279d] {
+.address-bar-bg-states[data-v-6cf7598d] {
   background: var(--scalar-address-bar-bg);
 }
-.address-bar-bg-states[data-v-a74c279d]:has(.cm-focused) {
+.address-bar-bg-states[data-v-6cf7598d]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
-  outline: 1px solid var(--scalar-color-accent);
+  outline-width: 1px;
+  outline-style: solid;
 }
-.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-a74c279d], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-a74c279d] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-6cf7598d], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-6cf7598d] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
-.app-exit-button[data-v-e6a4ba62] {
+.app-exit-button[data-v-d30bcf30] {
   color: #fff;
   background: #0000001a;
 }
-.app-exit-button[data-v-e6a4ba62]:hover {
+.app-exit-button[data-v-d30bcf30]:hover {
   background: #ffffff1a;
 }
 .fade-request-section-content[data-v-f97cc68c] {
@@ -10133,10 +10196,10 @@ to {
   white-space: nowrap;
   display: flex;
 }
-[data-v-c9608d1a] .cm-editor {
+[data-v-1434cda7] .cm-editor {
   padding: 0;
 }
-[data-v-c9608d1a] .cm-content {
+[data-v-1434cda7] .cm-content {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -10145,27 +10208,27 @@ to {
   padding: 5px 8px;
   display: flex;
 }
-[data-v-c9608d1a] .cm-content:has(.cm-pill) {
+[data-v-1434cda7] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
-[data-v-c9608d1a] .cm-content .cm-pill:not(:last-of-type) {
+[data-v-1434cda7] .cm-content .cm-pill:not(:last-of-type) {
   margin-right: .5px;
 }
-[data-v-c9608d1a] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-1434cda7] .cm-content .cm-pill:not(:first-of-type) {
   margin-left: .5px;
 }
-[data-v-c9608d1a] .cm-line {
+[data-v-1434cda7] .cm-line {
   text-overflow: ellipsis;
   padding: 0;
   overflow: hidden;
 }
-.filemask[data-v-c9608d1a] {
+.filemask[data-v-1434cda7] {
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   -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-1b70fdaa] .cm-content {
+[data-v-a0dd1ca2] .cm-content {
   font-size: var(--scalar-small);
 }
 [data-v-25ff4902] .cm-editor {
@@ -10206,31 +10269,31 @@ input[data-v-25ff4902]::placeholder {
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
-.request-section-content[data-v-3e0789a9] {
+.request-section-content[data-v-753ab733] {
   --scalar-border-width: .5px;
 }
-.request-section-content-filter[data-v-3e0789a9] {
+.request-section-content-filter[data-v-753ab733] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-3e0789a9] {
+.request-item:focus-within .request-meta-buttons[data-v-753ab733] {
   opacity: 1;
 }
-.group-hover-input[data-v-3e0789a9] {
+.group-hover-input[data-v-753ab733] {
   border-width: var(--scalar-border-width);
   border-color: #0000;
 }
-.group:hover .group-hover-input[data-v-3e0789a9] {
+.group:hover .group-hover-input[data-v-753ab733] {
   background: var(--scalar-background-1);
 }
 @supports (color: color-mix(in lab, red, red)) {
-.group:hover .group-hover-input[data-v-3e0789a9] {
+.group:hover .group-hover-input[data-v-753ab733] {
     background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
 }
 }
-.group:hover .group-hover-input[data-v-3e0789a9] {
+.group:hover .group-hover-input[data-v-753ab733] {
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-3e0789a9]:focus {
+.group-hover-input[data-v-753ab733]:focus {
   border-color: var(--scalar-border-color) !important;
   background: none !important;
 }
@@ -10528,27 +10591,46 @@ to {
     transform: translate3d(-50%, 0, 0);
 }
 }
-.empty-sidebar-item-content[data-v-a9d2880c] {
+.scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
+  background: var(--scalar-color-red);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
+    background: color-mix(in srgb, var(--scalar-color-red), transparent 95%);
+}
+}
+.scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
+  color: var(--scalar-color-red);
+}
+.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover, .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus {
+  background: var(--scalar-color-red);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover, .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus {
+    background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
+}
+}
+.empty-sidebar-item-content[data-v-7ac2f137] {
   display: none;
 }
-.empty-sidebar-item .empty-sidebar-item-content[data-v-a9d2880c] {
+.empty-sidebar-item .empty-sidebar-item-content[data-v-7ac2f137] {
   display: block;
 }
-.rabbitjump[data-v-a9d2880c] {
+.rabbitjump[data-v-7ac2f137] {
   opacity: 0;
 }
-.empty-sidebar-item:hover .rabbitjump[data-v-a9d2880c] {
+.empty-sidebar-item:hover .rabbitjump[data-v-7ac2f137] {
   opacity: 1;
-  animation: .5s step-end infinite rabbitAnimation-a9d2880c;
+  animation: .5s step-end infinite rabbitAnimation-7ac2f137;
 }
-.empty-sidebar-item:hover .rabbitsit[data-v-a9d2880c] {
+.empty-sidebar-item:hover .rabbitsit[data-v-7ac2f137] {
   opacity: 0;
-  animation: .5s step-end infinite rabbitAnimation2-a9d2880c;
+  animation: .5s step-end infinite rabbitAnimation2-7ac2f137;
 }
-.empty-sidebar-item:hover .rabbit-ascii[data-v-a9d2880c] {
-  animation: 8s linear infinite rabbitRun-a9d2880c;
+.empty-sidebar-item:hover .rabbit-ascii[data-v-7ac2f137] {
+  animation: 8s linear infinite rabbitRun-7ac2f137;
 }
-@keyframes rabbitRun-a9d2880c {
+@keyframes rabbitRun-7ac2f137 {
 0% {
     transform: translateZ(0);
 }
@@ -10568,7 +10650,7 @@ to {
     transform: translateZ(0);
 }
 }
-@keyframes rabbitAnimation-a9d2880c {
+@keyframes rabbitAnimation-7ac2f137 {
 0%, to {
     opacity: 1;
 }
@@ -10576,7 +10658,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes rabbitAnimation2-a9d2880c {
+@keyframes rabbitAnimation2-7ac2f137 {
 0%, to {
     opacity: 0;
 }
@@ -10868,41 +10950,22 @@ to {
   background: var(--scalar-background-3);
   border-radius: 3px;
 }
-.scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
+.scalar-button-danger[data-v-cda64f02] {
   background: var(--scalar-color-red);
 }
 @supports (color: color-mix(in lab, red, red)) {
-.scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
+.scalar-button-danger[data-v-cda64f02] {
     background: color-mix(in srgb, var(--scalar-color-red), transparent 95%);
 }
 }
-.scalar-modal-layout .scalar-button-danger[data-v-98703c3c] {
+.scalar-button-danger[data-v-cda64f02] {
   color: var(--scalar-color-red);
 }
-.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover, .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus {
+.scalar-button-danger[data-v-cda64f02]:hover, .scalar-button-danger[data-v-cda64f02]:focus {
   background: var(--scalar-color-red);
 }
 @supports (color: color-mix(in lab, red, red)) {
-.scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:hover, .scalar-modal-layout .scalar-button-danger[data-v-98703c3c]:focus {
-    background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
-}
-}
-.scalar-button-danger[data-v-07248003] {
-  background: var(--scalar-color-red);
-}
-@supports (color: color-mix(in lab, red, red)) {
-.scalar-button-danger[data-v-07248003] {
-    background: color-mix(in srgb, var(--scalar-color-red), transparent 95%);
-}
-}
-.scalar-button-danger[data-v-07248003] {
-  color: var(--scalar-color-red);
-}
-.scalar-button-danger[data-v-07248003]:hover, .scalar-button-danger[data-v-07248003]:focus {
-  background: var(--scalar-color-red);
-}
-@supports (color: color-mix(in lab, red, red)) {
-.scalar-button-danger[data-v-07248003]:hover, .scalar-button-danger[data-v-07248003]:focus {
+.scalar-button-danger[data-v-cda64f02]:hover, .scalar-button-danger[data-v-cda64f02]:focus {
     background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
 }
 }
@@ -12009,3 +12072,146 @@ to {
     overflow: auto;
 }
 }
+
+.client-libraries-content[data-v-f0cbe3aa] {
+  container: client-libraries-content / inline-size;
+  display: flex;
+  justify-content: center;
+  overflow: hidden;
+  padding: 0 12px;
+  background-color: var(--scalar-background-1);
+  border-left: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-right: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.client-libraries[data-v-f0cbe3aa] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+  white-space: nowrap;
+  padding: 8px 2px;
+  gap: 6px;
+  color: var(--scalar-color-3);
+  border-bottom: 1px solid transparent;
+  user-select: none;
+}
+.client-libraries[data-v-f0cbe3aa]:not(.client-libraries__active):hover:before {
+  content: '';
+  position: absolute;
+  width: calc(100% - 4px);
+  height: calc(100% - 4px);
+  background: var(--scalar-background-2);
+  left: 2px;
+  top: 2px;
+  z-index: 0;
+  border-radius: var(--scalar-radius);
+}
+.client-libraries[data-v-f0cbe3aa]:active {
+  color: var(--scalar-color-1);
+}
+.client-libraries[data-v-f0cbe3aa]:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 1px var(--scalar-color-accent);
+}
+/* remove php and c on mobile */
+@media screen and (max-width: 450px) {
+.client-libraries[data-v-f0cbe3aa]:nth-of-type(4),
+  .client-libraries[data-v-f0cbe3aa]:nth-of-type(5) {
+    display: none;
+}
+}
+.client-libraries-icon[data-v-f0cbe3aa] {
+  max-width: 14px;
+  max-height: 14px;
+  min-width: 14px;
+  width: 100%;
+  aspect-ratio: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  color: currentColor;
+}
+.client-libraries-icon__more svg[data-v-f0cbe3aa] {
+  height: initial;
+}
+@container client-libraries-content (width < 400px) {
+.client-libraries__select {
+&[data-v-f0cbe3aa] {
+    width: fit-content;
+    }
+.client-libraries-icon__more + span[data-v-f0cbe3aa] {
+      display: none;
+}
+}
+}
+@container client-libraries-content (width < 380px) {
+.client-libraries[data-v-f0cbe3aa] {
+    width: 100%;
+}
+.client-libraries span[data-v-f0cbe3aa] {
+    display: none;
+}
+}
+.client-libraries__active[data-v-f0cbe3aa] {
+  color: var(--scalar-color-1);
+  border-bottom: 1px solid var(--scalar-color-1);
+}
+@keyframes codeloader-f0cbe3aa {
+0% {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(1turn);
+}
+}
+.client-libraries .client-libraries-text[data-v-f0cbe3aa] {
+  font-size: var(--scalar-small);
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.client-libraries__active .client-libraries-text[data-v-f0cbe3aa] {
+  color: var(--scalar-color-1);
+  font-weight: var(--scalar-semibold);
+}
+@media screen and (max-width: 600px) {
+.references-classic .client-libraries[data-v-f0cbe3aa] {
+    flex-direction: column;
+}
+}
+
+.selected-client[data-v-33fea7c3] {
+  color: var(--scalar-color-1);
+  font-size: var(--scalar-small);
+  font-family: var(--scalar-font-code);
+  padding: 9px 12px;
+  border-top: none;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background: var(--scalar-background-1);
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-bottom-left-radius: var(--scalar-radius-lg);
+  border-bottom-right-radius: var(--scalar-radius-lg);
+  min-height: fit-content;
+}
+.client-libraries-heading[data-v-33fea7c3] {
+  font-size: var(--scalar-small);
+  font-weight: var(--scalar-font-medium);
+  color: var(--scalar-color-1);
+  padding: 9px 12px;
+  background-color: var(--scalar-background-2);
+  display: flex;
+  align-items: center;
+  max-height: 32px;
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-top-left-radius: var(--scalar-radius-lg);
+  border-top-right-radius: var(--scalar-radius-lg);
+}
+[data-v-33fea7c3] .scalar-codeblock-pre .hljs {
+  margin-top: 8px;
+}