@scalar/api-reference 1.36.2 → 1.38.0

package/dist/components/ApiReferenceLayout.vue2.js

@@ -1,41 +1,39 @@
-import { defineComponent as Z, computed as g, provide as b, ref as k, onBeforeMount as x, onMounted as ee, watch as D, onUnmounted as te, useId as oe, createElementBlock as u, openBlock as a, Fragment as H, createElementVNode as m, createVNode as c, normalizeStyle as re, normalizeClass as ae, unref as r, createCommentVNode as s, withDirectives as se, createBlock as S, renderSlot as l, normalizeProps as v, guardReactiveProps as f, withCtx as i, vShow as ne, createSlots as ie } from "vue";
-import { provideUseId as le } from "@headlessui/vue";
-import { OpenApiClientButton as de } from "@scalar/api-client/components";
-import { LAYOUT_SYMBOL as ue } from "@scalar/api-client/hooks";
-import { WORKSPACE_SYMBOL as ce, ACTIVE_ENTITIES_SYMBOL as me } from "@scalar/api-client/store";
-import { addScalarClassesToHeadless as ve, ScalarErrorBoundary as fe, ScalarSidebarFooter as pe, ScalarColorModeToggleButton as he, ScalarColorModeToggleIcon as ge } from "@scalar/components";
-import { sleep as Se } from "@scalar/helpers/testing/sleep";
-import { hasObtrusiveScrollbars as be, getThemeStyles as ye } from "@scalar/themes";
-import { apiReferenceConfigurationSchema as we } from "@scalar/types/api-reference";
-import { useBreakpoints as ke } from "@scalar/use-hooks/useBreakpoints";
-import { useToasts as $e, ScalarToasts as Me } from "@scalar/use-toasts";
-import { useMediaQuery as De, useResizeObserver as Te, useDebounceFn as Ce } from "@vueuse/core";
-import Ee from "./ClassicHeader.vue.js";
-import Be from "./GettingStarted.vue.js";
-import { hasLazyLoaded as Le } from "./Lazy/lazyBus.js";
-import Oe from "./MobileHeader.vue.js";
-import { CONFIGURATION_SYMBOL as Ie } from "../hooks/useConfig.js";
-import { useNavState as Re } from "../hooks/useNavState.js";
-import { useLegacyStoreEvents as He } from "../v2/hooks/use-legacy-store-events.js";
-import { useDocumentSource as Ae } from "../features/document-source/hooks/useDocumentSource.js";
-import { useSidebar as Fe } from "../v2/blocks/scalar-sidebar-block/hooks/useSidebar.js";
-import { PLUGIN_MANAGER_SYMBOL as Pe } from "../plugins/hooks/usePluginManager.js";
-import { createPluginManager as Ne } from "../plugins/plugin-manager.js";
-import _e from "../v2/blocks/scalar-sidebar-block/components/SidebarBlock.vue.js";
-import A from "../features/Search/components/SearchButton.vue.js";
-import Ue from "./Content/Content.vue.js";
+import { defineComponent as Q, computed as g, provide as k, useId as W, ref as M, onBeforeMount as j, onMounted as J, onUnmounted as X, watch as $, createElementBlock as m, openBlock as n, Fragment as Z, createElementVNode as v, createVNode as c, normalizeStyle as _, normalizeClass as x, unref as a, createCommentVNode as i, withDirectives as ee, createBlock as S, renderSlot as d, normalizeProps as f, guardReactiveProps as h, withCtx as s, vShow as te, createSlots as oe } from "vue";
+import { provideUseId as ae } from "@headlessui/vue";
+import { OpenApiClientButton as re } from "@scalar/api-client/components";
+import { LAYOUT_SYMBOL as ne } from "@scalar/api-client/hooks";
+import { WORKSPACE_SYMBOL as le, ACTIVE_ENTITIES_SYMBOL as ie } from "@scalar/api-client/store";
+import { addScalarClassesToHeadless as se, ScalarErrorBoundary as de, ScalarSidebarFooter as ue, ScalarColorModeToggleButton as ce, ScalarColorModeToggleIcon as me } from "@scalar/components";
+import { sleep as ve } from "@scalar/helpers/testing/sleep";
+import { hasObtrusiveScrollbars as fe, getThemeStyles as he } from "@scalar/themes";
+import { useBreakpoints as pe } from "@scalar/use-hooks/useBreakpoints";
+import { ScalarToasts as ge } from "@scalar/use-toasts";
+import { useDebounceFn as Se, useResizeObserver as be } from "@vueuse/core";
+import ye from "./ClassicHeader.vue.js";
+import we from "./GettingStarted.vue.js";
+import { hasLazyLoaded as ke } from "./Lazy/lazyBus.js";
+import Te from "./MobileHeader.vue.js";
+import { useNavState as Me } from "../hooks/useNavState.js";
+import { useLegacyStoreEvents as $e } from "../v2/hooks/use-legacy-store-events.js";
+import { useDocumentSource as De } from "../features/document-source/hooks/useDocumentSource.js";
+import { PLUGIN_MANAGER_SYMBOL as Ce } from "../plugins/hooks/usePluginManager.js";
+import { createPluginManager as Be } from "../plugins/plugin-manager.js";
+import { useSidebar as Re } from "../v2/blocks/scalar-sidebar-block/hooks/useSidebar.js";
+import Ae from "../v2/blocks/scalar-sidebar-block/components/SidebarBlock.vue.js";
+import O from "../features/Search/components/SearchButton.vue.js";
+import Le from "./Content/Content.vue.js";
 /* empty css                     */
