@scalar/api-reference 1.48.5 → 1.48.6

package/dist/features/example-responses/ExampleResponses.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponses.vue"],"names":[],"mappings":"AA+WA,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAWrE;;GAEG;AAEH,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAC;AAqXF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponses.vue"],"names":[],"mappings":"AAmXA,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAWrE;;GAEG;AAEH,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAC;AAuXF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/example-responses/ExampleResponses.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./ExampleResponses.vue2.js";
 /* empty css                      */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ExampleResponses = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc47ca65"]]);
+const ExampleResponses = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b8a574c"]]);
 export {
   ExampleResponses as default
 };

package/dist/features/example-responses/ExampleResponses.vue2.js

@@ -16,10 +16,7 @@ const _hoisted_1 = {
   class: "scalar-card-checkbox"
 };
 const _hoisted_2 = ["aria-controls"];
-const _hoisted_3 = {
-  key: 0,
-  class: "response-description"
-};
+const _hoisted_3 = { class: "response-description" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExampleResponses",
   props: {
@@ -156,19 +153,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "response-card-footer"
           }, {
             default: withCtx(() => [
-              currentResponse.value?.description ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                createVNode(unref(ScalarMarkdown), {
-                  class: "markdown",
-                  value: currentResponse.value.description
-                }, null, 8, ["value"])
-              ])) : createCommentVNode("", true),
               hasMultipleExamples.value ? (openBlock(), createBlock(unref(ExamplePicker), {
-                key: 1,
+                key: 0,
                 modelValue: selectedExampleKey.value,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedExampleKey.value = $event),
-                class: "response-example-selector",
+                class: "response-example-selector px-0",
                 examples: currentResponseContent.value?.examples
-              }, null, 8, ["modelValue", "examples"])) : createCommentVNode("", true)
+              }, null, 8, ["modelValue", "examples"])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_3, [
+                currentResponse.value?.description ? (openBlock(), createBlock(unref(ScalarMarkdown), {
+                  key: 0,
+                  class: "response-description-markdown",
+                  value: currentResponse.value.description
+                }, null, 8, ["value"])) : createCommentVNode("", true)
+              ])
             ]),
             _: 1
           })) : createCommentVNode("", true)

package/dist/style.css

@@ -1390,13 +1390,10 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 0;
 }
 
