@scalar/api-reference-react 0.9.62 → 0.9.65

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @scalar/api-reference-react
 
+## 0.9.65
+
+### Patch Changes
+
+- [#9941](https://github.com/scalar/scalar/pull/9941): Republish every package through npm trusted publishing. No functional changes.
+
+## 0.9.64
+
+## 0.9.63
+
 ## 0.9.62
 
 ## 0.9.61

package/dist/style.css

@@ -2283,12 +2283,12 @@
   color: var(--scalar-color-1);
 }
 
-.code-input-lite[data-v-f03d0c9d] {
+.code-input-lite[data-v-4dfd05a3] {
   align-items: center;
   display: flex;
 }
 
-.code-input-lite__editor[data-v-f03d0c9d] {
+.code-input-lite__editor[data-v-4dfd05a3] {
   font: inherit;
   letter-spacing: inherit;
   min-width: 0;
@@ -2306,11 +2306,11 @@
   overflow: auto hidden;
 }
 
-.code-input-lite__editor[data-v-f03d0c9d]::-webkit-scrollbar {
+.code-input-lite__editor[data-v-4dfd05a3]::-webkit-scrollbar {
   display: none;
 }
 
-.code-input-lite--empty .code-input-lite__editor[data-v-f03d0c9d]:not(:focus):before {
+.code-input-lite--empty .code-input-lite__editor[data-v-4dfd05a3]:not(:focus):before {
   content: attr(data-placeholder);
   color: var(--scalar-color-3);
   pointer-events: none;
@@ -2322,7 +2322,7 @@
   left: .5em;
 }
 
-.code-input-lite--error .code-input-lite__editor[data-v-f03d0c9d] {
+.code-input-lite--error .code-input-lite__editor[data-v-4dfd05a3] {
   outline: 1px solid var(--scalar-color-red);
 }
 
@@ -2386,22 +2386,22 @@
   }
 }
 
-[data-v-042c21ca] .code-input-lite__editor {
+[data-v-13500378] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
   padding: 5px 8px;
 }
 
-[data-v-042c21ca] .scalar-pill:not(:last-of-type) {
+[data-v-13500378] .scalar-pill:not(:last-of-type) {
   margin-right: .15em;
 }
 
-[data-v-042c21ca] .scalar-pill:not(:first-of-type) {
+[data-v-13500378] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
-[data-v-dcc3af8c] .cm-content {
+[data-v-c8ab7ba2] .cm-content {
   font-size: var(--scalar-small);
 }
 
@@ -9860,14 +9860,14 @@ to {
   border: 0;
 }
 
-.error[data-v-e44b49a4] {
+.error[data-v-77b16bb4] {
   background-color: var(--scalar-color-red);
 }
-.schema-card[data-v-e44b49a4] {
+.schema-card[data-v-77b16bb4] {
   font-size: var(--scalar-font-size-4);
   color: var(--scalar-color-1);
 }
-.schema-card-title[data-v-e44b49a4] {
+.schema-card-title[data-v-77b16bb4] {
   height: var(--schema-title-height);
 
   padding: 6px 8px;
@@ -9881,48 +9881,48 @@ to {
   font-size: var(--scalar-mini);
   border-bottom: var(--scalar-border-width) solid transparent;
 }
-button.schema-card-title[data-v-e44b49a4] {
+button.schema-card-title[data-v-77b16bb4] {
   cursor: pointer;
 }
-button.schema-card-title[data-v-e44b49a4]:hover {
+button.schema-card-title[data-v-77b16bb4]:hover {
   color: var(--scalar-color-1);
 }
-.schema-card-title-icon--open[data-v-e44b49a4] {
+.schema-card-title-icon--open[data-v-77b16bb4] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title[data-v-e44b49a4] {
+.schema-properties-open > .schema-card-title[data-v-77b16bb4] {
   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-e44b49a4] {
+.schema-properties-open > .schema-properties[data-v-77b16bb4] {
   width: fit-content;
 }
-.schema-card-description[data-v-e44b49a4] {
+.schema-card-description[data-v-77b16bb4] {
   color: var(--scalar-color-2);
 }
-.schema-card-description + .schema-properties[data-v-e44b49a4] {
+.schema-card-description + .schema-properties[data-v-77b16bb4] {
   width: fit-content;
 }
-.schema-card-description + .schema-properties[data-v-e44b49a4] {
+.schema-card-description + .schema-properties[data-v-77b16bb4] {
   margin-top: 8px;
 }
 .schema-card--level-0:nth-of-type(1)
-  > .schema-card-description[data-v-e44b49a4]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-77b16bb4]: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-e44b49a4]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-77b16bb4]:has(+ .schema-properties) {
   padding-top: 8px;
 }
-.schema-properties-open.schema-properties[data-v-e44b49a4],
-.schema-properties-open > .schema-card--open[data-v-e44b49a4] {
+.schema-properties-open.schema-properties[data-v-77b16bb4],
+.schema-properties-open > .schema-card--open[data-v-77b16bb4] {
   width: 100%;
 }
-.schema-properties[data-v-e44b49a4] {
+.schema-properties[data-v-77b16bb4] {
   display: flex;
   flex-direction: column;
 
@@ -9930,63 +9930,63 @@ button.schema-card-title[data-v-e44b49a4]:hover {
   border-radius: var(--scalar-radius-lg);
   width: fit-content;
 }
-.schema-properties-name[data-v-e44b49a4] {
+.schema-properties-name[data-v-77b16bb4] {
   width: 100%;
 }
-.schema-properties .schema-properties[data-v-e44b49a4] {
+.schema-properties .schema-properties[data-v-77b16bb4] {
   border-radius: 13.5px;
 }
-.schema-properties .schema-properties.schema-properties-open[data-v-e44b49a4] {
+.schema-properties .schema-properties.schema-properties-open[data-v-77b16bb4] {
   border-radius: var(--scalar-radius-lg);
 }
-.schema-properties-open[data-v-e44b49a4] {
+.schema-properties-open[data-v-77b16bb4] {
   width: 100%;
 }
-.schema-card--compact[data-v-e44b49a4] {
+.schema-card--compact[data-v-77b16bb4] {
   align-self: flex-start;
 }
-.schema-card--compact.schema-card--open[data-v-e44b49a4] {
+.schema-card--compact.schema-card--open[data-v-77b16bb4] {
   align-self: initial;
 }
-.schema-card-title--compact[data-v-e44b49a4] {
+.schema-card-title--compact[data-v-77b16bb4] {
   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-e44b49a4] {
+.schema-card-title--compact > .schema-card-title-icon[data-v-77b16bb4] {
   margin: 0;
 }
-.schema-card-title--compact > .schema-card-title-icon--open[data-v-e44b49a4] {
+.schema-card-title--compact > .schema-card-title-icon--open[data-v-77b16bb4] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title--compact[data-v-e44b49a4] {
+.schema-properties-open > .schema-card-title--compact[data-v-77b16bb4] {
   position: static;
 }
 .property--level-0
   > .schema-properties
   > .schema-card--level-0
-  > .schema-properties[data-v-e44b49a4] {
+  > .schema-properties[data-v-77b16bb4] {
   border: none;
 }
 .property--level-0
   .schema-card--level-0:not(.schema-card--compact)
-  .property--level-1[data-v-e44b49a4] {
+  .property--level-1[data-v-77b16bb4] {
   padding: 0 0 8px;
 }
 :not(.composition-panel)
   > .schema-card--compact.schema-card--level-0
-  > .schema-properties[data-v-e44b49a4] {
+  > .schema-properties[data-v-77b16bb4] {
   border: none;
 }
-[data-v-e44b49a4] .schema-card-description p {
+[data-v-77b16bb4] .schema-card-description p {
   font-size: var(--scalar-small, var(--scalar-paragraph));
   color: var(--scalar-color-2);
   margin-bottom: 0;
   display: block;
   margin-bottom: 6px;
 }
-.children .schema-card-description[data-v-e44b49a4]:first-of-type {
+.children .schema-card-description[data-v-77b16bb4]:first-of-type {
   padding-top: 0;
 }
 
@@ -10244,28 +10244,85 @@ code.property-detail-value[data-v-1295f965] {
 .property-example:hover .property-example-value-list[data-v-370db0bd], .property-example:focus-within .property-example-value-list[data-v-370db0bd] {
   display: flex;
 }
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+.property-pattern[data-v-2034a630] {
+  font-size: var(--scalar-mini);
+  flex-direction: column;
+  display: flex;
+  position: relative;
+}
+.property-pattern[data-v-2034a630]:hover:before {
+  content: "";
+  border-radius: var(--scalar-radius);
+  width: 100%;
+  height: 20px;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.property-pattern-popup[data-v-2034a630] {
+  background-color: var(--scalar-background-1);
+  box-shadow: var(--scalar-shadow-1);
+  border-radius: var(--scalar-radius-lg);
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  z-index: 1000;
+  min-width: 200px;
+  max-width: min(500px, 100vw - 32px);
+  max-height: min(400px, 100vh - 32px);
+  padding: 9px;
+  display: none;
+  position: absolute;
+  top: 18px;
+  left: 50%;
+  overflow-y: auto;
+  transform: translate3d(-50%, 0, 0);
+}
+.property-pattern:hover .property-pattern-popup[data-v-2034a630], .property-pattern:focus-within .property-pattern-popup[data-v-2034a630], .property-pattern.is-open .property-pattern-popup[data-v-2034a630] {
+  display: flex;
+}
+.property-pattern-value[data-v-2034a630] {
+  font-family: var(--scalar-font-code);
+  background: var(--scalar-background-2);
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius);
+  align-items: flex-start;
+  gap: 8px;
+  width: 100%;
+  padding: 6px;
+  display: flex;
+}
+.property-pattern-value code[data-v-2034a630] {
+  font-family: var(--scalar-font-code);
+  font-size: var(--scalar-font-size-3);
+  color: var(--scalar-color-2);
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+  text-align: left;
+  flex: 1;
+}
 
-.property-heading[data-v-9f90ca8e] {
+.property-heading[data-v-8af95d8d] {
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
   row-gap: 9px;
   white-space: nowrap;
 }
-.property-heading[data-v-9f90ca8e]:has(+ .children),
-.property-heading[data-v-9f90ca8e]:has(+ .property-rule) {
+.property-heading[data-v-8af95d8d]:has(+ .children),
+.property-heading[data-v-8af95d8d]:has(+ .property-rule) {
   margin-bottom: 9px;
 }
-.property-heading[data-v-9f90ca8e] > * {
+.property-heading[data-v-8af95d8d] > * {
   margin-right: 9px;
 }
-.property-heading[data-v-9f90ca8e]:last-child {
+.property-heading[data-v-8af95d8d]:last-child {
   margin-right: 0;
 }
-.property-heading > .property-detail[data-v-9f90ca8e]:not(:last-of-type) {
+.property-heading > .property-detail[data-v-8af95d8d]:not(:last-of-type) {
   margin-right: 0;
 }
-.property-name[data-v-9f90ca8e] {
+.property-name[data-v-8af95d8d] {
   max-width: 100%;
   font-family: var(--scalar-font-code);
   font-weight: var(--scalar-bold);
@@ -10273,30 +10330,30 @@ code.property-detail-value[data-v-1295f965] {
   white-space: normal;
   overflow-wrap: break-word;
 }
-.property-additional[data-v-9f90ca8e] {
+.property-additional[data-v-8af95d8d] {
   font-family: var(--scalar-font-code);
 }
-.property-required[data-v-9f90ca8e],
-.property-optional[data-v-9f90ca8e] {
+.property-required[data-v-8af95d8d],
+.property-optional[data-v-8af95d8d] {
   color: var(--scalar-color-2);
 }
-.property-required[data-v-9f90ca8e] {
+.property-required[data-v-8af95d8d] {
   font-size: var(--scalar-mini);
   color: var(--scalar-color-orange);
 }
-.property-read-only[data-v-9f90ca8e] {
+.property-read-only[data-v-8af95d8d] {
   font-size: var(--scalar-mini);
   color: var(--scalar-color-blue);
 }
-.property-write-only[data-v-9f90ca8e] {
+.property-write-only[data-v-8af95d8d] {
   font-size: var(--scalar-mini);
   color: var(--scalar-color-green);
 }
-.property-discriminator[data-v-9f90ca8e] {
+.property-discriminator[data-v-8af95d8d] {
   font-size: var(--scalar-mini);
   color: var(--scalar-color-purple);
 }
-.property-detail[data-v-9f90ca8e] {
+.property-detail[data-v-8af95d8d] {
   font-size: var(--scalar-mini);
   color: var(--scalar-color-2);
   display: flex;
@@ -10304,10 +10361,10 @@ code.property-detail-value[data-v-1295f965] {
 
   min-width: 0;
 }
-.property-const[data-v-9f90ca8e] {
+.property-const[data-v-8af95d8d] {
   color: var(--scalar-color-1);
 }
-.deprecated[data-v-9f90ca8e] {
+.deprecated[data-v-8af95d8d] {
   text-decoration: line-through;
 }
 
@@ -10714,42 +10771,51 @@ code.property-detail-value[data-v-1295f965] {
   width: 100%;
 }
 
-.tag-section[data-v-ee09ae3d] {
+.tag-section[data-v-30009843] {
   margin-bottom: 48px;
 }
-.tag-name[data-v-ee09ae3d] {
+.tag-name[data-v-30009843] {
   text-transform: capitalize;
 }
-.tag-description[data-v-ee09ae3d] {
+.tag-description[data-v-30009843] {
   padding-bottom: 4px;
   text-align: left;
 }
 
 /* Tag Groups */
-.tag-section-group .tag-group-name[data-v-ee09ae3d] {
+.tag-section-group .tag-group-name[data-v-30009843] {
   gap: 12px;
   align-self: stretch;
   grid-template-columns: auto 1fr;
 }
-.tag-group-name[data-v-ee09ae3d]:after {
+.tag-group-name[data-v-30009843]:after {
   content: '';
   display: block;
   height: 1px;
   align-self: center;
   background: var(--scalar-border-color);
 }
-.tag-group-name[data-v-ee09ae3d]:has(* > *:hover),
-.tag-group-name[data-v-ee09ae3d]:has(:focus-visible) {
+.tag-group-name[data-v-30009843]:has(* > *:hover),
+.tag-group-name[data-v-30009843]:has(:focus-visible) {
   gap: 32px;
 }
-.tag-section-group .tag-section[data-v-ee09ae3d] {
+.tag-section-group .tag-section[data-v-30009843] {
   padding-inline: 0;
   margin-bottom: 24px;
 }
-.tag-section-group .tag-section[data-v-ee09ae3d]:last-of-type {
+.tag-section-group .tag-section[data-v-30009843]:last-of-type {
   margin-bottom: 0;
 }
 
+/*
+ * A tag nested inside another tag's container would otherwise inherit a second
+ * layer of horizontal padding. Dropping it keeps every section flush left
+ * regardless of how deep the tag hierarchy goes.
+ */
+.tag-section.tag-section-nested[data-v-30009843] {
+  padding-inline: 0;
+}
+
 .channels-card[data-v-817abeb3] {
   position: sticky;
   top: calc(var(--refs-viewport-offset) + 24px);
@@ -10776,10 +10842,18 @@ code.property-detail-value[data-v-1295f965] {
   text-decoration: underline;
 }
 
-.section-container[data-v-76bc20f3] {
+.section-container[data-v-831b6e40] {
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.section-container[data-v-76bc20f3]:has(.show-more) {
+/*
+ * A tag nested inside another tag's container would otherwise inherit a second
+ * layer of horizontal padding. Dropping it keeps every section flush left
+ * regardless of how deep the tag hierarchy goes.
+ */
+.tag-section-container.tag-section-nested[data-v-831b6e40] {
+  padding-inline: 0;
+}
+.section-container.tag-section-collapsed[data-v-831b6e40] {
   background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
 }
 
@@ -11856,6 +11930,28 @@ button.headers-card-title[data-v-9ba640f2]:hover {
   pointer-events: none;
 }
 
+/*
+ * Match the section content inset (0 60px) so crumbs line up under the section
+ * headings. A fixed height keeps the content below from moving when the active
+ * hierarchy changes and the breadcrumbs appear.
+ * The bar lives inside `.narrow-references-container`, so it shares the same
+ * container query the sections use to drop their inset on narrow layouts.
+ */
+.context-bar[data-v-5f62f72b] {
+  height: 48px;
+  padding-inline: 60px;
+  box-shadow: inset 0 var(--scalar-border-width) 0 var(--scalar-border-color);
+}
+.context-bar[data-stuck][data-v-5f62f72b] {
+  box-shadow: inset 0 calc(var(--scalar-border-width) * -1) 0
+    var(--scalar-border-color);
+}
+@container narrow-references-container (max-width: 900px) {
+.context-bar[data-v-5f62f72b] {
+    padding-inline: 24px;
+}
+}
+
 .narrow-references-container {
   container-name: narrow-references-container;
   container-type: inline-size;
@@ -12007,7 +12103,7 @@ body {
 
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-83d9df31] {
+.scalar-api-reference[data-v-2e948397] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -12029,20 +12125,20 @@ body {
     /* The maximum width of the content column */
     --refs-content-max-width: var(--scalar-content-max-width, 1540px);
 }
-.scalar-api-reference.references-classic[data-v-83d9df31] {
+.scalar-api-reference.references-classic[data-v-2e948397] {
     /* Classic layout is wider */
     --refs-content-max-width: var(--scalar-content-max-width, 1420px);
     min-height: 100dvh;
     --refs-sidebar-width: 0;
 }
 }
-.t-doc__sidebar[data-v-83d9df31] {
+.t-doc__sidebar[data-v-2e948397] {
   z-index: 10;
 }
 
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-83d9df31] {
+.references-layout[data-v-2e948397] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -12066,32 +12162,36 @@ body {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-83d9df31] {
+.references-editor[data-v-2e948397] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-83d9df31] {
+.references-rendered[data-v-2e948397] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-83d9df31],
-.references-classic .references-rendered[data-v-83d9df31] {
+.scalar-api-reference.references-classic[data-v-2e948397],
+.references-classic .references-rendered[data-v-2e948397] {
   height: initial !important;
   max-height: initial !important;
 }
+/* Give the classic layout some breathing room at the end of the scroll */
+.references-classic .references-rendered[data-v-2e948397] {
+  padding-bottom: 80px;
+}
 @layer scalar-config {
-.references-sidebar[data-v-83d9df31] {
+.references-sidebar[data-v-2e948397] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 
 /* Footer */
-.references-footer[data-v-83d9df31] {
+.references-footer[data-v-2e948397] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
@@ -12107,12 +12207,12 @@ body {
  */
 @media (width < 1000px) {
   /* Keep toolbar hidden on mobile without forcing desktop display mode. */
-.references-developer-tools[data-v-83d9df31] {
+.references-developer-tools[data-v-2e948397] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-83d9df31] {
+.references-layout[data-v-2e948397] {
     /* Adjust the sidebar height to the viewport height minus the header height */
     --refs-sidebar-height: calc(
       var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -12127,13 +12227,13 @@ body {
       'rendered'
       'footer';
 }
-.references-editable[data-v-83d9df31] {
+.references-editable[data-v-2e948397] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-83d9df31] {
+.references-rendered[data-v-2e948397] {
     position: static;
 }
 }
@@ -12145,12 +12245,12 @@ body {
 */
 /* Match the layout breakpoint above so the mobile header height is only applied below `lg`. */
 @media (width < 1000px) {
-.scalar-api-references-standalone-mobile[data-v-83d9df31]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-2e948397]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
 
-.darklight-reference[data-v-83d9df31] {
+.darklight-reference[data-v-2e948397] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.62",
+  "version": "0.9.65",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/types": "0.18.0",
-    "@scalar/api-reference": "1.65.0"
+    "@scalar/api-reference": "1.66.1",
+    "@scalar/types": "0.18.2"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",
@@ -51,7 +51,7 @@
     "react-dom": "^19.2.3",
     "rollup-preserve-directives": "^1.1.1",
     "vite": "8.1.5",
-    "@scalar/helpers": "0.10.0"
+    "@scalar/helpers": "0.11.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"