@scalar/api-client 2.26.2 → 2.29.1

package/dist/v2/features/collection/WorkspaceCollection.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as a, createElementBlock as l, openBlock as r, createElementVNode as e, createVNode as o, unref as c, toDisplayString as i, mergeProps as n } from "vue";
-import { ScalarIconGlobe as m } from "@scalar/icons";
-import { RouterView as p } from "vue-router";
-import d from "./components/Tabs.vue.js";
-const u = { class: "custom-scroll h-full" }, _ = { class: "w-full md:mx-auto md:max-w-[720px]" }, f = ["aria-label"], x = { class: "group relative ml-1.25" }, h = { class: "text-c-1 flex h-8 items-center" }, v = { class: "px-1.5 py-8" }, k = {}, B = /* @__PURE__ */ a({
-  ...k,
+import { defineComponent as m, ref as p, watch as i, createElementBlock as u, openBlock as d, createElementVNode as a, createVNode as l, unref as f, mergeProps as v } from "vue";
+import { RouterView as _ } from "vue-router";
+import k from "./components/LabelInput.vue.js";
+import w from "./components/Tabs.vue.js";
+const h = { class: "custom-scroll h-full" }, x = { class: "w-full md:mx-auto md:max-w-180" }, b = ["aria-label"], W = { class: "group relative ml-1.25" }, V = { class: "px-1.5 py-8" }, g = {}, S = /* @__PURE__ */ m({
+  ...g,
   __name: "WorkspaceCollection",
   props: {
     documentSlug: {},
@@ -17,29 +17,48 @@ const u = { class: "custom-scroll h-full" }, _ = { class: "w-full md:mx-auto md:
     securitySchemes: {},
     workspaceStore: {},
     activeWorkspace: {},
-    plugins: {}
+    plugins: {},
+    customThemes: {}
   },
-  setup(t) {
-    const s = t;
-    return (w, b) => (r(), l("div", u, [
-      e("div", _, [
-        e("div", {
-          "aria-label": `title: ${t.activeWorkspace.label}`,
-          class: "mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]"
+  setup(s) {
+    const e = s, o = p(e.activeWorkspace.label);
+    i(
+      () => e.activeWorkspace.label,
+      (t) => {
+        o.value = t;
+      }
+    );
+    const r = (t) => {
+      if (t.trim() === "") {
+        o.value = e.activeWorkspace.label;
+        return;
+      }
+      e.eventBus.emit("workspace:update:name", t);
+    };
+    return (t, c) => (d(), u("div", h, [
+      a("div", x, [
+        a("div", {
+          "aria-label": `title: ${s.activeWorkspace.label}`,
+          class: "mx-auto flex h-fit w-full flex-row items-center gap-2 pt-8 pb-3 md:max-w-180"
         }, [
-          o(c(m), { class: "text-c-2 size-6" }),
-          e("div", x, [
-            e("span", h, i(t.activeWorkspace.label), 1)
+          a("div", W, [
+            l(k, {
+              modelValue: o.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (n) => o.value = n),
+              class: "text-xl font-bold",
+              inputId: "workspaceName",
+              onBlur: r
+            }, null, 8, ["modelValue"])
           ])
-        ], 8, f),
-        o(d, { type: "workspace" }),
-        e("div", v, [
-          o(c(p), n(s, { collectionType: "workspace" }), null, 16)
+        ], 8, b),
+        l(w, { type: "workspace" }),
+        a("div", V, [
+          l(f(_), v(e, { collectionType: "workspace" }), null, 16)
         ])
       ])
     ]));
   }
 });
 export {
-  B as default
+  S as default
 };

package/dist/v2/features/collection/components/Authentication.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Authentication.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"names":[],"mappings":"AA0OA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Authentication.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"names":[],"mappings":"AA2OA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Authentication.vue.js

@@ -1,7 +1,7 @@
 import t from "./Authentication.vue2.js";
 /* empty css                    */
 import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-1bfafc56"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-9d8e1c09"]]);
 export {
-  c as default
+  e as default
 };

package/dist/v2/features/collection/components/Authentication.vue2.js

@@ -1,7 +1,8 @@
-import { defineComponent as u, computed as s, createElementBlock as m, openBlock as d, createElementVNode as n, createVNode as c, unref as a, normalizeClass as i } from "vue";
-import { ScalarToggle as v } from "@scalar/components";
-import y from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
-const h = { class: "flex flex-col gap-4" }, f = { class: "flex flex-col gap-2" }, p = { class: "flex h-8 items-center justify-between" }, w = /* @__PURE__ */ u({
+import { defineComponent as d, computed as c, createBlock as v, openBlock as y, withCtx as n, createElementVNode as i, normalizeClass as a, createVNode as s, unref as r, createTextVNode as u } from "vue";
+import { ScalarToggle as h } from "@scalar/components";
+import p from "../../settings/components/Section.vue.js";
+import S from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
+const f = { class: "flex h-8 items-center" }, B = /* @__PURE__ */ d({
   __name: "Authentication",
   props: {
     documentSlug: {},
@@ -16,54 +17,62 @@ const h = { class: "flex flex-col gap-4" }, f = { class: "flex flex-col gap-2" }
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
+    customThemes: {},
     collectionType: {}
   },
   setup(e) {
-    const l = s(
+    const o = c(
       () => e.document?.["x-scalar-set-operation-security"] ?? !1
-    ), r = s(
+    ), m = c(
       () => e.document?.servers?.find(
-        ({ url: o }) => o === e.document?.["x-scalar-selected-server"]
+        ({ url: l }) => l === e.document?.["x-scalar-selected-server"]
       ) ?? null
     );
-    return (o, t) => (d(), m("div", h, [
-      n("div", f, [
-        n("div", p, [
-          t[1] || (t[1] = n("h3", { class: "font-bold" }, "Authentication", -1)),
-          c(a(v), {
+    return (l, t) => (y(), v(p, null, {
+      title: n(() => [...t[1] || (t[1] = [
+        u("Authentication", -1)
+      ])]),
+      description: n(() => [...t[2] || (t[2] = [
+        u(" If enabled, all selected authentication will apply to all operations in this document. You can override this by disabling the toggle and authentication will then be applied at the operation level. ", -1)
+      ])]),
+      actions: n(() => [
+        i("div", f, [
+          s(r(h), {
             class: "w-4",
-            modelValue: l.value,
+            modelValue: o.value,
             "onUpdate:modelValue": t[0] || (t[0] = () => e.eventBus.emit("document:toggle:security"))
           }, null, 8, ["modelValue"])
-        ]),
-        t[2] || (t[2] = n("p", { class: "pr-6 text-sm" }, " If enabled, all selected authentication will apply to all operations in this document. You can override this by disabling the toggle and authentication will then be applied at the operation level. ", -1))
+        ])
       ]),
-      n("div", {
-        class: i(!l.value && "cursor-not-allowed")
-      }, [
-        c(a(y), {
-          class: i([
-            "scalar-collection-auth !border-none",
-            !l.value && "pointer-events-none opacity-50 mix-blend-luminosity"
-          ]),
-          environment: e.environment,
-          eventBus: e.eventBus,
-          isStatic: "",
-          meta: { type: "document" },
-          proxyUrl: e.workspaceStore.workspace["x-scalar-active-proxy"] ?? "",
-          securityRequirements: e.document?.security ?? [],
-          securitySchemes: e.securitySchemes,
-          selectedSecurity: e.workspaceStore.auth.getAuthSelectedSchemas({
-            type: "document",
-            documentName: e.documentSlug
-          }),
-          server: r.value,
-          title: "Authentication"
-        }, null, 8, ["class", "environment", "eventBus", "proxyUrl", "securityRequirements", "securitySchemes", "selectedSecurity", "server"])
-      ], 2)
-    ]));
+      default: n(() => [
+        i("div", {
+          class: a(!o.value && "cursor-not-allowed")
+        }, [
+          s(r(S), {
+            class: a([
+              "scalar-collection-auth border-none!",
+              !o.value && "pointer-events-none opacity-50 mix-blend-luminosity"
+            ]),
+            environment: e.environment,
+            eventBus: e.eventBus,
+            isStatic: "",
+            meta: { type: "document" },
+            proxyUrl: e.workspaceStore.workspace["x-scalar-active-proxy"] ?? "",
+            securityRequirements: e.document?.security ?? [],
+            securitySchemes: e.securitySchemes,
+            selectedSecurity: e.workspaceStore.auth.getAuthSelectedSchemas({
+              type: "document",
+              documentName: e.documentSlug
+            }),
+            server: m.value,
+            title: "Authentication"
+          }, null, 8, ["class", "environment", "eventBus", "proxyUrl", "securityRequirements", "securitySchemes", "selectedSecurity", "server"])
+        ], 2)
+      ]),
+      _: 1
+    }));
   }
 });
 export {
-  w as default
+  B as default
 };

package/dist/v2/features/collection/components/Cookies.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Cookies.vue"],"names":[],"mappings":"AAsIA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Cookies.vue"],"names":[],"mappings":"AAgHA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Cookies.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent as s, computed as c, createElementBlock as n, openBlock as l, createStaticVNode as a, createVNode as i, unref as r } from "vue";
-import u from "../../global-cookies/components/CookiesTable.vue.js";
-const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
+import { defineComponent as c, computed as i, createBlock as r, openBlock as u, withCtx as t, createVNode as a, unref as m, createTextVNode as n, createElementVNode as s } from "vue";
+import k from "../../settings/components/Section.vue.js";
+import d from "../../global-cookies/components/CookiesTable.vue.js";
+const T = /* @__PURE__ */ c({
   __name: "Cookies",
   props: {
     documentSlug: {},
@@ -15,20 +16,32 @@ const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
+    customThemes: {},
     collectionType: {}
   },
   setup(e) {
-    const t = c(() => (e.collectionType === "document" ? e.document["x-scalar-cookies"] : e.workspaceStore.workspace["x-scalar-cookies"]) ?? []);
-    return (m, o) => (l(), n("div", d, [
-      o[0] || (o[0] = a('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Cookies</h3></div><p class="text-c-2 mb-4 text-sm"> Manage your collection&#39;s cookies here.<br>Cookies allow you to store and send key-value data with your API requests—often used for things like session tokens, authentication, and saving user preferences.<br></p></div></div>', 1)),
-      i(r(u), {
-        cookies: t.value,
-        eventBus: e.eventBus,
-        collectionType: e.collectionType
-      }, null, 8, ["cookies", "eventBus", "collectionType"])
-    ]));
+    const l = i(() => (e.collectionType === "document" ? e.document["x-scalar-cookies"] : e.workspaceStore.workspace["x-scalar-cookies"]) ?? []);
+    return (p, o) => (u(), r(k, null, {
+      title: t(() => [...o[0] || (o[0] = [
+        n("Cookies", -1)
+      ])]),
+      description: t(() => [...o[1] || (o[1] = [
+        n(" Manage your collection's cookies here.", -1),
+        s("br", null, null, -1),
+        n("Cookies allow you to store and send key-value data with your API requests—often used for things like session tokens, authentication, and saving user preferences.", -1),
+        s("br", null, null, -1)
+      ])]),
+      default: t(() => [
+        a(m(d), {
+          collectionType: e.collectionType,
+          cookies: l.value,
+          eventBus: e.eventBus
+        }, null, 8, ["collectionType", "cookies", "eventBus"])
+      ]),
+      _: 1
+    }));
   }
 });
 export {
-  f as default
+  T as default
 };

package/dist/v2/features/collection/components/Environment.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Environment.vue"],"names":[],"mappings":"AAyJA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Environment.vue"],"names":[],"mappings":"AAkIA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Environment.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent as a, computed as n, createElementBlock as s, openBlock as i, createStaticVNode as l, createVNode as r, unref as m } from "vue";
-import v from "../../environments/EnvironmentsList.vue.js";
-const u = { class: "flex flex-col gap-4" }, x = /* @__PURE__ */ a({
+import { defineComponent as i, computed as r, createBlock as l, openBlock as s, withCtx as t, createVNode as m, unref as u, createTextVNode as o, createElementVNode as v } from "vue";
+import d from "../../settings/components/Section.vue.js";
+import p from "../../environments/EnvironmentsList.vue.js";
+const T = /* @__PURE__ */ i({
   __name: "Environment",
   props: {
     documentSlug: {},
@@ -15,23 +16,34 @@ const u = { class: "flex flex-col gap-4" }, x = /* @__PURE__ */ a({
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
+    customThemes: {},
     collectionType: {}
   },
   setup(e) {
-    const o = n(
+    const c = r(
       () => (e.collectionType === "document" ? e.document["x-scalar-environments"] : e.workspaceStore.workspace["x-scalar-environments"]) ?? {}
-    ), c = n(() => e.workspaceStore.workspace["x-scalar-active-environment"]);
-    return (d, t) => (i(), s("div", u, [
-      t[0] || (t[0] = l('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Environment Variables</h3></div><p class="text-c-2 mb-4 text-sm"> Set environment variables at your collection level. Use <code class="font-code text-c-2"> {{ variable }} </code> to add / search among the selected environment&#39;s variables in your request inputs. </p></div></div>', 1)),
-      r(m(v), {
-        activeEnvironment: c.value,
-        collectionType: e.collectionType,
-        environments: o.value,
-        eventBus: e.eventBus
-      }, null, 8, ["activeEnvironment", "collectionType", "environments", "eventBus"])
-    ]));
+    ), a = r(() => e.workspaceStore.workspace["x-scalar-active-environment"]);
+    return (f, n) => (s(), l(d, null, {
+      title: t(() => [...n[0] || (n[0] = [
+        o("Environment Variables", -1)
+      ])]),
+      description: t(() => [...n[1] || (n[1] = [
+        o(" Set environment variables at your collection level. Use ", -1),
+        v("code", { class: "font-code text-c-2" }, " {{ variable }} ", -1),
+        o(" to add / search among the selected environment's variables in your request inputs. ", -1)
+      ])]),
+      default: t(() => [
+        m(u(p), {
+          activeEnvironment: a.value,
+          collectionType: e.collectionType,
+          environments: c.value,
+          eventBus: e.eventBus
+        }, null, 8, ["activeEnvironment", "collectionType", "environments", "eventBus"])
+      ]),
+      _: 1
+    }));
   }
 });
 export {
-  x as default
+  T as default
 };

package/dist/v2/features/collection/components/LabelInput.vue.d.ts

@@ -3,8 +3,11 @@ type __VLS_ModelProps = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
+} & {
+    blur: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onBlur?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/v2/features/collection/components/LabelInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/LabelInput.vue"],"names":[],"mappings":"AA+CA,KAAK,gBAAgB,GAAG;IACxB,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AAyEF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"LabelInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/LabelInput.vue"],"names":[],"mappings":"AAgEA,KAAK,gBAAgB,GAAG;IACxB,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AAgFF,QAAA,MAAM,YAAY;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/LabelInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./LabelInput.vue2.js";
 /* empty css                */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5a23cb87"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9a6458fc"]]);
 export {
-  m as default
+  f as default
 };

package/dist/v2/features/collection/components/LabelInput.vue2.js

@@ -1,29 +1,33 @@
-import { defineComponent as r, useModel as i, useId as d, createElementBlock as a, openBlock as p, createElementVNode as o, withDirectives as c, unref as n, vModelText as m } from "vue";
-const f = { class: "group pointer-events-none flex flex-1 items-center gap-1" }, v = ["for"], _ = ["id"], V = /* @__PURE__ */ r({
+import { defineComponent as a, mergeModels as m, useModel as p, useId as c, createElementBlock as f, openBlock as v, createElementVNode as n, withDirectives as h, unref as u, withKeys as x, vModelText as _ } from "vue";
+const b = { class: "group pointer-events-none flex flex-1 items-center gap-1" }, g = ["for"], w = ["id"], M = /* @__PURE__ */ a({
   __name: "LabelInput",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
-  emits: ["update:modelValue"],
-  setup(u) {
-    const e = i(u, "modelValue"), t = d();
-    return (h, l) => (p(), a("div", f, [
-      o("label", {
+  emits: /* @__PURE__ */ m(["blur"], ["update:modelValue"]),
+  setup(r, { emit: s }) {
+    const i = s, t = p(r, "modelValue"), o = c(), d = () => {
+      i("blur", t.value);
+    };
+    return (V, e) => (v(), f("div", b, [
+      n("label", {
         class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
-        for: n(t)
-      }, null, 8, v),
-      c(o("input", {
-        id: n(t),
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s),
+        for: u(o)
+      }, null, 8, g),
+      h(n("input", {
+        id: u(o),
+        "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value = l),
         class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full flex-1 rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
-        placeholder: "Untitled Document"
-      }, null, 8, _), [
-        [m, e.value]
+        placeholder: "Untitled Document",
+        onBlur: d,
+        onKeydown: e[1] || (e[1] = x((l) => l.target?.blur(), ["enter"]))
+      }, null, 40, w), [
+        [_, t.value]
       ])
     ]));
   }
 });
 export {
-  V as default
+  M as default
 };

package/dist/v2/features/collection/components/Overview.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overview.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Overview.vue"],"names":[],"mappings":"AAyaA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Overview.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Overview.vue"],"names":[],"mappings":"AA2aA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Overview.vue.js

@@ -1,7 +1,7 @@
 import o from "./Overview.vue2.js";
 /* empty css              */
 import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7c1a2f6c"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-59dae578"]]);
 export {
-  e as default
+  m as default
 };

package/dist/v2/features/collection/components/Overview.vue2.js

@@ -1,11 +1,12 @@
-import { defineComponent as k, computed as x, ref as y, useTemplateRef as w, createElementBlock as i, openBlock as t, createElementVNode as o, createBlock as m, createCommentVNode as h, unref as n, withCtx as v, createVNode as r, Fragment as f, nextTick as B } from "vue";
-import { ScalarButton as b, ScalarMarkdown as C } from "@scalar/components";
-import { ScalarIconPencil as g } from "@scalar/icons";
-import I from "../../../components/code-input/CodeInput.vue.js";
-const S = { class: "flex flex-col gap-2" }, V = { class: "flex items-center justify-between gap-2 pl-1.5" }, z = { class: "has-[:focus-visible]:bg-b-1 group rounded-lg" }, N = {
+import { defineComponent as g, computed as x, ref as y, useTemplateRef as w, createBlock as c, openBlock as t, withCtx as r, createElementVNode as l, createElementBlock as p, Fragment as f, createVNode as s, unref as o, createCommentVNode as B, createTextVNode as V, nextTick as h } from "vue";
+import { ScalarMarkdown as C, ScalarButton as k } from "@scalar/components";
+import { ScalarIconPencil as b } from "@scalar/icons";
+import I from "../../settings/components/Section.vue.js";
+import S from "../../../components/code-input/CodeInput.vue.js";
+const z = { class: "has-focus-visible:bg-b-1 group rounded-lg" }, N = {
   key: 1,
   class: "text-c-3 flex items-center justify-center rounded-lg border p-4"
-}, j = /* @__PURE__ */ k({
+}, W = /* @__PURE__ */ g({
   __name: "Overview",
   props: {
     documentSlug: {},
@@ -20,77 +21,83 @@ const S = { class: "flex flex-col gap-2" }, V = { class: "flex items-center just
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
+    customThemes: {},
     collectionType: {}
   },
-  setup(d) {
-    const u = x(
-      () => d.document?.info?.description ?? ""
-    ), a = y("preview"), p = w("codeInputRef"), l = async (c) => {
-      a.value = c, c === "edit" && (await B(), p.value?.focus());
+  setup(u) {
+    const d = x(
+      () => u.document?.info?.description ?? ""
+    ), a = y("preview"), v = w("codeInputRef"), i = async (m) => {
+      a.value = m, m === "edit" && (await h(), v.value?.focus());
     };
-    return (c, e) => (t(), i("div", S, [
-      o("div", V, [
-        e[6] || (e[6] = o("h3", { class: "font-bold" }, "Description", -1)),
-        a.value === "preview" ? (t(), m(n(b), {
+    return (m, e) => (t(), c(I, null, {
+      title: r(() => [...e[5] || (e[5] = [
+        V("Description", -1)
+      ])]),
+      actions: r(() => [
+        a.value === "preview" ? (t(), c(o(k), {
           key: 0,
           class: "text-c-2 hover:text-c-1 flex items-center gap-2",
           size: "sm",
           type: "button",
           variant: "outlined",
-          onClick: e[0] || (e[0] = (s) => l("edit"))
+          onClick: e[0] || (e[0] = (n) => i("edit"))
         }, {
-          default: v(() => [
-            r(n(g), {
+          default: r(() => [
+            s(o(b), {
               size: "sm",
               thickness: "1.5"
             }),
-            e[5] || (e[5] = o("span", null, "Edit", -1))
+            e[6] || (e[6] = l("span", null, "Edit", -1))
           ]),
           _: 1
-        })) : h("", !0)
+        })) : B("", !0)
       ]),
-      o("div", z, [
-        a.value === "preview" ? (t(), i(f, { key: 0 }, [
-          u.value.trim().length ? (t(), i(f, { key: 0 }, [
-            r(n(C), {
-              class: "flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)",
-              value: u.value,
-              withImages: "",
-              onDblclick: e[1] || (e[1] = (s) => l("edit"))
-            }, null, 8, ["value"]),
-            e[7] || (e[7] = o("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden" }, null, -1))
-          ], 64)) : (t(), i("div", N, [
-            r(n(b), {
-              class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
-              size: "sm",
-              variant: "ghost",
-              onClick: e[2] || (e[2] = (s) => l("edit"))
-            }, {
-              default: v(() => [
-                r(n(g), {
-                  size: "sm",
-                  thickness: "1.5"
-                }),
-                e[8] || (e[8] = o("span", null, "Write a description", -1))
-              ]),
-              _: 1
-            })
-          ]))
-        ], 64)) : (t(), m(n(I), {
-          key: 1,
-          ref_key: "codeInputRef",
-          ref: p,
-          class: "border px-0.5 py-0",
-          environment: void 0,
-          layout: d.layout,
-          modelValue: u.value,
-          onBlur: e[3] || (e[3] = (s) => l("preview")),
-          "onUpdate:modelValue": e[4] || (e[4] = (s) => d.eventBus.emit("document:update:info", { description: s }))
-        }, null, 8, ["layout", "modelValue"]))
-      ])
-    ]));
+      default: r(() => [
+        l("div", z, [
+          a.value === "preview" ? (t(), p(f, { key: 0 }, [
+            d.value.trim().length ? (t(), p(f, { key: 0 }, [
+              s(o(C), {
+                class: "flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)",
+                value: d.value,
+                withImages: "",
+                onDblclick: e[1] || (e[1] = (n) => i("edit"))
+              }, null, 8, ["value"]),
+              e[7] || (e[7] = l("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-focus-visible:hidden" }, null, -1))
+            ], 64)) : (t(), p("div", N, [
+              s(o(k), {
+                class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
+                size: "sm",
+                variant: "ghost",
+                onClick: e[2] || (e[2] = (n) => i("edit"))
+              }, {
+                default: r(() => [
+                  s(o(b), {
+                    size: "sm",
+                    thickness: "1.5"
+                  }),
+                  e[8] || (e[8] = l("span", null, "Write a description", -1))
+                ]),
+                _: 1
+              })
+            ]))
+          ], 64)) : (t(), c(o(S), {
+            key: 1,
+            ref_key: "codeInputRef",
+            ref: v,
+            class: "border px-0.5 py-0",
+            environment: void 0,
+            layout: u.layout,
+            modelValue: d.value,
+            onBlur: e[3] || (e[3] = (n) => i("preview")),
+            "onUpdate:modelValue": e[4] || (e[4] = (n) => u.eventBus.emit("document:update:info", { description: n }))
+          }, null, 8, ["layout", "modelValue"]))
+        ])
+      ]),
+      _: 1
+    }));
   }
 });
 export {
-  j as default
+  W as default
 };

package/dist/v2/features/collection/components/Servers.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Servers.vue"],"names":[],"mappings":"AAukBA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Servers.vue"],"names":[],"mappings":"AAkkBA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}