-.response-card[data-v-dc47ca65] {
+.response-card[data-v-5b8a574c] {
   font-size: var(--scalar-font-size-3);
 }
-.markdown[data-v-dc47ca65] * {
-  margin: 0;
-}
-.code-copy[data-v-dc47ca65] {
+.code-copy[data-v-5b8a574c] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1410,35 +1407,42 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 0;
   margin-right: 12px;
 }
-.code-copy[data-v-dc47ca65]:hover {
+.code-copy[data-v-5b8a574c]:hover {
   color: var(--scalar-color-1);
 }
-.code-copy svg[data-v-dc47ca65] {
+.code-copy svg[data-v-5b8a574c] {
   width: 13px;
   height: 13px;
 }
-.response-card-footer[data-v-dc47ca65] {
+.response-card-footer[data-v-5b8a574c] {
   display: flex;
-  flex-direction: row;
-  justify-content: space-between;
+  flex-direction: row-reverse;
+  flex-wrap: wrap;
+  justify-content: start;
   flex-shrink: 0;
   padding: 7px 12px;
-  gap: 8px;
+  column-gap: 8px;
 }
-.response-example-selector[data-v-dc47ca65] {
-  align-self: flex-start;
+.response-example-selector[data-v-5b8a574c] {
+  flex-shrink: 0;
   margin: -4px;
 }
-.response-description[data-v-dc47ca65] {
+.response-description[data-v-5b8a574c] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-small);
   color: var(--scalar-color--1);
 
-  display: flex;
-  align-items: center;
   box-sizing: border-box;
+
+  flex-grow: 1;
+}
+.response-description-markdown[data-v-5b8a574c] {
+  max-height: 3lh;
+}
+.response-description-markdown[data-v-5b8a574c] * {
+  margin: 0;
 }
-.schema-type[data-v-dc47ca65] {
+.schema-type[data-v-5b8a574c] {
   font-size: var(--scalar-micro);
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
@@ -1447,16 +1451,16 @@ button.headers-card-title[data-v-ab19704d]:hover {
   border-radius: 4px;
   margin-right: 4px;
 }
-.schema-example[data-v-dc47ca65] {
+.schema-example[data-v-5b8a574c] {
   font-size: var(--scalar-micro);
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
 }
-.example-response-tab[data-v-dc47ca65] {
+.example-response-tab[data-v-5b8a574c] {
   display: block;
   margin: 6px;
 }
-.scalar-card-checkbox[data-v-dc47ca65] {
+.scalar-card-checkbox[data-v-5b8a574c] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1473,20 +1477,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-dc47ca65] {
+  .scalar-card-checkbox-checkmark[data-v-5b8a574c] {
   outline: 1px solid var(--scalar-color-accent);
 }
-.scalar-card-checkbox[data-v-dc47ca65]:hover {
+.scalar-card-checkbox[data-v-5b8a574c]:hover {
   color: var(--scalar-color--1);
 }
-.scalar-card-checkbox .scalar-card-checkbox-input[data-v-dc47ca65] {
+.scalar-card-checkbox .scalar-card-checkbox-input[data-v-5b8a574c] {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
-.scalar-card-checkbox-checkmark[data-v-dc47ca65] {
+.scalar-card-checkbox-checkmark[data-v-5b8a574c] {
   height: 16px;
   width: 16px;
   border-radius: var(--scalar-radius);
@@ -1494,27 +1498,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-dc47ca65]:has(.scalar-card-checkbox-input:checked) {
+.scalar-card-checkbox[data-v-5b8a574c]: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-dc47ca65] {
+  ~ .scalar-card-checkbox-checkmark[data-v-5b8a574c] {
   background-color: var(--scalar-button-1);
   box-shadow: none;
 }
-.scalar-card-checkbox-checkmark[data-v-dc47ca65]:after {
+.scalar-card-checkbox-checkmark[data-v-5b8a574c]:after {
   content: '';
   position: absolute;
   display: none;
 }
 .scalar-card-checkbox
   .scalar-card-checkbox-input:checked
-  ~ .scalar-card-checkbox-checkmark[data-v-dc47ca65]:after {
+  ~ .scalar-card-checkbox-checkmark[data-v-5b8a574c]:after {
   display: block;
 }
-.scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-dc47ca65]:after {
+.scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-5b8a574c]:after {
   right: 11.5px;
   top: 12.5px;
   width: 5px;
@@ -2580,6 +2584,7 @@ to {
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
+      --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
 }
 }
@@ -2670,6 +2675,7 @@ to {
     --ease-in: cubic-bezier(.4, 0, 1, 1);
     --ease-out: cubic-bezier(0, 0, .2, 1);
     --ease-in-out: cubic-bezier(.4, 0, .2, 1);
+    --animate-spin: spin 1s linear infinite;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
@@ -3568,6 +3574,8 @@ body {
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     --leading-normal: 1.5;
+    --leading-relaxed: 1.625;
+    --animate-spin: spin 1s linear infinite;
 }
 body {
     background-color: var(--scalar-background-1);
@@ -3820,10 +3828,6 @@ body {
   --tw-leading: 1.45;
   line-height: 1.45;
 }
-.scalar-app .leading-relaxed {
-  --tw-leading: var(--leading-relaxed);
-  line-height: var(--leading-relaxed);
-}
 .scalar-app .text-current {
   color: currentColor;
 }
@@ -6366,7 +6370,8 @@ to {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: var(--scalar-radius);
   border-spacing: 0;
-  width: 100%;
+  width: max-content;
+  max-width: 100%;
   margin: 1em 0;
   display: table;
   position: relative;
@@ -7974,6 +7979,9 @@ to {
 .scalar-app .transform {
   transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
 }
+.scalar-app .animate-spin {
+  animation: var(--animate-spin);
+}
 .scalar-app .cursor-auto {
   cursor: auto;
 }
@@ -8094,6 +8102,9 @@ to {
 .scalar-app .gap-4 {
   gap: 16px;
 }
+.scalar-app .gap-5 {
+  gap: 20px;
+}
 .scalar-app .gap-6 {
   gap: 24px;
 }
@@ -8112,6 +8123,11 @@ to {
 .scalar-app .gap-px {
   gap: 1px;
 }
+:where(.scalar-app .space-y-1 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(4px * var(--tw-space-y-reverse));
+  margin-block-end: calc(4px * calc(1 - var(--tw-space-y-reverse)));
+}
 .scalar-app .gap-x-2\.5 {
   column-gap: 10px;
 }
@@ -8324,6 +8340,9 @@ to {
 .scalar-app .border-\(--scalar-color-alert\) {
   border-color: var(--scalar-color-alert);
 }
+.scalar-app .border-\[var\(--scalar-border-color\)\] {
+  border-color: var(--scalar-border-color);
+}
 .scalar-app .border-c-1 {
   border-color: var(--scalar-color-1);
 }
@@ -8838,6 +8857,10 @@ to {
   --tw-leading: var(--leading-normal);
   line-height: var(--leading-normal);
 }
+.scalar-app .leading-relaxed {
+  --tw-leading: var(--leading-relaxed);
+  line-height: var(--leading-relaxed);
+}
 .scalar-app .leading-snug {
   --tw-leading: var(--leading-snug);
   line-height: var(--leading-snug);
@@ -8887,6 +8910,9 @@ to {
 .scalar-app .text-\(--scalar-color-alert\) {
   color: var(--scalar-color-alert);
 }
+.scalar-app .text-\[var\(--scalar-color-yellow\)\] {
+  color: var(--scalar-color-yellow);
+}
 .scalar-app .text-b-1 {
   color: var(--scalar-background-1);
 }
@@ -8956,6 +8982,9 @@ to {
 .scalar-app .lowercase {
   text-transform: lowercase;
 }
+.scalar-app .normal-case {
+  text-transform: none;
+}
 .scalar-app .uppercase {
   text-transform: uppercase;
 }
@@ -9932,11 +9961,21 @@ to {
 .app-platform-mac :is(.scalar-app .mac\:app-drag-region) {
   -webkit-app-region: drag;
 }
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-space-x-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
 }
+@keyframes spin {
+to {
+    transform: rotate(360deg);
+}
+}
 .nav-item[data-v-507381a3] {
   cursor: pointer;
   border-radius: var(--scalar-radius-lg);
@@ -11664,23 +11703,174 @@ to {
   border-color: var(--scalar-border-color) !important;
   background: none !important;
 }
-.editor-container[data-v-de6c6373] {
+.editor-container[data-v-a388e6a4] {
+  width: 100%;
+  height: 100%;
+}
+.sync-layout-root[data-v-a388e6a4] {
+  background: var(--scalar-color-background-1, #1e1e1e);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.sync-layout-root[data-v-a388e6a4] {
+    background: color-mix(in srgb, var(--scalar-color-background-1, #1e1e1e) 96%, transparent);
+}
+}
+.sync-editor-pane[data-v-a388e6a4] {
+  background: var(--scalar-color-background-1, #1e1e1e);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.sync-editor-pane[data-v-a388e6a4] {
+    background: color-mix(in srgb, var(--scalar-color-background-1, #1e1e1e) 95%, transparent);
+}
+}
+.sync-pane-title[data-v-a388e6a4] {
+  letter-spacing: .03em;
+  text-transform: uppercase;
+  background: var(--scalar-color-background-2, #2d2d30);
+  font-weight: 600;
+}
+@supports (color: color-mix(in lab, red, red)) {
+.sync-pane-title[data-v-a388e6a4] {
+    background: color-mix(in srgb, var(--scalar-color-background-2, #2d2d30) 85%, transparent);
+}
+}
+.resize-handle[data-v-a388e6a4] {
+  background: none;
+  border: none;
+  border-radius: 999px;
+  flex-shrink: 0;
+  transition: background-color .12s, box-shadow .12s;
+  display: block;
+  position: relative;
+}
+.resize-handle[data-v-a388e6a4]:before {
+  content: "";
+  opacity: 1;
+  border-radius: 999px;
+  transition: background-color .12s, transform .12s;
+  position: absolute;
+}
+.resize-handle[data-v-a388e6a4]:hover {
+  background: var(--scalar-color-accent, #007acc);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.resize-handle[data-v-a388e6a4]:hover {
+    background: color-mix(in srgb, var(--scalar-color-accent, #007acc) 12%, transparent);
+}
+}
+.resize-handle[data-v-a388e6a4]:active {
+  background: var(--scalar-color-accent, #007acc);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.resize-handle[data-v-a388e6a4]:active {
+    background: color-mix(in srgb, var(--scalar-color-accent, #007acc) 18%, transparent);
+}
+}
+.resize-handle[data-v-a388e6a4]:focus-visible {
+  box-shadow: 0 0 0 1px var(--scalar-color-accent, #007acc);
+  outline: none;
+}
+@supports (color: color-mix(in lab, red, red)) {
+.resize-handle[data-v-a388e6a4]:focus-visible {
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--scalar-color-accent, #007acc) 70%, transparent);
+}
+}
+.resize-handle-col[data-v-a388e6a4] {
+  cursor: col-resize;
+  width: 8px;
+  min-height: 44px;
+  margin: 2px 0;
+}
+.resize-handle-col[data-v-a388e6a4]:before {
+  background: var(--scalar-color-border, #3c3c3c);
+  width: 1px;
+  height: calc(100% - 8px);
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.resize-handle-col[data-v-a388e6a4]:before {
+    background: color-mix(in srgb, var(--scalar-color-border, #3c3c3c) 85%, transparent);
+}
+}
+.resize-handle-row[data-v-a388e6a4] {
+  cursor: row-resize;
+  height: 8px;
+  margin: 0 4px;
+}
+.resize-handle-row[data-v-a388e6a4]:before {
+  background: var(--scalar-color-border, #3c3c3c);
+  width: calc(100% - 8px);
+  height: 1px;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.resize-handle-row[data-v-a388e6a4]:before {
+    background: color-mix(in srgb, var(--scalar-color-border, #3c3c3c) 85%, transparent);
+}
+}
+.resize-handle-col[data-v-a388e6a4]:hover:before, .resize-handle-col[data-v-a388e6a4]:active:before, .resize-handle-row[data-v-a388e6a4]:hover:before, .resize-handle-row[data-v-a388e6a4]:active:before {
+  background: var(--scalar-color-accent, #007acc);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.resize-handle-col[data-v-a388e6a4]:hover:before, .resize-handle-col[data-v-a388e6a4]:active:before, .resize-handle-row[data-v-a388e6a4]:hover:before, .resize-handle-row[data-v-a388e6a4]:active:before {
+    background: color-mix(in srgb, var(--scalar-color-accent, #007acc) 78%, transparent);
+}
+}
+[data-v-a388e6a4] .json-path-highlight {
+  background-color: #ffc80059;
+  border-radius: 4px;
+}
+[data-v-a388e6a4] .json-focus-highlight-box-single {
+  box-sizing: border-box;
+  border: 2px solid #f8ca14;
+}
+[data-v-a388e6a4] .json-focus-highlight-box-top {
+  box-sizing: border-box;
+  border-top: 2px solid #f8ca14;
+  border-left: 2px solid #f8ca14;
+  border-right: 2px solid #f8ca14;
+}
+[data-v-a388e6a4] .json-focus-highlight-box-middle {
+  box-sizing: border-box;
+  border-left: 2px solid #f8ca14;
+  border-right: 2px solid #f8ca14;
+}
+[data-v-a388e6a4] .json-focus-highlight-box-bottom {
+  box-sizing: border-box;
+  border-bottom: 2px solid #f8ca14;
+  border-left: 2px solid #f8ca14;
+  border-right: 2px solid #f8ca14;
+  box-shadow: inset 0 0 0 1px #fde04759;
+}
+.full-size-styles:has(.sync-conflict-modal-root) {
+  border-right: none !important;
+  width: 100dvw !important;
+  max-width: 100dvw !important;
+}
+.full-size-styles:has(.sync-conflict-modal-root):after {
+  display: none;
+}
+.editor-container[data-v-850fff8f] {
   width: 100%;
   height: 100%;
 }
-[data-v-de6c6373] .json-path-highlight {
+[data-v-850fff8f] .json-path-highlight {
   background-color: #ffc80059;
   border-radius: 4px;
 }
-[data-v-de6c6373] .json-focus-highlight {
+[data-v-850fff8f] .json-focus-highlight {
   background-color: var(--scalar-color-accent, #24b47e);
 }
 @supports (color: color-mix(in lab, red, red)) {
-[data-v-de6c6373] .json-focus-highlight {
+[data-v-850fff8f] .json-focus-highlight {
     background-color: color-mix(in srgb, var(--scalar-color-accent, #24b47e) 18%, transparent);
 }
 }
-[data-v-de6c6373] .json-focus-highlight {
+[data-v-850fff8f] .json-focus-highlight {
   border-radius: 4px;
 }
 .schema > span[data-v-4df72868]:not(:first-child):before {

package/package.json

@@ -20,7 +20,7 @@
     "vue",
     "vue3"
   ],
-  "version": "1.48.5",
+  "version": "1.48.6",
   "engines": {
     "node": ">=22"
   },
@@ -85,22 +85,22 @@
     "microdiff": "^1.5.0",
     "nanoid": "^5.1.6",
     "vue": "^3.5.26",
-    "@scalar/agent-chat": "0.9.5",
-    "@scalar/api-client": "2.36.1",
-    "@scalar/components": "0.20.5",
+    "@scalar/agent-chat": "0.9.6",
     "@scalar/code-highlight": "0.3.0",
-    "@scalar/helpers": "0.4.0",
+    "@scalar/api-client": "2.36.2",
+    "@scalar/components": "0.20.6",
+    "@scalar/oas-utils": "0.10.5",
+    "@scalar/helpers": "0.4.1",
     "@scalar/icons": "0.6.0",
-    "@scalar/oas-utils": "0.10.4",
+    "@scalar/openapi-parser": "0.25.3",
     "@scalar/openapi-types": "0.6.0",
-    "@scalar/openapi-parser": "0.25.2",
-    "@scalar/snippetz": "0.7.3",
-    "@scalar/sidebar": "0.8.5",
+    "@scalar/sidebar": "0.8.6",
+    "@scalar/snippetz": "0.7.4",
     "@scalar/themes": "0.15.0",
-    "@scalar/types": "0.7.2",
+    "@scalar/types": "0.7.3",
     "@scalar/use-hooks": "0.4.0",
-    "@scalar/use-toasts": "0.10.0",
-    "@scalar/workspace-store": "0.39.1"
+    "@scalar/workspace-store": "0.39.2",
+    "@scalar/use-toasts": "0.10.0"
   },
   "devDependencies": {
     "@hono/node-server": "^1.19.7",
@@ -119,9 +119,9 @@
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vitest": "4.0.16",
     "@scalar/build-tooling": "0.5.0",
+    "@scalar/core": "0.4.3",
     "@scalar/galaxy": "0.6.0",
-    "@scalar/react-renderer": "0.4.0",
-    "@scalar/core": "0.4.2"
+    "@scalar/react-renderer": "0.4.0"
   },
   "scripts": {
     "build": "pnpm build:default && pnpm build:standalone && pnpm types:build",