@scalar/api-reference 1.31.3 → 1.31.6

package/dist/components/ApiReference.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent as u, ref as n, toRef as p, provide as d, createBlock as _, openBlock as h, unref as e, withCtx as g, createVNode as x, isRef as V } from "vue";
-import b from "./SingleApiReference.vue.js";
-/* empty css                        */
-import { useMultipleDocuments as v } from "../hooks/useMultipleDocuments.js";
-import { NAV_STATE_SYMBOL as A } from "../hooks/useNavState.js";
+import { useMultipleDocuments as b } from "../hooks/useMultipleDocuments.js";
+import { NAV_STATE_SYMBOL as v } from "../hooks/useNavState.js";
+import A from "../v2/ApiReferenceWorkspace.vue.js";
+/* empty css                               */
 import B from "./DocumentSelector/DocumentSelector.vue.js";
 const N = /* @__PURE__ */ u({
   __name: "ApiReference",
@@ -17,13 +17,13 @@ const N = /* @__PURE__ */ u({
       isIntersectionEnabled: c,
       hash: f,
       hashPrefix: l
-    } = v({
+    } = b({
       configuration: p(r, "configuration"),
       isIntersectionEnabled: n(!1),
       hash: n(""),
       hashPrefix: n("")
     });
-    return d(A, { isIntersectionEnabled: c, hash: f, hashPrefix: l }), (C, t) => (h(), _(b, { configuration: e(s) }, {
+    return d(v, { isIntersectionEnabled: c, hash: f, hashPrefix: l }), (C, t) => (h(), _(A, { configuration: e(s) }, {
       "document-selector": g(() => [
         x(e(B), {
           modelValue: e(o),

package/dist/components/ApiReferenceLayout.vue.d.ts

@@ -1,6 +1,5 @@
 import { type ThemeId } from '@scalar/themes';
 import type { ReferenceLayoutProps, ReferenceSlotProps } from '../types';
-type __VLS_Props = Omit<ReferenceLayoutProps, 'isDark'>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -11,6 +10,8 @@ declare function __VLS_template(): {
         "content-end": (props: ReferenceSlotProps) => any;
         "sidebar-start": (props: ReferenceSlotProps) => any;
         "sidebar-end": (props: ReferenceSlotProps) => any;
+    } & {
+        'document-selector': any;
     }> & {
         footer: (props: ReferenceSlotProps) => any;
         header: (props: ReferenceSlotProps) => any;
@@ -19,6 +20,8 @@ declare function __VLS_template(): {
         "content-end": (props: ReferenceSlotProps) => any;
         "sidebar-start": (props: ReferenceSlotProps) => any;
         "sidebar-end": (props: ReferenceSlotProps) => any;
+    } & {
+        'document-selector': any;
     };
     refs: {
         documentEl: HTMLDivElement;
@@ -26,7 +29,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<ReferenceLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     changeTheme: (args_0: {
         id: ThemeId;
         label: string;
@@ -35,7 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     linkSwaggerFile: () => any;
     updateContent: (value: string) => any;
     toggleDarkMode: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<ReferenceLayoutProps> & Readonly<{
     onChangeTheme?: ((args_0: {
         id: ThemeId;
         label: string;

package/dist/components/ApiReferenceLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceLayout.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReferenceLayout.vue"],"names":[],"mappings":"AA6kBA,OAAO,EAGL,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAA;AAgCvB,OAAO,KAAK,EACV,oBAAoB,EAEpB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAIhB,KAAK,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC;AA4OxD,iBAAS,cAAc;WAoPT,OAAO,IAA6B;;wBAhbZ,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;;;;;;EAqb/D;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;YAtfqB,OAAO;eAAS,MAAM;;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;;kFA6f9D,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ApiReferenceLayout.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReferenceLayout.vue"],"names":[],"mappings":"AAmsBA,OAAO,EAGL,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAA;AAmCvB,OAAO,KAAK,EACV,oBAAoB,EAEpB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAqQhB,iBAAS,cAAc;WAkYT,OAAO,IAA6B;;wBAllBV,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;;6BACrC,GAAG;;wBADQ,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;;6BACrC,GAAG;;;;;;EAslB/B;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;YAjqBqB,OAAO;eAAS,MAAM;;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;;kFAwqB9D,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ApiReferenceLayout.vue.js

@@ -1,8 +1,10 @@
 import o from "./ApiReferenceLayout.vue2.js";
 /* empty css                        */
 /* empty css                        */
+/* empty css                        */
+/* empty css                        */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c97b32f7"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-10ec21b0"]]);
 export {
-  m as default
+  c as default
 };

package/dist/components/ApiReferenceLayout.vue2.js

@@ -1,190 +1,242 @@
-import { defineComponent as ie, computed as h, provide as u, ref as E, onBeforeMount as B, onMounted as k, toValue as N, onUnmounted as se, useId as le, createElementBlock as y, openBlock as C, Fragment as F, createElementVNode as i, createVNode as c, unref as a, normalizeStyle as de, normalizeClass as ue, createCommentVNode as O, withDirectives as ce, renderSlot as s, normalizeProps as l, guardReactiveProps as d, withCtx as m, vShow as me, createSlots as fe, watch as pe } from "vue";
-import { provideUseId as ve } from "@headlessui/vue";
-import { LAYOUT_SYMBOL as ge } from "@scalar/api-client/hooks";
-import { WORKSPACE_SYMBOL as Se, ACTIVE_ENTITIES_SYMBOL as he } from "@scalar/api-client/store";
-import { addScalarClassesToHeadless as be, ScalarErrorBoundary as we } from "@scalar/components";
-import { hasObtrusiveScrollbars as ye, getThemeStyles as Ce } from "@scalar/themes";
-import { apiReferenceConfigurationSchema as Te } from "@scalar/types/api-reference";
-import { useToasts as De, ScalarToasts as Ee } from "@scalar/use-toasts";
-import { useMediaQuery as Oe, useResizeObserver as $e, useDebounceFn as Re } from "@vueuse/core";
-import Ie from "./GettingStarted.vue.js";
-import { sleep as Me } from "../helpers/sleep.js";
-import { CONFIGURATION_SYMBOL as Pe } from "../hooks/useConfig.js";
-import { useNavState as Le } from "../hooks/useNavState.js";
-import { useSidebar as Ae } from "../hooks/useSidebar.js";
-import { downloadEventBus as _, downloadDocument as Be } from "../libs/download.js";
-import { useHttpClientStore as ke } from "../stores/useHttpClientStore.js";
-import { useDocumentSource as Ne } from "../features/DocumentSource/hooks/useDocumentSource.js";
-import { OPENAPI_VERSION_SYMBOL as Fe } from "../features/DownloadLink/openapi-version-symbol.js";
-import { PLUGIN_MANAGER_SYMBOL as _e } from "../plugins/hooks/usePluginManager.js";
-import { createPluginManager as He } from "../plugins/plugin-manager.js";
-import Ue from "./Sidebar/Sidebar.vue.js";
-import Ye from "./Content/Content.vue.js";
-import Ve from "../features/ApiClientModal/ApiClientModal.vue.js";
-const ze = ["innerHTML"], Ge = { class: "references-header" }, Ke = ["aria-label"], Qe = { class: "references-navigation-list" }, We = { class: "references-editor" }, je = { class: "references-editor-textarea" }, qe = ["aria-label"], Je = {
+import { defineComponent as ce, computed as T, provide as h, ref as E, onBeforeMount as F, onMounted as N, toValue as U, onUnmounted as me, useId as pe, watch as O, createElementBlock as d, openBlock as r, Fragment as V, createElementVNode as p, createVNode as c, unref as a, normalizeStyle as fe, normalizeClass as ve, createCommentVNode as l, withDirectives as ge, createBlock as S, renderSlot as u, isRef as he, normalizeProps as f, guardReactiveProps as v, withCtx as i, vShow as Se, createSlots as ye } from "vue";
+import { provideUseId as be } from "@headlessui/vue";
+import { OpenApiClientButton as we } from "@scalar/api-client/components";
+import { LAYOUT_SYMBOL as ke } from "@scalar/api-client/hooks";
+import { WORKSPACE_SYMBOL as Ce, ACTIVE_ENTITIES_SYMBOL as De } from "@scalar/api-client/store";
+import { addScalarClassesToHeadless as Te, ScalarErrorBoundary as $e, ScalarSidebarFooter as Me, ScalarColorModeToggleButton as Ee, ScalarColorModeToggleIcon as Oe } from "@scalar/components";
+import { sleep as Be } from "@scalar/helpers/testing/sleep";
+import { hasObtrusiveScrollbars as Re, getThemeStyles as Ie } from "@scalar/themes";
+import { apiReferenceConfigurationSchema as He } from "@scalar/types/api-reference";
+import { useBreakpoints as Pe } from "@scalar/use-hooks/useBreakpoints";
+import { useToasts as Ae, ScalarToasts as Le } from "@scalar/use-toasts";
+import { useMediaQuery as Fe, useResizeObserver as Ne, useDebounceFn as Ue } from "@vueuse/core";
+import Ve from "./ClassicHeader.vue.js";
+import _e from "./GettingStarted.vue.js";
+import Ke from "./MobileHeader.vue.js";
+import { CONFIGURATION_SYMBOL as Ye } from "../hooks/useConfig.js";
+import { useNavState as ze } from "../hooks/useNavState.js";
+import { useSidebar as Ge } from "../hooks/useSidebar.js";
+import { downloadEventBus as _, downloadDocument as Qe } from "../libs/download.js";
+import { useHttpClientStore as We } from "../stores/useHttpClientStore.js";
+import { useDocumentSource as je } from "../features/DocumentSource/hooks/useDocumentSource.js";
+import { OPENAPI_VERSION_SYMBOL as qe } from "../features/DownloadLink/openapi-version-symbol.js";
+import { PLUGIN_MANAGER_SYMBOL as Je } from "../plugins/hooks/usePluginManager.js";
+import { createPluginManager as Xe } from "../plugins/plugin-manager.js";
+import Ze from "./Sidebar/Sidebar.vue.js";
+import K from "../features/Search/SearchButton.vue.js";
+import xe from "./Content/Content.vue.js";
+import et from "../features/ApiClientModal/ApiClientModal.vue.js";
+const tt = ["innerHTML"], ot = { class: "references-header" }, at = ["aria-label"], rt = { class: "references-navigation-list" }, nt = { key: 0 }, lt = {
+  key: 1,
+  class: "scalar-api-references-standalone-search"
+}, st = { key: 1 }, it = { class: "references-editor" }, ut = { class: "references-editor-textarea" }, dt = ["aria-label"], ct = {
+  key: 0,
+  class: "w-64 empty:hidden"
+}, mt = {
   key: 0,
   class: "references-footer"
-}, Et = /* @__PURE__ */ ie({
+}, Gt = /* @__PURE__ */ ce({
   inheritAttrs: !1,
   __name: "ApiReferenceLayout",
   props: {
     configuration: {},
     dereferencedDocument: {},
     originalDocument: {},
+    isDark: { type: Boolean },
     parsedSpec: {},
     rawSpec: {}
   },
   emits: ["changeTheme", "updateContent", "loadSwaggerFile", "linkSwaggerFile", "toggleDarkMode"],
-  setup(b) {
-    const t = h(
-      () => Te.parse(b.configuration)
-    ), { initializeToasts: H, toast: U } = De();
-    H((e) => U(e));
+  setup($) {
+    const t = T(
+      () => He.parse($.configuration)
+    ), { initializeToasts: Y, toast: z } = Ae();
+    Y((e) => z(e));
     const {
-      originalDocument: Y,
-      originalOpenApiVersion: V,
-      dereferencedDocument: T,
-      parsedDocument: D,
-      workspaceStore: z,
-      activeEntitiesStore: G
-    } = Ne({
+      originalDocument: G,
+      originalOpenApiVersion: Q,
+      dereferencedDocument: M,
+      parsedDocument: y,
+      workspaceStore: W,
+      activeEntitiesStore: j
+    } = je({
       configuration: t,
-      dereferencedDocument: b.dereferencedDocument,
-      originalDocument: b.originalDocument
+      dereferencedDocument: $.dereferencedDocument,
+      originalDocument: $.originalDocument
     });
-    u(Fe, V), u(Se, z), u(he, G);
-    const K = Oe("(min-width: 1150px)"), Q = E("100dvh"), f = E(null);
-    $e(f, (e) => {
-      Q.value = e[0].contentRect.height + "px";
+    h(qe, Q), h(Ce, W), h(De, j);
+    const q = Fe("(min-width: 1150px)"), J = E("100dvh"), b = E(null);
+    Ne(b, (e) => {
+      J.value = e[0].contentRect.height + "px";
     });
-    const W = h(ye), {
-      breadcrumb: j,
-      collapsedSidebarItems: Xe,
-      isSidebarOpen: q,
-      setCollapsedSidebarItem: Ze,
-      hideModels: J,
-      defaultOpenAllTags: X,
+    const X = T(Re), {
+      collapsedSidebarItems: pt,
+      isSidebarOpen: g,
+      setCollapsedSidebarItem: ft,
+      hideModels: Z,
+      defaultOpenAllTags: x,
       // setParsedSpec,
-      scrollToOperation: Z
-    } = Ae(), {
-      getReferenceId: x,
-      getPathRoutingId: ee,
-      getSectionId: xe,
-      getTagId: et,
-      hash: tt,
-      isIntersectionEnabled: $,
+      scrollToOperation: ee
+    } = Ge(), {
+      getReferenceId: te,
+      getPathRoutingId: oe,
+      getSectionId: vt,
+      getTagId: gt,
+      hash: ae,
+      isIntersectionEnabled: B,
       updateHash: R,
-      replaceUrlState: te
-    } = Le(t);
+      replaceUrlState: re
+    } = ze(t);
     if (t.value.redirect && typeof window < "u") {
       const e = t.value.redirect(
         (t.value.pathRouting ? window.location.pathname : "") + window.location.hash
       );
       e && history.replaceState({}, "", e);
     }
-    B(() => R());
+    F(() => R());
     const I = async (e) => {
       var o;
-      $.value = !1, R(), e ? Z(e) : (o = f.value) == null || o.scrollTo(0, 0), await Me(100), $.value = !0;
-    }, M = E(0);
-    B(() => be()), k(() => {
-      var r, p, v;
+      B.value = !1, R(), e ? ee(e) : (o = b.value) == null || o.scrollTo(0, 0), await Be(100), B.value = !0;
+    }, H = E(0);
+    F(() => Te()), N(() => {
+      var s, w, k;
       history.scrollRestoration = "manual";
-      const e = (p = (r = f.value) == null ? void 0 : r.parentElement) == null ? void 0 : p.getBoundingClientRect(), o = (v = f.value) == null ? void 0 : v.getBoundingClientRect();
+      const e = (w = (s = b.value) == null ? void 0 : s.parentElement) == null ? void 0 : w.getBoundingClientRect(), o = (k = b.value) == null ? void 0 : k.getBoundingClientRect();
       if (e && o) {
-        const g = o.top - e.top;
-        M.value = g < 2 ? 0 : g;
+        const C = o.top - e.top;
+        H.value = C < 2 ? 0 : C;
       }
       window.onhashchange = () => {
-        I(x());
-      }, window.onpopstate = () => t.value.pathRouting && I(ee(window.location.pathname));
+        I(te());
+      }, window.onpopstate = () => t.value.pathRouting && I(oe(window.location.pathname));
     });
-    const oe = h(
-      () => K.value || !t.value.isEditable
-    ), P = Re((e) => {
+    const ne = T(
+      () => q.value || !t.value.isEditable
+    ), P = Ue((e) => {
       if ((e.target.scrollTop ?? 0) < 50) {
-        const r = t.value.pathRouting ? t.value.pathRouting.basePath : window.location.pathname;
-        te("", r + window.location.search);
+        const s = t.value.pathRouting ? t.value.pathRouting.basePath : window.location.pathname;
+        re("", s + window.location.search);
       }
-    }), n = h(() => ({
-      breadcrumb: j.value,
-      spec: D.value
+    }), m = T(() => ({
+      spec: y.value
     }));
-    k(
+    N(
       () => _.on(({ filename: e, format: o }) => {
-        Be(
-          N(Y) || N(b.rawSpec) || "",
+        Qe(
+          U(G) || U($.rawSpec) || "",
           e,
           o
         );
       })
-    ), se(() => _.reset()), ve(() => le()), u(ge, "modal"), u(Pe, t), u(
-      _e,
-      He({
+    ), me(() => _.reset()), be(() => pe()), h(ke, "modal"), h(Ye, t), h(
+      Je,
+      Xe({
         plugins: t.value.plugins
       })
     );
-    function L(e, o) {
-      pe(
+    function A(e, o) {
+      O(
         () => t.value[e],
-        (r) => {
-          typeof r < "u" && o(r);
+        (s) => {
+          typeof s < "u" && o(s);
         },
         { immediate: !0 }
       );
     }
-    const { setExcludedClients: ae, setDefaultHttpClient: re } = ke();
-    L("defaultHttpClient", re), L("hiddenClients", ae), J.value = t.value.hideModels ?? !1, X.value = t.value.defaultOpenAllTags ?? !1;
-    const ne = h(
+    const { setExcludedClients: le, setDefaultHttpClient: se } = We();
+    A("defaultHttpClient", se), A("hiddenClients", le), Z.value = t.value.hideModels ?? !1, x.value = t.value.defaultOpenAllTags ?? !1;
+    const ie = T(
       () => `<style>
-  ${Ce(t.value.theme, {
+  ${Ie(t.value.theme, {
         fonts: t.value.withDefaultFonts
       })}</style>`
-    );
-    return (e, o) => {
-      var r, p, v, g, A;
-      return C(), y(F, null, [
-        i("div", { innerHTML: ne.value }, null, 8, ze),
-        i("div", {
+    ), { mediaQueries: ue } = Pe(), de = !1;
+    return O(ue.lg, (e, o) => {
+      o && !e && (g.value = !1);
+    }), O(ae, (e, o) => {
+      e && e !== o && (g.value = !1);
+    }), (e, o) => {
+      var s, w, k, C, L;
+      return r(), d(V, null, [
+        p("div", { innerHTML: ie.value }, null, 8, tt),
+        p("div", {
           ref_key: "documentEl",
-          ref: f,
-          class: ue(["scalar-app scalar-api-reference references-layout", [
+          ref: b,
+          class: ve(["scalar-app scalar-api-reference references-layout", [
             {
-              "scalar-scrollbars-obtrusive": W.value,
+              "scalar-api-references-standalone-mobile": t.value.showSidebar ?? !0,
+              "scalar-scrollbars-obtrusive": X.value,
               "references-editable": t.value.isEditable,
               "references-sidebar": t.value.showSidebar,
-              "references-sidebar-mobile-open": a(q),
+              "references-sidebar-mobile-open": a(g),
               "references-classic": t.value.layout === "classic"
             },
             e.$attrs.class
           ]]),
-          style: de({
-            "--scalar-y-offset": `var(--scalar-custom-header-height, ${M.value}px)`
+          style: fe({
+            "--scalar-y-offset": `var(--scalar-custom-header-height, ${H.value}px)`
           }),
-          onScrollPassive: o[4] || (o[4] = //@ts-ignore
-          (...w) => a(P) && a(P)(...w))
+          onScrollPassive: o[7] || (o[7] = //@ts-ignore
+          (...n) => a(P) && a(P)(...n))
         }, [
-          i("div", Ge, [
-            s(e.$slots, "header", l(d(n.value)), void 0, !0)
+          p("div", ot, [
+            t.value.layout === "modern" && (t.value.showSidebar ?? !0) ? (r(), S(Ke, {
+              key: 0,
+              open: a(g),
+              "onUpdate:open": o[0] || (o[0] = (n) => he(g) ? g.value = n : null)
+            }, null, 8, ["open"])) : l("", !0),
+            u(e.$slots, "header", f(v(m.value)), void 0, !0)
           ]),
-          t.value.showSidebar ? (C(), y("aside", {
+          t.value.showSidebar ? (r(), d("aside", {
             key: 0,
-            "aria-label": `Sidebar for ${(p = (r = a(T)) == null ? void 0 : r.info) == null ? void 0 : p.title}`,
+            "aria-label": `Sidebar for ${(w = (s = a(M)) == null ? void 0 : s.info) == null ? void 0 : w.title}`,
             class: "references-navigation t-doc__sidebar"
           }, [
-            i("div", Qe, [
-              c(a(we), null, {
-                default: m(() => [
-                  c(a(Ue), {
+            p("div", rt, [
+              c(a($e), null, {
+                default: i(() => [
+                  c(a(Ze), {
                     operationsSorter: t.value.operationsSorter,
-                    parsedSpec: a(D),
+                    parsedSpec: a(y),
                     tagsSorter: t.value.tagsSorter
                   }, {
-                    "sidebar-start": m(() => [
-                      s(e.$slots, "sidebar-start", l(d(n.value)), void 0, !0)
-                    ]),
-                    "sidebar-end": m(() => [
-                      s(e.$slots, "sidebar-end", l(d(n.value)), void 0, !0)
+                    "sidebar-start": i(() => {
+                      var n;
+                      return [
+                        e.$slots["document-selector"] ? (r(), d("div", nt, [
+                          u(e.$slots, "document-selector", {}, void 0, !0)
+                        ])) : l("", !0),
+                        t.value.hideSearch ? l("", !0) : (r(), d("div", lt, [
+                          c(a(K), {
+                            searchHotKey: (n = t.value) == null ? void 0 : n.searchHotKey,
+                            spec: a(y)
+                          }, null, 8, ["searchHotKey", "spec"])
+                        ])),
+                        u(e.$slots, "sidebar-start", f(v(m.value)), void 0, !0)
+                      ];
+                    }),
+                    "sidebar-end": i(() => [
+                      u(e.$slots, "sidebar-end", f(v(m.value)), () => [
+                        c(a(Me), { class: "darklight-reference" }, {
+                          toggle: i(() => [
+                            t.value.hideDarkModeToggle ? (r(), d("span", st)) : (r(), S(a(Ee), {
+                              key: 0,
+                              modelValue: e.isDark,
+                              "onUpdate:modelValue": o[1] || (o[1] = (n) => e.$emit("toggleDarkMode"))
+                            }, null, 8, ["modelValue"]))
+                          ]),
+                          default: i(() => [
+                            t.value.hideClientButton ? l("", !0) : (r(), S(a(we), {
+                              key: 0,
+                              buttonSource: "sidebar",
+                              integration: t.value._integration,
+                              isDevelopment: de,
+                              url: t.value.url
+                            }, null, 8, ["integration", "url"]))
+                          ]),
+                          _: 1
+                        })
+                      ], !0)
                     ]),
                     _: 3
                   }, 8, ["operationsSorter", "parsedSpec", "tagsSorter"])
@@ -192,63 +244,88 @@ const ze = ["innerHTML"], Ge = { class: "references-header" }, Ke = ["aria-label
                 _: 3
               })
             ])
-          ], 8, Ke)) : O("", !0),
-          ce(i("div", We, [
-            i("div", je, [
-              s(e.$slots, "editor", l(d(n.value)), void 0, !0)
+          ], 8, at)) : l("", !0),
+          ge(p("div", it, [
+            p("div", ut, [
+              u(e.$slots, "editor", f(v(m.value)), void 0, !0)
             ])
           ], 512), [
-            [me, t.value.isEditable]
+            [Se, t.value.isEditable]
           ]),
-          oe.value ? (C(), y(F, { key: 1 }, [
-            i("main", {
-              "aria-label": `Open API Documentation for ${(g = (v = a(T)) == null ? void 0 : v.info) == null ? void 0 : g.title}`,
+          ne.value ? (r(), d(V, { key: 1 }, [
+            p("main", {
+              "aria-label": `Open API Documentation for ${(C = (k = a(M)) == null ? void 0 : k.info) == null ? void 0 : C.title}`,
               class: "references-rendered"
             }, [
-              c(a(Ye), {
+              c(a(xe), {
                 layout: t.value.layout,
-                parsedSpec: a(D)
-              }, fe({
-                start: m(() => [
-                  s(e.$slots, "content-start", l(d(n.value)), void 0, !0)
+                parsedSpec: a(y)
+              }, ye({
+                start: i(() => [
+                  u(e.$slots, "content-start", f(v(m.value)), () => [
+                    t.value.layout === "classic" ? (r(), S(Ve, { key: 0 }, {
+                      "dark-mode-toggle": i(() => [
+                        t.value.hideDarkModeToggle ? l("", !0) : (r(), S(a(Oe), {
+                          key: 0,
+                          class: "text-c-2 hover:text-c-1",
+                          mode: e.isDark ? "dark" : "light",
+                          style: { transform: "scale(1.4)" },
+                          variant: "icon",
+                          onClick: o[2] || (o[2] = (n) => e.$emit("toggleDarkMode"))
+                        }, null, 8, ["mode"]))
+                      ]),
+                      default: i(() => [
+                        e.$slots["document-selector"] ? (r(), d("div", ct, [
+                          u(e.$slots, "document-selector", {}, void 0, !0)
+                        ])) : l("", !0),
+                        t.value.hideSearch ? l("", !0) : (r(), S(a(K), {
+                          key: 1,
+                          class: "t-doc__sidebar",
+                          searchHotKey: t.value.searchHotKey,
+                          spec: a(y)
+                        }, null, 8, ["searchHotKey", "spec"]))
+                      ]),
+                      _: 3
+                    })) : l("", !0)
+                  ], !0)
                 ]),
-                end: m(() => [
-                  s(e.$slots, "content-end", l(d(n.value)), void 0, !0)
+                end: i(() => [
+                  u(e.$slots, "content-end", f(v(m.value)), void 0, !0)
                 ]),
                 _: 2
               }, [
-                (A = t.value) != null && A.isEditable ? {
+                (L = t.value) != null && L.isEditable ? {
                   name: "empty-state",
-                  fn: m(() => {
-                    var w;
+                  fn: i(() => {
+                    var n;
                     return [
-                      c(Ie, {
-                        theme: ((w = t.value) == null ? void 0 : w.theme) || "default",
-                        onChangeTheme: o[0] || (o[0] = (S) => e.$emit("changeTheme", S)),
-                        onLinkSwaggerFile: o[1] || (o[1] = (S) => e.$emit("linkSwaggerFile")),
-                        onLoadSwaggerFile: o[2] || (o[2] = (S) => e.$emit("loadSwaggerFile")),
-                        onUpdateContent: o[3] || (o[3] = (S) => e.$emit("updateContent", S))
+                      c(_e, {
+                        theme: ((n = t.value) == null ? void 0 : n.theme) || "default",
+                        onChangeTheme: o[3] || (o[3] = (D) => e.$emit("changeTheme", D)),
+                        onLinkSwaggerFile: o[4] || (o[4] = (D) => e.$emit("linkSwaggerFile")),
+                        onLoadSwaggerFile: o[5] || (o[5] = (D) => e.$emit("loadSwaggerFile")),
+                        onUpdateContent: o[6] || (o[6] = (D) => e.$emit("updateContent", D))
                       }, null, 8, ["theme"])
                     ];
                   }),
                   key: "0"
                 } : void 0
               ]), 1032, ["layout", "parsedSpec"])
-            ], 8, qe),
-            e.$slots.footer ? (C(), y("div", Je, [
-              s(e.$slots, "footer", l(d(n.value)), void 0, !0)
-            ])) : O("", !0)
-          ], 64)) : O("", !0),
-          c(a(Ve), {
+            ], 8, dt),
+            e.$slots.footer ? (r(), d("div", mt, [
+              u(e.$slots, "footer", f(v(m.value)), void 0, !0)
+            ])) : l("", !0)
+          ], 64)) : l("", !0),
+          c(a(et), {
             configuration: t.value,
-            dereferencedDocument: a(T)
+            dereferencedDocument: a(M)
           }, null, 8, ["configuration", "dereferencedDocument"])
         ], 38),
-        c(a(Ee))
+        c(a(Le))
       ], 64);
     };
   }
 });
 export {
-  Et as default
+  Gt as default
 };

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.js

@@ -1,7 +1,7 @@
 import o from "./ClientLibraries.vue2.js";
 /* empty css                     */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1ad6c6bc"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-714ac357"]]);
 export {
-  c as default
+  e as default
 };

package/dist/components/Content/ClientLibraries/ClientLibraries.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent as K, ref as w, useId as h, watch as P, onMounted as B,
 import { TabGroup as M, TabList as O, TabPanels as R, TabPanel as j } from "@headlessui/vue";
 import { useWorkspace as G } from "@scalar/api-client/store";
 import { ScalarMarkdown as J, ScalarCodeBlock as W } from "@scalar/components";
-import { REFERENCE_LS_KEYS as Y } from "@scalar/oas-utils/helpers";
+import { REFERENCE_LS_KEYS as Y } from "@scalar/helpers/object/local-storage";
 import { useHttpClientStore as q } from "../../../stores/useHttpClientStore.js";
 import z from "./ClientSelector.vue.js";
 import { useFeaturedHttpClients as Q } from "./useFeaturedHttpClients.js";

package/dist/components/Content/Introduction/Description.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Description.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Introduction/Description.vue"],"names":[],"mappings":"AAqIA,KAAK,WAAW,GAAG;IACjB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA2KF,wBAMG"}
+{"version":3,"file":"Description.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Introduction/Description.vue"],"names":[],"mappings":"AAiIA,KAAK,WAAW,GAAG;IACjB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AAyKF,wBAMG"}

package/dist/components/Content/Introduction/Description.vue.js

@@ -1,7 +1,7 @@
 import o from "./Description.vue2.js";
 /* empty css                 */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-62dad0f5"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2843ffaf"]]);
 export {
-  f as default
+  a as default
 };

package/dist/components/Content/Lazy/Loading.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Lazy/Loading.vue"],"names":[],"mappings":"AA6QA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAEzE,OAAO,KAAK,EACV,IAAI,EAGL,MAAM,sBAAsB,CAAA;;gBAwCb,UAAU;aACb,MAAM;aACN,QAAQ,GAAG,SAAS;gBACjB,IAAI;;gBAHJ,UAAU;aACb,MAAM;aACN,QAAQ,GAAG,SAAS;gBACjB,IAAI;;YADP,QAAQ,GAAG,SAAS;;AAlBjC,wBA4UK"}
+{"version":3,"file":"Loading.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Lazy/Loading.vue"],"names":[],"mappings":"AA8QA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAEzE,OAAO,KAAK,EACV,IAAI,EAGL,MAAM,sBAAsB,CAAA;;gBAuCb,UAAU;aACb,MAAM;aACN,QAAQ,GAAG,SAAS;gBACjB,IAAI;;gBAHJ,UAAU;aACb,MAAM;aACN,QAAQ,GAAG,SAAS;gBACjB,IAAI;;YADP,QAAQ,GAAG,SAAS;;AAlBjC,wBA4UK"}