@scalar/api-reference-react 0.9.15 → 0.9.16

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-reference-react
 
+## 0.9.16
+
 ## 0.9.15
 
 ## 0.9.14

package/dist/style.css

@@ -588,14 +588,14 @@ to {
   font-family: var(--scalar-font-code);
   color: var(--scalar-color-1);
 }
-.error[data-v-8327ea3a] {
+.error[data-v-38d75111] {
   background-color: var(--scalar-color-red);
 }
-.schema-card[data-v-8327ea3a] {
+.schema-card[data-v-38d75111] {
   font-size: var(--scalar-font-size-4);
   color: var(--scalar-color-1);
 }
-.schema-card-title[data-v-8327ea3a] {
+.schema-card-title[data-v-38d75111] {
   height: var(--schema-title-height);
 
   padding: 6px 8px;
@@ -609,48 +609,48 @@ to {
   font-size: var(--scalar-mini);
   border-bottom: var(--scalar-border-width) solid transparent;
 }
-button.schema-card-title[data-v-8327ea3a] {
+button.schema-card-title[data-v-38d75111] {
   cursor: pointer;
 }
-button.schema-card-title[data-v-8327ea3a]:hover {
+button.schema-card-title[data-v-38d75111]:hover {
   color: var(--scalar-color-1);
 }
-.schema-card-title-icon--open[data-v-8327ea3a] {
+.schema-card-title-icon--open[data-v-38d75111] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title[data-v-8327ea3a] {
+.schema-properties-open > .schema-card-title[data-v-38d75111] {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.schema-properties-open > .schema-properties[data-v-8327ea3a] {
+.schema-properties-open > .schema-properties[data-v-38d75111] {
   width: fit-content;
 }
-.schema-card-description[data-v-8327ea3a] {
+.schema-card-description[data-v-38d75111] {
   color: var(--scalar-color-2);
 }
-.schema-card-description + .schema-properties[data-v-8327ea3a] {
+.schema-card-description + .schema-properties[data-v-38d75111] {
   width: fit-content;
 }
-.schema-card-description + .schema-properties[data-v-8327ea3a] {
+.schema-card-description + .schema-properties[data-v-38d75111] {
   margin-top: 8px;
 }
 .schema-card--level-0:nth-of-type(1)
-  > .schema-card-description[data-v-8327ea3a]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-38d75111]:has(+ .schema-properties) {
   margin-bottom: -8px;
   padding-bottom: 8px;
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
 .schema-card--level-0
   ~ .schema-card--level-0
-  > .schema-card-description[data-v-8327ea3a]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-38d75111]:has(+ .schema-properties) {
   padding-top: 8px;
 }
-.schema-properties-open.schema-properties[data-v-8327ea3a],
-.schema-properties-open > .schema-card--open[data-v-8327ea3a] {
+.schema-properties-open.schema-properties[data-v-38d75111],
+.schema-properties-open > .schema-card--open[data-v-38d75111] {
   width: 100%;
 }
-.schema-properties[data-v-8327ea3a] {
+.schema-properties[data-v-38d75111] {
   display: flex;
   flex-direction: column;
 
@@ -658,56 +658,56 @@ button.schema-card-title[data-v-8327ea3a]:hover {
   border-radius: var(--scalar-radius-lg);
   width: fit-content;
 }
-.schema-properties-name[data-v-8327ea3a] {
+.schema-properties-name[data-v-38d75111] {
   width: 100%;
 }
-.schema-properties .schema-properties[data-v-8327ea3a] {
+.schema-properties .schema-properties[data-v-38d75111] {
   border-radius: 13.5px;
 }
-.schema-properties .schema-properties.schema-properties-open[data-v-8327ea3a] {
+.schema-properties .schema-properties.schema-properties-open[data-v-38d75111] {
   border-radius: var(--scalar-radius-lg);
 }
-.schema-properties-open[data-v-8327ea3a] {
+.schema-properties-open[data-v-38d75111] {
   width: 100%;
 }
-.schema-card--compact[data-v-8327ea3a] {
+.schema-card--compact[data-v-38d75111] {
   align-self: flex-start;
 }
-.schema-card--compact.schema-card--open[data-v-8327ea3a] {
+.schema-card--compact.schema-card--open[data-v-38d75111] {
   align-self: initial;
 }
-.schema-card-title--compact[data-v-8327ea3a] {
+.schema-card-title--compact[data-v-38d75111] {
   color: var(--scalar-color-2);
   padding: 6px 10px 6px 8px;
   height: auto;
   border-bottom: none;
 }
-.schema-card-title--compact > .schema-card-title-icon[data-v-8327ea3a] {
+.schema-card-title--compact > .schema-card-title-icon[data-v-38d75111] {
   margin: 0;
 }
-.schema-card-title--compact > .schema-card-title-icon--open[data-v-8327ea3a] {
+.schema-card-title--compact > .schema-card-title-icon--open[data-v-38d75111] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title--compact[data-v-8327ea3a] {
+.schema-properties-open > .schema-card-title--compact[data-v-38d75111] {
   position: static;
 }
 .property--level-0
   > .schema-properties
   > .schema-card--level-0
-  > .schema-properties[data-v-8327ea3a] {
+  > .schema-properties[data-v-38d75111] {
   border: none;
 }
 .property--level-0
   .schema-card--level-0:not(.schema-card--compact)
-  .property--level-1[data-v-8327ea3a] {
+  .property--level-1[data-v-38d75111] {
   padding: 0 0 8px;
 }
 :not(.composition-panel)
   > .schema-card--compact.schema-card--level-0
-  > .schema-properties[data-v-8327ea3a] {
+  > .schema-properties[data-v-38d75111] {
   border: none;
 }
-[data-v-8327ea3a] .schema-card-description p {
+[data-v-38d75111] .schema-card-description p {
   font-size: var(--scalar-small, var(--scalar-paragraph));
   color: var(--scalar-color-2);
   line-height: 1.5;
@@ -715,7 +715,7 @@ button.schema-card-title[data-v-8327ea3a]:hover {
   display: block;
   margin-bottom: 6px;
 }
-.children .schema-card-description[data-v-8327ea3a]:first-of-type {
+.children .schema-card-description[data-v-38d75111]:first-of-type {
   padding-top: 0;
 }
 .property-enum-value[data-v-f4b54bdd] {
@@ -1712,7 +1712,7 @@ button.headers-card-title[data-v-ab19704d]:hover {
 .callback-operation-container[data-v-df994c31] .parameter-list-items > li {
   padding: 0 8px;
 }
-.empty-state[data-v-dcf1403d] {
+.empty-state[data-v-de6a4e70] {
   margin: 10px 0 10px 12px;
   text-align: center;
   font-size: var(--scalar-mini);
@@ -1723,18 +1723,18 @@ button.headers-card-title[data-v-ab19704d]:hover {
   border-radius: var(--scalar-radius-lg);
   color: var(--scalar-color-2);
 }
-.rule-title[data-v-dcf1403d] {
+.rule-title[data-v-de6a4e70] {
   font-family: var(--scalar-font-code);
   color: var(--scalar-color-1);
   display: inline-block;
   margin: 12px 0 6px;
   border-radius: var(--scalar-radius);
 }
-.rule[data-v-dcf1403d] {
+.rule[data-v-de6a4e70] {
   margin: 0 12px 0;
   border-radius: var(--scalar-radius-lg);
 }
-.rule-items[data-v-dcf1403d] {
+.rule-items[data-v-de6a4e70] {
   counter-reset: list-number;
   display: flex;
   flex-direction: column;
@@ -1742,14 +1742,14 @@ button.headers-card-title[data-v-ab19704d]:hover {
   border-left: 1px solid var(--scalar-border-color);
   padding: 12px 0 12px;
 }
-.rule-item[data-v-dcf1403d] {
+.rule-item[data-v-de6a4e70] {
   counter-increment: list-number;
   border: 1px solid var(--scalar-border-color);
   border-radius: var(--scalar-radius-lg);
   overflow: hidden;
   margin-left: 24px;
 }
-.rule-item[data-v-dcf1403d]:before {
+.rule-item[data-v-de6a4e70]:before {
   /* content: counter(list-number); */
   border: 1px solid var(--scalar-border-color);
   border-top: 0;
@@ -7893,9 +7893,6 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .max-w-\[14px\] {
   max-width: 14px;
 }
-.scalar-app .max-w-\[16rem\] {
-  max-width: 16rem;
-}
 .scalar-app .max-w-\[37px\] {
   max-width: 37px;
 }
@@ -9211,6 +9208,9 @@ input[data-v-c1a50a6e]::placeholder {
 :is(.scalar-app .\*\:h-8 > *) {
   height: 32px;
 }
+:is(.scalar-app .\*\:max-w-64 > *) {
+  max-width: 256px;
+}
 :is(.scalar-app .\*\:cursor-pointer > *) {
   cursor: pointer;
 }
@@ -9424,6 +9424,10 @@ input[data-v-c1a50a6e]::placeholder {
   content: var(--tw-content);
   background-color: var(--scalar-border-color);
 }
+:is(.scalar-app .\*\:not-first\:before\:content-\[\'_·_\'\] > *):not(:first-child):before {
+  --tw-content: " · ";
+  content: var(--tw-content);
+}
 .scalar-app .after\:content-\[\'\:\'\]:after {
   --tw-content: ":";
   content: var(--tw-content);
@@ -10422,15 +10426,6 @@ to {
 .context-bar-group:hover .context-bar-group-hover\:hidden[data-v-f97cc68c], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-f97cc68c] {
   display: none;
 }
-.schema > span[data-v-f2ab7aa3]:not(:first-child):before {
-  content: "·";
-  margin: 0 .5ch;
-  display: block;
-}
-.schema > span[data-v-f2ab7aa3] {
-  white-space: nowrap;
-  display: flex;
-}
 [data-v-36811e28] .cm-editor {
   padding: 0;
 }
@@ -11924,7 +11919,7 @@ to {
   display: flex;
   position: relative;
 }
-.askForAuthentication[data-v-8af07610] {
+.askForAuthentication[data-v-6fbfc976] {
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
   width: 100%;
@@ -11935,7 +11930,7 @@ to {
   display: flex;
   position: relative;
 }
-.authContent[data-v-8af07610] {
+.authContent[data-v-6fbfc976] {
   grid-template-rows: 0fr;
   width: 100%;
   max-width: 520px;
@@ -11945,19 +11940,19 @@ to {
   display: grid;
   overflow: hidden;
 }
-.authContentInner[data-v-8af07610] > div {
+.authContentInner[data-v-6fbfc976] > div {
   margin: 36px 0 48px;
 }
-.authContent[data-v-8af07610] .markdown {
+.authContent[data-v-6fbfc976] .markdown {
   margin-bottom: 0 !important;
 }
-.askForAuthentication.open .authContent[data-v-8af07610] {
+.askForAuthentication.open .authContent[data-v-6fbfc976] {
   grid-template-rows: 1fr;
 }
-.continueButton[data-v-8af07610] {
+.continueButton[data-v-6fbfc976] {
   align-self: flex-end;
 }
-.toggleButton[data-v-8af07610] {
+.toggleButton[data-v-6fbfc976] {
   cursor: pointer;
   text-align: left;
   color: var(--scalar-color-3);
@@ -11969,11 +11964,11 @@ to {
   display: flex;
   position: relative;
 }
-.authContentInner[data-v-8af07610] {
+.authContentInner[data-v-6fbfc976] {
   min-height: 0;
   overflow: hidden;
 }
-.authorizeButton[data-v-8af07610] {
+.authorizeButton[data-v-6fbfc976] {
   z-index: 1;
   gap: 5px;
   display: flex;
@@ -12253,45 +12248,7 @@ to {
   margin-bottom: 20px;
   padding: 15px;
 }
-.contextItem[data-v-b6e5aa96] {
-  color: var(--scalar-color-2);
-  cursor: pointer;
-  vertical-align: middle;
-  background: var(--scalar-background-2);
-}
-@supports (color: color-mix(in lab, red, red)) {
-.contextItem[data-v-b6e5aa96] {
-    background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
-}
-}
-.contextItem[data-v-b6e5aa96] {
-  border-radius: 12px;
-  align-items: center;
-  padding: 5px 10px;
-  font-size: 10px;
-  display: flex;
-}
-.shimmer[data-v-b6e5aa96] {
-  background: var(--scalar-background-2);
-  background-image: linear-gradient(90deg, #202020 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
-  background-size: 200% 100%;
-  animation: 1.4s ease-in-out infinite shimmer-b6e5aa96;
-}
-.light-mode .shimmer[data-v-b6e5aa96] {
-  background: var(--scalar-background-2);
-  background-image: linear-gradient(90deg, #fafafa 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
-  background-size: 200% 100%;
-  animation: 1.4s ease-in-out infinite shimmer-b6e5aa96;
-}
-@keyframes shimmer-b6e5aa96 {
-0% {
-    background-position: 200% 0;
-}
-to {
-    background-position: -200% 0;
-}
-}
-.playIcon[data-v-653c66b3] {
+.playIcon[data-v-9d9724d2] {
   z-index: 1;
   background: var(--scalar-background-1);
   border-radius: 50%;
@@ -12303,7 +12260,7 @@ to {
   display: flex;
   position: relative;
 }
-.playIcon[data-v-653c66b3]:before {
+.playIcon[data-v-9d9724d2]:before {
   content: "";
   box-sizing: border-box;
   border: 1.5px solid;
@@ -12313,11 +12270,11 @@ to {
   border-radius: 50%;
   width: 16px;
   height: 16px;
-  animation: .42s linear infinite rotation-653c66b3;
+  animation: .42s linear infinite rotation-9d9724d2;
   display: inline-block;
   position: absolute;
 }
-.sendingRequest[data-v-653c66b3] {
+.loadingApiSpecs[data-v-9d9724d2] {
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
@@ -12326,13 +12283,13 @@ to {
   margin-bottom: 10px;
   display: flex;
 }
-.sendingRequest svg[data-v-653c66b3] {
+.loadingApiSpecs svg[data-v-9d9724d2] {
   z-index: 1;
   border-radius: 50%;
   width: 100%;
   height: 100%;
 }
-@keyframes rotation-653c66b3 {
+@keyframes rotation-9d9724d2 {
 0% {
     transform: rotate(0);
 }
@@ -12340,16 +12297,52 @@ to {
     transform: rotate(360deg);
 }
 }
-.operations[data-v-ecee6203] {
+.contextItem[data-v-e6786ce3] {
+  white-space: nowrap;
+  color: var(--scalar-color-2);
+  cursor: pointer;
+  vertical-align: middle;
+  background: var(--scalar-background-2);
+}
+@supports (color: color-mix(in lab, red, red)) {
+.contextItem[data-v-e6786ce3] {
+    background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
+}
+}
+.contextItem[data-v-e6786ce3] {
+  border-radius: 12px;
   align-items: center;
-  gap: 5px;
-  margin-bottom: 12px;
+  max-width: 200px;
+  padding: 5px 10px;
+  font-size: 10px;
   display: flex;
 }
-.operations[data-v-ecee6203]:empty {
-  margin-bottom: -12px;
+.contextItemText[data-v-e6786ce3] {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
-.playIcon[data-v-9d9724d2] {
+.shimmer[data-v-e6786ce3] {
+  background: var(--scalar-background-2);
+  background-image: linear-gradient(90deg, #202020 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
+  background-size: 200% 100%;
+  animation: 1.4s ease-in-out infinite shimmer-e6786ce3;
+}
+.light-mode .shimmer[data-v-e6786ce3] {
+  background: var(--scalar-background-2);
+  background-image: linear-gradient(90deg, #fafafa 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
+  background-size: 200% 100%;
+  animation: 1.4s ease-in-out infinite shimmer-e6786ce3;
+}
+@keyframes shimmer-e6786ce3 {
+0% {
+    background-position: 200% 0;
+}
+to {
+    background-position: -200% 0;
+}
+}
+.playIcon[data-v-6e0ac42c] {
   z-index: 1;
   background: var(--scalar-background-1);
   border-radius: 50%;
@@ -12361,7 +12354,7 @@ to {
   display: flex;
   position: relative;
 }
-.playIcon[data-v-9d9724d2]:before {
+.playIcon[data-v-6e0ac42c]:before {
   content: "";
   box-sizing: border-box;
   border: 1.5px solid;
@@ -12371,11 +12364,11 @@ to {
   border-radius: 50%;
   width: 16px;
   height: 16px;
-  animation: .42s linear infinite rotation-9d9724d2;
+  animation: .42s linear infinite rotation-6e0ac42c;
   display: inline-block;
   position: absolute;
 }
-.loadingApiSpecs[data-v-9d9724d2] {
+.sendingRequest[data-v-6e0ac42c] {
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
@@ -12384,13 +12377,13 @@ to {
   margin-bottom: 10px;
   display: flex;
 }
-.loadingApiSpecs svg[data-v-9d9724d2] {
+.sendingRequest svg[data-v-6e0ac42c] {
   z-index: 1;
   border-radius: 50%;
   width: 100%;
   height: 100%;
 }
-@keyframes rotation-9d9724d2 {
+@keyframes rotation-6e0ac42c {
 0% {
     transform: rotate(0);
 }
@@ -12398,6 +12391,22 @@ to {
     transform: rotate(360deg);
 }
 }
+.operations[data-v-43dd2b86] {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 5px;
+  margin-bottom: 12px;
+  display: flex;
+}
+.operations[data-v-43dd2b86]:empty {
+  margin-bottom: -12px;
+}
+.overflowPopover[data-v-43dd2b86] {
+  flex-direction: column;
+  gap: 5px;
+  padding: 8px;
+  display: flex;
+}
 .catalogModal .scalar-modal-body {
   flex-direction: column;
   display: flex;
@@ -13073,7 +13082,7 @@ to {
   border-radius: 50%;
   padding: 2px;
 }
-.chat[data-v-db4ff6c9] {
+.chat[data-v-8e43ed7a] {
   flex-direction: column;
   flex: 1;
   width: 100%;
@@ -13081,7 +13090,7 @@ to {
   padding: 24px 0;
   display: flex;
 }
-.userMessage[data-v-db4ff6c9] {
+.userMessage[data-v-8e43ed7a] {
   background: var(--scalar-background-2);
   width: fit-content;
   max-width: 80%;
@@ -13095,24 +13104,24 @@ to {
   font-size: 16px;
   line-height: 24px;
 }
-div + .userMessage[data-v-db4ff6c9] {
+div + .userMessage[data-v-8e43ed7a] {
   margin-top: 64px;
 }
-.chat[data-v-db4ff6c9] > div:has(.executeRequestTool) + div:has(.executeRequestTool) {
+.chat[data-v-8e43ed7a] > div:has(.executeRequestTool) + div:has(.executeRequestTool) {
   margin-top: -12px;
 }
-.spacer[data-v-db4ff6c9] {
+.spacer[data-v-8e43ed7a] {
   width: 100%;
   min-height: 280px;
 }
-.formContainer[data-v-db4ff6c9] {
+.formContainer[data-v-8e43ed7a] {
   z-index: 1;
   width: 100%;
   max-width: 744px;
   position: fixed;
   bottom: 20px;
 }
-.chat[data-v-db4ff6c9] .markdown {
+.chat[data-v-8e43ed7a] .markdown {
   margin-bottom: 12px;
 }
 .agentLogo[data-v-56f7e8dd] {

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.15",
+  "version": "0.9.16",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-reference": "1.49.5",
-    "@scalar/types": "0.7.5"
+    "@scalar/types": "0.7.5",
+    "@scalar/api-reference": "1.49.6"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",