-import Ke from "../features/api-client-modal/ApiClientModal.vue.js";
-const Ve = ["innerHTML"], Ye = { class: "references-header" }, ze = ["aria-label"], Ge = { class: "references-navigation-list" }, Qe = { key: 0 }, We = {
+import Ee from "../features/api-client-modal/ApiClientModal.vue.js";
+const Ie = ["innerHTML"], Oe = { class: "references-header" }, Pe = ["aria-label"], Fe = { class: "references-navigation-list" }, He = { key: 0 }, Ke = {
   key: 1,
   class: "scalar-api-references-standalone-search"
-}, je = { key: 1 }, qe = { class: "references-editor" }, Je = { class: "references-editor-textarea" }, Xe = ["aria-label"], Ze = {
+}, Ne = { key: 1 }, Ue = { class: "references-editor" }, Ve = { class: "references-editor-textarea" }, qe = ["aria-label"], Ye = {
   key: 0,
   class: "w-64 *:!p-0 empty:hidden"
-}, xe = {
-  key: 0,
+}, ze = {
+  key: 1,
   class: "references-footer"
-}, Et = /* @__PURE__ */ Z({
+}, gt = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "ApiReferenceLayout",
   props: {
@@ -47,161 +45,167 @@ const Ve = ["innerHTML"], Ye = { class: "references-header" }, ze = ["aria-label
     store: {}
   },
   emits: ["changeTheme", "updateContent", "loadSwaggerFile", "linkSwaggerFile", "toggleDarkMode"],
-  setup(p) {
-    const t = g(
-      () => we.parse(p.configuration)
-    ), { initializeToasts: F, toast: P } = $e();
-    F((e) => P(e));
-    const { dereferencedDocument: y, workspaceStore: T, activeEntitiesStore: C } = Ae({
-      configuration: t,
-      dereferencedDocument: p.dereferencedDocument,
-      originalDocument: p.originalDocument
-    });
-    b(ce, T), b(me, C);
-    const N = De("(min-width: 1150px)"), _ = k("100dvh"), h = k(null);
-    Te(h, (e) => {
-      _.value = e[0] ? e[0].contentRect.height + "px" : "100dvh";
+  setup(r) {
+    const e = g(() => ({
+      ...r.configuration,
+      hideClientButton: r.configuration.hideClientButton ?? !1,
+      showSidebar: r.configuration.showSidebar ?? !0,
+      theme: r.configuration.theme ?? "none",
+      layout: r.configuration.layout ?? "modern",
+      persistAuth: r.configuration.persistAuth ?? !1,
+      documentDownloadType: r.configuration.documentDownloadType ?? "both",
+      onBeforeRequest: r.configuration.onBeforeRequest
+    })), { dereferencedDocument: b, workspaceStore: D, activeEntitiesStore: C } = De({
+      configuration: e,
+      dereferencedDocument: r.dereferencedDocument,
+      originalDocument: r.originalDocument
     });
-    const U = g(be), K = Re(t), { isSidebarOpen: $, setCollapsedSidebarItem: E, scrollToOperation: V, items: M } = Fe(p.store), {
-      getReferenceId: Y,
-      getPathRoutingId: z,
+    k(le, D), k(ie, C), ae(() => W()), k(ne, "modal"), k(
+      Ce,
+      Be({
+        plugins: e.value.plugins
+      })
+    );
+    const { isSidebarOpen: T, setCollapsedSidebarItem: B, scrollToOperation: P, items: y } = Re(r.store), F = g(() => y.value.entries[0]?.id ?? ""), {
+      getReferenceId: H,
+      getPathRoutingId: K,
       hash: w,
-      isIntersectionEnabled: B,
-      updateHash: L,
-      replaceUrlState: G
-    } = K;
-    if (t.value.redirect && typeof window < "u") {
-      const e = t.value.redirect(
-        (t.value.pathRouting ? window.location.pathname : "") + window.location.hash
+      isIntersectionEnabled: R,
+      updateHash: A,
+      replaceUrlState: N
+    } = Me(), U = g(
+      () => y.value.entities?.get(w.value)?.title ?? ""
+    ), u = g(() => ({
+      breadcrumb: U.value
+    })), V = g(fe), L = M(0);
+    if (e.value.redirect && typeof window < "u") {
+      const t = e.value.redirect(
+        (e.value.pathRouting ? window.location.pathname : "") + window.location.hash
       );
-      e && history.replaceState({}, "", e);
+      t && history.replaceState({}, "", t);
     }
-    x(() => {
-      L(), ve();
+    j(() => {
+      A(), se();
     });
-    const O = async (e) => {
-      B.value = !1, L(), e ? V(e) : h.value?.scrollTo(0, 0), await Se(100), B.value = !0;
-    }, I = k(0);
-    ee(() => {
+    const E = async (t) => {
+      R.value = !1, A(), t ? P(t) : p.value?.scrollTo(0, 0), await ve(100), R.value = !0;
+    };
+    J(() => {
       history.scrollRestoration = "manual";
-      const e = h.value?.parentElement?.getBoundingClientRect(), o = h.value?.getBoundingClientRect();
-      if (e && o) {
-        const n = o.top - e.top;
-        I.value = n < 2 ? 0 : n;
+      const t = p.value?.parentElement?.getBoundingClientRect(), o = p.value?.getBoundingClientRect();
+      if (t && o) {
+        const l = o.top - t.top;
+        L.value = l < 2 ? 0 : l;
       }
       window.onhashchange = () => {
-        O(Y());
-      }, window.onpopstate = () => t.value.pathRouting && O(z(window.location.pathname)), window.addEventListener("scroll", R, { passive: !0 });
+        E(H());
+      }, window.onpopstate = () => e.value.pathRouting && E(K(window.location.pathname)), window.addEventListener("scroll", I, { passive: !0 });
     });
-    const Q = g(
-      () => N.value || !t.value.isEditable
-    ), R = Ce(() => {
-      window.scrollY < 50 && Le.value && G("");
-    }), W = k(!1);
-    D(
-      () => p.store.workspace.activeDocument,
+    const I = Se(() => {
+      window.scrollY < 50 && ke.value && N("");
+    });
+    X(() => {
+      window.removeEventListener("scroll", I);
+    }), $(
+      () => r.store.workspace.activeDocument,
       () => {
         if (w.value) {
-          const e = M.value.entities.get(w.value), o = e?.parent?.id ?? e?.id;
-          o && E(o, !0);
+          const t = y.value.entities.get(w.value), o = t?.parent?.id ?? t?.id;
+          o && B(o, !0);
         } else {
-          const e = M.value.entries.find((o) => o.type === "tag");
-          e && E(e.id, !0);
+          const t = y.value.entries.find((o) => o.type === "tag");
+          t && B(t.id, !0);
         }
-        W.value = !0;
       }
     );
-    const j = g(
-      () => M.value.entities?.get(w.value)?.title ?? ""
-    ), d = g(() => ({
-      breadcrumb: j.value
-    }));
-    te(() => {
-      window.removeEventListener("scroll", R);
-    }), le(() => oe()), b(ue, "modal"), b(Ie, t), b(
-      Pe,
-      Ne({
-        plugins: t.value.plugins
-      })
-    );
-    const q = g(
+    const q = M("100dvh"), p = M(null);
+    be(p, (t) => {
+      q.value = t[0] ? t[0].contentRect.height + "px" : "100dvh";
+    });
+    const Y = g(
       () => `<style>
-  ${ye(t.value.theme, {
-        fonts: t.value.withDefaultFonts
+  ${he(e.value.theme, {
+        fonts: e.value.withDefaultFonts
       })}</style>`
-    ), { mediaQueries: J } = ke(), X = !1;
-    return D(J.lg, (e, o) => {
-      o && !e && ($.value = !1);
-    }), D(w, (e, o) => {
-      e && e !== o && ($.value = !1);
-    }), He(p.store, T, C, h), (e, o) => (a(), u(H, null, [
-      m("div", { innerHTML: q.value }, null, 8, Ve),
-      m("div", {
+    ), { mediaQueries: z } = pe(), G = !1;
+    return $(z.lg, (t, o) => {
+      o && !t && (T.value = !1);
+    }), $(w, (t, o) => {
+      t && t !== o && (T.value = !1);
+    }), $e(r.store, D, C, p), (t, o) => (n(), m(Z, null, [
+      v("div", { innerHTML: Y.value }, null, 8, Ie),
+      v("div", {
         ref_key: "documentEl",
-        ref: h,
-        class: ae(["scalar-app scalar-api-reference references-layout", [
+        ref: p,
+        class: x(["scalar-app scalar-api-reference references-layout", [
           {
-            "scalar-api-references-standalone-mobile": t.value.showSidebar ?? !0,
-            "scalar-scrollbars-obtrusive": U.value,
-            "references-editable": t.value.isEditable,
-            "references-sidebar": t.value.showSidebar,
-            "references-sidebar-mobile-open": r($),
-            "references-classic": t.value.layout === "classic"
+            "scalar-api-references-standalone-mobile": e.value.showSidebar ?? !0,
+            "scalar-scrollbars-obtrusive": V.value,
+            "references-editable": e.value.isEditable,
+            "references-sidebar": e.value.showSidebar,
+            "references-sidebar-mobile-open": a(T),
+            "references-classic": e.value.layout === "classic"
           },
-          e.$attrs.class
+          t.$attrs.class
         ]]),
-        style: re({
-          "--scalar-y-offset": `var(--scalar-custom-header-height, ${I.value}px)`
+        style: _({
+          "--scalar-y-offset": `var(--scalar-custom-header-height, ${L.value}px)`
         })
       }, [
-        m("div", Ye, [
-          t.value.layout === "modern" && (t.value.showSidebar ?? !0) ? (a(), S(Oe, {
+        v("div", Oe, [
+          e.value.layout === "modern" && (e.value.showSidebar ?? !0) ? (n(), S(Te, {
             key: 0,
-            breadcrumb: d.value.breadcrumb
-          }, null, 8, ["breadcrumb"])) : s("", !0),
-          l(e.$slots, "header", v(f(d.value)), void 0, !0)
+            breadcrumb: u.value.breadcrumb
+          }, null, 8, ["breadcrumb"])) : i("", !0),
+          d(t.$slots, "header", f(h(u.value)), void 0, !0)
         ]),
-        t.value.showSidebar ? (a(), u("aside", {
+        e.value.showSidebar ? (n(), m("aside", {
           key: 0,
-          "aria-label": `Sidebar for ${r(y)?.info?.title}`,
+          "aria-label": `Sidebar for ${a(b)?.info?.title}`,
           class: "references-navigation t-doc__sidebar"
         }, [
-          m("div", Ge, [
-            c(r(fe), null, {
-              default: i(() => [
-                c(r(_e), {
-                  title: r(y)?.info?.title ?? "The OpenAPI Schema"
+          v("div", Fe, [
+            c(a(de), null, {
+              default: s(() => [
+                c(a(Ae), {
+                  options: {
+                    pathRouting: e.value.pathRouting,
+                    onSidebarClick: e.value.onSidebarClick,
+                    operationTitleSource: e.value.operationTitleSource,
+                    defaultOpenAllTags: e.value.defaultOpenAllTags
+                  },
+                  title: a(b)?.info?.title ?? "The OpenAPI Schema"
                 }, {
-                  "sidebar-start": i(() => [
-                    e.$slots["document-selector"] ? (a(), u("div", Qe, [
-                      l(e.$slots, "document-selector", {}, void 0, !0)
-                    ])) : s("", !0),
-                    t.value.hideSearch ? s("", !0) : (a(), u("div", We, [
-                      c(r(A), {
-                        document: e.store.workspace.activeDocument,
-                        hideModels: t.value?.hideModels,
-                        searchHotKey: t.value?.searchHotKey
+                  "sidebar-start": s(() => [
+                    t.$slots["document-selector"] ? (n(), m("div", He, [
+                      d(t.$slots, "document-selector", {}, void 0, !0)
+                    ])) : i("", !0),
+                    e.value.hideSearch ? i("", !0) : (n(), m("div", Ke, [
+                      c(a(O), {
+                        document: t.store.workspace.activeDocument,
+                        hideModels: e.value?.hideModels,
+                        searchHotKey: e.value?.searchHotKey
                       }, null, 8, ["document", "hideModels", "searchHotKey"])
                     ])),
-                    l(e.$slots, "sidebar-start", v(f(d.value)), void 0, !0)
+                    d(t.$slots, "sidebar-start", f(h(u.value)), void 0, !0)
                   ]),
-                  "sidebar-end": i(() => [
-                    l(e.$slots, "sidebar-end", v(f(d.value)), () => [
-                      c(r(pe), { class: "darklight-reference" }, {
-                        toggle: i(() => [
-                          t.value.hideDarkModeToggle ? (a(), u("span", je)) : (a(), S(r(he), {
+                  "sidebar-end": s(() => [
+                    d(t.$slots, "sidebar-end", f(h(u.value)), () => [
+                      c(a(ue), { class: "darklight-reference" }, {
+                        toggle: s(() => [
+                          e.value.hideDarkModeToggle ? (n(), m("span", Ne)) : (n(), S(a(ce), {
                             key: 0,
-                            modelValue: e.isDark,
-                            "onUpdate:modelValue": o[0] || (o[0] = (n) => e.$emit("toggleDarkMode"))
+                            modelValue: t.isDark,
+                            "onUpdate:modelValue": o[0] || (o[0] = (l) => t.$emit("toggleDarkMode"))
                           }, null, 8, ["modelValue"]))
                         ]),
-                        default: i(() => [
-                          t.value.hideClientButton ? s("", !0) : (a(), S(r(de), {
+                        default: s(() => [
+                          e.value.hideClientButton ? i("", !0) : (n(), S(a(re), {
                             key: 0,
                             buttonSource: "sidebar",
-                            integration: t.value._integration,
-                            isDevelopment: X,
-                            url: t.value.url
+                            integration: e.value._integration,
+                            isDevelopment: G,
+                            url: e.value.url
                           }, null, 8, ["integration", "url"]))
                         ]),
                         _: 1
@@ -209,88 +213,104 @@ const Ve = ["innerHTML"], Ye = { class: "references-header" }, ze = ["aria-label
                     ], !0)
                   ]),
                   _: 3
-                }, 8, ["title"])
+                }, 8, ["options", "title"])
               ]),
               _: 3
             })
           ])
-        ], 8, ze)) : s("", !0),
-        se(m("div", qe, [
-          m("div", Je, [
-            l(e.$slots, "editor", v(f(d.value)), void 0, !0)
+        ], 8, Pe)) : i("", !0),
+        ee(v("div", Ue, [
+          v("div", Ve, [
+            d(t.$slots, "editor", f(h(u.value)), void 0, !0)
           ])
         ], 512), [
-          [ne, t.value.isEditable]
+          [te, e.value.isEditable]
         ]),
-        Q.value ? (a(), u(H, { key: 1 }, [
-          m("main", {
-            "aria-label": `Open API Documentation for ${r(y)?.info?.title}`,
-            class: "references-rendered"
+        v("main", {
+          "aria-label": `Open API Documentation for ${a(b)?.info?.title}`,
+          class: "references-rendered"
+        }, [
+          c(a(Le), {
+            contentId: F.value,
+            options: {
+              isLoading: e.value.isLoading,
+              slug: e.value.slug,
+              hiddenClients: e.value.hiddenClients,
+              layout: e.value.layout,
+              onLoaded: e.value.onLoaded,
+              persistAuth: e.value.persistAuth,
+              showOperationId: e.value.showOperationId,
+              hideTestRequestButton: e.value.hideTestRequestButton,
+              expandAllResponses: e.value.expandAllResponses,
+              hideModels: e.value.hideModels,
+              expandAllModelSections: e.value.expandAllModelSections,
+              orderRequiredPropertiesFirst: e.value.orderRequiredPropertiesFirst,
+              orderSchemaPropertiesBy: e.value.orderSchemaPropertiesBy,
+              documentDownloadType: e.value.documentDownloadType,
+              url: e.value.url,
+              onShowMore: e.value.onShowMore
+            },
+            store: t.store
+          }, oe({
+            start: s(() => [
+              d(t.$slots, "content-start", f(h(u.value)), void 0, !0),
+              e.value.layout === "classic" ? (n(), S(ye, { key: 0 }, {
+                "dark-mode-toggle": s(() => [
+                  e.value.hideDarkModeToggle ? i("", !0) : (n(), S(a(me), {
+                    key: 0,
+                    class: "text-c-2 hover:text-c-1",
+                    mode: t.isDark ? "dark" : "light",
+                    style: { transform: "scale(1.4)" },
+                    variant: "icon",
+                    onClick: o[1] || (o[1] = (l) => t.$emit("toggleDarkMode"))
+                  }, null, 8, ["mode"]))
+                ]),
+                default: s(() => [
+                  t.$slots["document-selector"] ? (n(), m("div", Ye, [
+                    d(t.$slots, "document-selector", {}, void 0, !0)
+                  ])) : i("", !0),
+                  e.value.hideSearch ? i("", !0) : (n(), S(a(O), {
+                    key: 1,
+                    class: "t-doc__sidebar max-w-64",
+                    hideModels: e.value?.hideModels,
+                    searchHotKey: e.value.searchHotKey
+                  }, null, 8, ["hideModels", "searchHotKey"]))
+                ]),
+                _: 3
+              })) : i("", !0)
+            ]),
+            end: s(() => [
+              d(t.$slots, "content-end", f(h(u.value)), void 0, !0)
+            ]),
+            _: 2
           }, [
-            c(r(Ue), {
-              config: t.value,
-              store: e.store
-            }, ie({
-              start: i(() => [
-                l(e.$slots, "content-start", v(f(d.value)), void 0, !0),
-                t.value.layout === "classic" ? (a(), S(Ee, { key: 0 }, {
-                  "dark-mode-toggle": i(() => [
-                    t.value.hideDarkModeToggle ? s("", !0) : (a(), S(r(ge), {
-                      key: 0,
-                      class: "text-c-2 hover:text-c-1",
-                      mode: e.isDark ? "dark" : "light",
-                      style: { transform: "scale(1.4)" },
-                      variant: "icon",
-                      onClick: o[1] || (o[1] = (n) => e.$emit("toggleDarkMode"))
-                    }, null, 8, ["mode"]))
-                  ]),
-                  default: i(() => [
-                    e.$slots["document-selector"] ? (a(), u("div", Ze, [
-                      l(e.$slots, "document-selector", {}, void 0, !0)
-                    ])) : s("", !0),
-                    t.value.hideSearch ? s("", !0) : (a(), S(r(A), {
-                      key: 1,
-                      class: "t-doc__sidebar max-w-64",
-                      hideModels: t.value?.hideModels,
-                      searchHotKey: t.value.searchHotKey
-                    }, null, 8, ["hideModels", "searchHotKey"]))
-                  ]),
-                  _: 3
-                })) : s("", !0)
+            e.value?.isEditable ? {
+              name: "empty-state",
+              fn: s(() => [
+                c(we, {
+                  theme: e.value?.theme || "default",
+                  onChangeTheme: o[2] || (o[2] = (l) => t.$emit("changeTheme", l)),
+                  onLinkSwaggerFile: o[3] || (o[3] = (l) => t.$emit("linkSwaggerFile")),
+                  onLoadSwaggerFile: o[4] || (o[4] = (l) => t.$emit("loadSwaggerFile")),
+                  onUpdateContent: o[5] || (o[5] = (l) => t.$emit("updateContent", l))
+                }, null, 8, ["theme"])
               ]),
-              end: i(() => [
-                l(e.$slots, "content-end", v(f(d.value)), void 0, !0)
-              ]),
-              _: 2
-            }, [
-              t.value?.isEditable ? {
-                name: "empty-state",
-                fn: i(() => [
-                  c(Be, {
-                    theme: t.value?.theme || "default",
-                    onChangeTheme: o[2] || (o[2] = (n) => e.$emit("changeTheme", n)),
-                    onLinkSwaggerFile: o[3] || (o[3] = (n) => e.$emit("linkSwaggerFile")),
-                    onLoadSwaggerFile: o[4] || (o[4] = (n) => e.$emit("loadSwaggerFile")),
-                    onUpdateContent: o[5] || (o[5] = (n) => e.$emit("updateContent", n))
-                  }, null, 8, ["theme"])
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["config", "store"])
-          ], 8, Xe),
-          e.$slots.footer ? (a(), u("div", xe, [
-            l(e.$slots, "footer", v(f(d.value)), void 0, !0)
-          ])) : s("", !0)
-        ], 64)) : s("", !0),
-        c(r(Ke), {
-          configuration: t.value,
-          dereferencedDocument: r(y)
+              key: "0"
+            } : void 0
+          ]), 1032, ["contentId", "options", "store"])
+        ], 8, qe),
+        t.$slots.footer ? (n(), m("div", ze, [
+          d(t.$slots, "footer", f(h(u.value)), void 0, !0)
+        ])) : i("", !0),
+        c(a(Ee), {
+          configuration: e.value,
+          dereferencedDocument: a(b)
         }, null, 8, ["configuration", "dereferencedDocument"])
       ], 6),
-      c(r(Me))
+      c(a(ge))
     ], 64));
   }
 });
 export {
-  Et as default
+  gt as default
 };

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.d.ts

@@ -1,6 +1,6 @@
+import { type ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample';
 import type { AvailableClients } from '@scalar/snippetz';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
-import type { ClientOptionGroup } from '../../../v2/blocks/scalar-request-example-block/types';
 type __VLS_Props = {
     /** Current document from the store */
     document: WorkspaceDocument;
@@ -10,7 +10,7 @@ type __VLS_Props = {
     selectedClient?: AvailableClients[number];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    selectedClientOption: import("vue").ComputedRef<import("../../../v2/blocks/scalar-request-example-block/types").ClientOption>;
+    selectedClientOption: import("vue").ComputedRef<import("@scalar/api-client/v2/blocks/operation-code-sample").ClientOption>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ClientLibraries.vue.d.ts.map

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientLibraries.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientLibraries.vue"],"names":[],"mappings":"AA0MA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAIlF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAKvF,KAAK,WAAW,GAAG;IACjB,sCAAsC;IACtC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,yDAAyD;IACzD,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAC1C,CAAC;;;;AA0RF,wBAOG"}
+{"version":3,"file":"ClientLibraries.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientLibraries.vue"],"names":[],"mappings":"AA0MA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,oDAAoD,CAAA;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAMlF,KAAK,WAAW,GAAG;IACjB,sCAAsC;IACtC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,yDAAyD;IACzD,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAC1C,CAAC;;;;AA0RF,wBAOG"}

package/dist/components/Content/ClientLibraries/ClientSelector.vue.d.ts

@@ -1,5 +1,5 @@
+import { type ClientOption, type ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample';
 import type { AvailableClients } from '@scalar/types/snippetz';
-import type { ClientOption, ClientOptionGroup } from '../../../v2/blocks/scalar-request-example-block/types';
 type __VLS_Props = {
     /** Client options */
     clientOptions: ClientOptionGroup[];

package/dist/components/Content/ClientLibraries/ClientSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientSelector.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,gBAAgB,EAAY,MAAM,wBAAwB,CAAA;AAKxE,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EAClB,MAAM,gDAAgD,CAAA;AAIvD,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC,+BAA+B;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAA;IAC/B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;AA+OF,wBAMG"}
+{"version":3,"file":"ClientSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientSelector.vue"],"names":[],"mappings":"AAuPA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACvB,MAAM,oDAAoD,CAAA;AAG3D,OAAO,KAAK,EAAE,gBAAgB,EAAY,MAAM,wBAAwB,CAAA;AAMxE,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC,+BAA+B;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAA;IAC/B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;AA+OF,wBAMG"}

package/dist/components/Content/ClientLibraries/featured-clients.d.ts

@@ -1,4 +1,4 @@
-import type { ClientOption, ClientOptionGroup } from '../../../v2/blocks/scalar-request-example-block/types';
+import type { ClientOption, ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample';
 import type { AvailableClients } from '@scalar/snippetz';
 /** Whether or not a client is in the featured list */
 export declare const isFeaturedClient: (clientId: AvailableClients[number] | undefined, featuredClients?: AvailableClients[number][]) => boolean;

package/dist/components/Content/ClientLibraries/featured-clients.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"featured-clients.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/featured-clients.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AACrG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAWxD,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,GAC3B,UAAU,gBAAgB,CAAC,MAAM,CAAC,GAAG,SAAS,EAC9C,kBAAiB,gBAAgB,CAAC,MAAM,CAAC,EAAqB,YACgC,CAAA;AAEhG;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,eAAe,iBAAiB,EAAE,EAClC,kBAAiB,gBAAgB,CAAC,MAAM,CAAC,EAAqB,KAC7D,YAAY,EAgBd,CAAA"}
+{"version":3,"file":"featured-clients.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/featured-clients.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AACzG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAWxD,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,GAC3B,UAAU,gBAAgB,CAAC,MAAM,CAAC,GAAG,SAAS,EAC9C,kBAAiB,gBAAgB,CAAC,MAAM,CAAC,EAAqB,YACgC,CAAA;AAEhG;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,eAAe,iBAAiB,EAAE,EAClC,kBAAiB,gBAAgB,CAAC,MAAM,CAAC,EAAqB,KAC7D,YAAY,EAgBd,CAAA"}

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

@@ -1,16 +1,34 @@
 import type { ApiReferenceConfiguration } from '@scalar/types';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 type __VLS_Props = {
-    config: ApiReferenceConfiguration;
+    contentId: string;
     store: WorkspaceStore;
+    options: {
+        isLoading: boolean | undefined;
+        slug: string | undefined;
+        hiddenClients: ApiReferenceConfiguration['hiddenClients'];
+        layout: 'modern' | 'classic';
+        onLoaded: (() => void) | undefined;
+        persistAuth: boolean;
+        showOperationId?: boolean | undefined;
+        hideTestRequestButton: boolean | undefined;
+        expandAllResponses?: boolean;
+        hideModels: boolean | undefined;
+        expandAllModelSections: boolean | undefined;
+        orderRequiredPropertiesFirst: boolean | undefined;
+        orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined;
+        documentDownloadType: ApiReferenceConfiguration['documentDownloadType'];
+        url: string | undefined;
+        onShowMore: ((id: string) => void) | undefined;
+    };
 };
-declare var __VLS_5: {}, __VLS_50: {}, __VLS_60: {};
+declare var __VLS_5: {}, __VLS_50: {}, __VLS_59: {};
 type __VLS_Slots = {} & {
     start?: (props: typeof __VLS_5) => any;
 } & {
     'empty-state'?: (props: typeof __VLS_50) => any;
 } & {
-    end?: (props: typeof __VLS_60) => any;
+    end?: (props: typeof __VLS_59) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;