@scalar/api-client 2.26.2 → 2.29.1

package/dist/v2/features/settings/CollectionSettings.vue.js

@@ -1,27 +1,41 @@
-import { defineComponent as M, createElementBlock as y, openBlock as c, createVNode as n, withCtx as s, createElementVNode as o, unref as r, normalizeClass as a, createTextVNode as l, createBlock as f, createCommentVNode as p, Fragment as C, renderList as w, toDisplayString as U, normalizeStyle as g } from "vue";
-import { cva as $, ScalarButton as m, cx as x, ScalarIcon as b } from "@scalar/components";
-import { themeLabels as T } from "@scalar/themes";
-import B from "../../../components/ImportCollection/IntegrationLogo.vue.js";
-import L from "./components/Appearance.vue.js";
-import k from "./components/Section.vue.js";
-import { getThemeColors as h } from "./helpers/get-theme-colors.js";
-const N = { class: "flex flex-col gap-4" }, R = { class: "flex flex-col gap-2" }, V = { class: "flex flex-col gap-2" }, A = { class: "grid grid-cols-2 gap-2" }, E = { class: "flex items-center gap-2" }, F = { class: "flex items-center gap-1" }, O = { class: "grid grid-cols-2 gap-2" }, D = { class: "flex items-center gap-2" }, W = { class: "flex items-center gap-1" }, q = { class: "size-7 rounded-xl" }, v = "https://proxy.scalar.com", I = /* @__PURE__ */ M({
+import { defineComponent as L, computed as $, createElementBlock as h, openBlock as n, createVNode as d, createBlock as c, createCommentVNode as g, withCtx as o, createElementVNode as r, unref as s, normalizeClass as u, createTextVNode as a, Fragment as S, renderList as C, toDisplayString as w, normalizeStyle as U } from "vue";
+import { cva as O, ScalarButton as y, cx as f, ScalarIcon as x } from "@scalar/components";
+import { presets as F, themeLabels as V } from "@scalar/themes";
+import H from "../../../components/ImportCollection/IntegrationLogo.vue.js";
+import G from "./components/Appearance.vue.js";
+import p from "./components/Section.vue.js";
+import { getThemeColors as N } from "./helpers/get-theme-colors.js";
+const W = { class: "flex flex-col gap-10" }, q = { class: "flex flex-col gap-2" }, I = { class: "grid grid-cols-2 gap-2" }, X = { class: "flex items-center gap-2" }, Y = { class: "flex items-center gap-1" }, J = { class: "grid grid-cols-2 gap-2" }, K = { class: "flex items-center gap-2" }, Q = { class: "flex items-center gap-1" }, Z = { class: "size-7 rounded-xl" }, _ = { class: "grid grid-cols-2 gap-2" }, ee = { class: "flex items-center gap-2" }, T = "https://proxy.scalar.com", ne = /* @__PURE__ */ L({
   __name: "CollectionSettings",
   props: {
     activeProxyUrl: {},
-    activeThemeId: {},
+    customThemes: { default: () => [] },
+    activeThemeSlug: {},
     colorMode: {}
   },
-  emits: ["update:proxyUrl", "update:themeId", "update:colorMode"],
-  setup(i, { emit: S }) {
-    const d = S, P = [
+  emits: ["update:proxyUrl", "update:themeSlug", "update:colorMode"],
+  setup(l, { emit: A }) {
+    const m = A, B = [
+      "none",
       "default",
       "alternate",
       "purple",
       "solarized",
       "saturn",
       "kepler"
-    ], z = ["elysiajs", "fastify"], u = $({
+    ], R = ["elysiajs", "fastify"], z = B.map((i) => i === "none" ? {
+      slug: i,
+      name: "None",
+      description: "No theme",
+      theme: ""
+    } : F[i]), M = R.map((i) => ({
+      slug: i,
+      name: V[i],
+      description: V[i],
+      theme: ""
+    })), j = $(
+      () => new Set(l.customThemes.map((i) => i.slug))
+    ), v = O({
       base: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border",
       variants: {
         active: {
@@ -29,75 +43,73 @@ const N = { class: "flex flex-col gap-4" }, R = { class: "flex flex-col gap-2" }
           false: "bg-b-1 hover:bg-b-2"
         }
       }
-    });
-    return (G, e) => (c(), y("div", N, [
-      n(k, null, {
-        title: s(() => [...e[3] || (e[3] = [
-          l(" CORS Proxy ", -1)
+    }), D = $(() => l.activeThemeSlug === void 0 || l.activeThemeSlug === "none" ? !0 : !(j.value.has(l.activeThemeSlug) || z.some((e) => e.slug === l.activeThemeSlug) || M.some((e) => e.slug === l.activeThemeSlug))), P = (i) => i === "none", b = (i) => l.activeThemeSlug === i || P(i) && D.value, k = (i) => f(
+      "flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1",
+      i && "bg-c-accent text-b-1 border-transparent"
+    );
+    return (i, e) => (n(), h("div", W, [
+      d(p, null, {
+        title: o(() => [...e[3] || (e[3] = [
+          a("CORS Proxy", -1)
         ])]),
-        description: s(() => [...e[4] || (e[4] = [
-          l(" Browsers block cross-origin requests for security. We provide a public proxy to ", -1),
-          o("a", {
+        description: o(() => [...e[4] || (e[4] = [
+          a(" Browsers block cross-origin requests for security. We provide a public proxy to ", -1),
+          r("a", {
             class: "hover:text-c-1 underline-offset-2",
             href: "https://en.wikipedia.org/wiki/Cross-origin_resource_sharing",
             target: "_blank"
           }, " bypass CORS issues ", -1),
-          l(" . Check the ", -1),
-          o("a", {
+          a(" . Check the ", -1),
+          r("a", {
             class: "hover:text-c-1 underline-offset-2",
             href: "https://github.com/scalar/scalar/tree/main/projects/proxy-scalar-com",
             target: "_blank"
           }, " source code on GitHub ", -1),
-          l(" . ", -1)
+          a(" . ", -1)
         ])]),
-        default: s(() => [
-          o("div", R, [
-            n(r(m), {
-              class: a(
-                r(x)(
-                  r(u)({
-                    active: i.activeProxyUrl === v
+        default: o(() => [
+          r("div", q, [
+            d(s(y), {
+              class: u(
+                s(f)(
+                  s(v)({
+                    active: l.activeProxyUrl === T
                   })
                 )
               ),
-              onClick: e[0] || (e[0] = (t) => d("update:proxyUrl", v))
+              onClick: e[0] || (e[0] = (t) => m("update:proxyUrl", T))
             }, {
-              default: s(() => [
-                o("div", {
-                  class: a(["flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1", {
-                    "bg-c-accent text-b-1 border-transparent": i.activeProxyUrl === v
-                  }])
+              default: o(() => [
+                r("div", {
+                  class: u(k(l.activeProxyUrl === T))
                 }, [
-                  i.activeProxyUrl === v ? (c(), f(r(b), {
+                  l.activeProxyUrl === T ? (n(), c(s(x), {
                     key: 0,
                     icon: "Checkmark",
                     size: "xs",
                     thickness: "3.5"
-                  })) : p("", !0)
+                  })) : g("", !0)
                 ], 2),
-                e[5] || (e[5] = l(" Use proxy.scalar.com (default) ", -1))
+                e[5] || (e[5] = a(" Use proxy.scalar.com (default) ", -1))
               ]),
               _: 1
             }, 8, ["class"]),
-            n(r(m), {
-              class: a(r(x)(r(u)({ active: !i.activeProxyUrl }))),
-              onClick: e[1] || (e[1] = (t) => d("update:proxyUrl", null))
+            d(s(y), {
+              class: u(s(f)(s(v)({ active: !l.activeProxyUrl }))),
+              onClick: e[1] || (e[1] = (t) => m("update:proxyUrl", null))
             }, {
-              default: s(() => [
-                o("div", {
-                  class: a([
-                    "flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1",
-                    !i.activeProxyUrl && "bg-c-accent text-b-1 border-transparent"
-                  ])
+              default: o(() => [
+                r("div", {
+                  class: u(k(!l.activeProxyUrl))
                 }, [
-                  i.activeProxyUrl ? p("", !0) : (c(), f(r(b), {
+                  l.activeProxyUrl ? g("", !0) : (n(), c(s(x), {
                     key: 0,
                     icon: "Checkmark",
                     size: "xs",
                     thickness: "3.5"
                   }))
                 ], 2),
-                e[6] || (e[6] = l(" Skip the proxy ", -1))
+                e[6] || (e[6] = a(" Skip the proxy ", -1))
               ]),
               _: 1
             }, 8, ["class"])
@@ -105,130 +117,152 @@ const N = { class: "flex flex-col gap-4" }, R = { class: "flex flex-col gap-2" }
         ]),
         _: 1
       }),
-      n(k, null, {
-        title: s(() => [...e[7] || (e[7] = [
-          l(" Themes ", -1)
+      d(p, null, {
+        title: o(() => [...e[7] || (e[7] = [
+          a("Themes", -1)
         ])]),
-        description: s(() => [...e[8] || (e[8] = [
-          l(" We've got a whole rainbow of themes for you to play with: ", -1)
+        description: o(() => [...e[8] || (e[8] = [
+          a(" We've got a whole rainbow of themes for you to play with: ", -1)
         ])]),
-        default: s(() => [
-          o("div", V, [
-            o("div", A, [
-              (c(), y(C, null, w(P, (t) => n(r(m), {
-                key: t,
-                class: a(
-                  r(x)(
-                    r(u)({
-                      active: i.activeThemeId === t
-                    })
-                  )
-                ),
-                onClick: (j) => d("update:themeId", t)
-              }, {
-                default: s(() => [
-                  o("div", E, [
-                    o("div", {
-                      class: a(["flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1", {
-                        "bg-c-accent text-b-1 border-transparent": i.activeThemeId === t
-                      }])
-                    }, [
-                      i.activeThemeId === t ? (c(), f(r(b), {
-                        key: 0,
-                        icon: "Checkmark",
-                        size: "xs",
-                        thickness: "3.5"
-                      })) : p("", !0)
-                    ], 2),
-                    l(" " + U(r(T)[t]), 1)
-                  ]),
-                  o("div", F, [
-                    o("span", {
-                      class: "border-c-3 -mr-3 inline-block h-5 w-5 rounded-full",
-                      style: g({
-                        backgroundColor: r(h)(t).light
-                      })
-                    }, null, 4),
-                    o("span", {
-                      class: "border-c-3 -mr-3 inline-block h-5 w-5 rounded-full",
-                      style: g({
-                        backgroundColor: r(h)(t).dark
-                      })
-                    }, null, 4),
-                    o("span", {
-                      class: "border-c-3 inline-block h-5 w-5 rounded-full",
-                      style: g({
-                        backgroundColor: r(h)(t).accent
-                      })
-                    }, null, 4)
-                  ])
+        default: o(() => [
+          r("div", I, [
+            (n(!0), h(S, null, C(s(z), (t) => (n(), c(s(y), {
+              key: t.slug,
+              class: u(s(f)(s(v)({ active: b(t.slug) }))),
+              onClick: (E) => m(
+                "update:themeSlug",
+                P(t.slug) ? void 0 : t.slug
+              )
+            }, {
+              default: o(() => [
+                r("div", X, [
+                  r("div", {
+                    class: u(k(b(t.slug)))
+                  }, [
+                    b(t.slug) ? (n(), c(s(x), {
+                      key: 0,
+                      icon: "Checkmark",
+                      size: "xs",
+                      thickness: "3.5"
+                    })) : g("", !0)
+                  ], 2),
+                  a(" " + w(t.name), 1)
                 ]),
-                _: 2
-              }, 1032, ["class", "onClick"])), 64))
-            ])
+                r("div", Y, [
+                  r("span", {
+                    class: "border-c-3 -mr-3 inline-block h-5 w-5 rounded-full",
+                    style: U({
+                      backgroundColor: s(N)(t.slug).light
+                    })
+                  }, null, 4),
+                  r("span", {
+                    class: "border-c-3 -mr-3 inline-block h-5 w-5 rounded-full",
+                    style: U({
+                      backgroundColor: s(N)(t.slug).dark
+                    })
+                  }, null, 4),
+                  r("span", {
+                    class: "border-c-3 inline-block h-5 w-5 rounded-full",
+                    style: U({
+                      backgroundColor: s(N)(t.slug).accent
+                    })
+                  }, null, 4)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"]))), 128))
           ])
         ]),
         _: 1
       }),
-      n(k, null, {
-        title: s(() => [...e[9] || (e[9] = [
-          l(" Framework Themes ", -1)
+      d(p, null, {
+        title: o(() => [...e[9] || (e[9] = [
+          a("Framework Themes", -1)
         ])]),
-        description: s(() => [...e[10] || (e[10] = [
-          l(" Are you a real fan? Show your support by using your favorite framework's theme! ", -1)
+        description: o(() => [...e[10] || (e[10] = [
+          a(" Are you a real fan? Show your support by using your favorite framework's theme! ", -1)
         ])]),
-        default: s(() => [
-          o("div", O, [
-            (c(), y(C, null, w(z, (t) => n(r(m), {
-              key: t,
-              class: a(
-                r(x)(
-                  r(u)({
-                    active: i.activeThemeId === t
-                  })
-                )
-              ),
-              onClick: (j) => d("update:themeId", t)
+        default: o(() => [
+          r("div", J, [
+            (n(!0), h(S, null, C(s(M), (t) => (n(), c(s(y), {
+              key: t.slug,
+              class: u(s(f)(s(v)({ active: l.activeThemeSlug === t.slug }))),
+              onClick: (E) => m("update:themeSlug", t.slug)
             }, {
-              default: s(() => [
-                o("div", D, [
-                  o("div", {
-                    class: a(["flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1", {
-                      "bg-c-accent text-b-1 border-transparent": i.activeThemeId === t
-                    }])
+              default: o(() => [
+                r("div", K, [
+                  r("div", {
+                    class: u(k(l.activeThemeSlug === t.slug))
                   }, [
-                    i.activeThemeId === t ? (c(), f(r(b), {
+                    l.activeThemeSlug === t.slug ? (n(), c(s(x), {
                       key: 0,
                       icon: "Checkmark",
                       size: "xs",
                       thickness: "3.5"
-                    })) : p("", !0)
+                    })) : g("", !0)
                   ], 2),
-                  l(" " + U(r(T)[t]), 1)
+                  a(" " + w(t.name), 1)
                 ]),
-                o("div", W, [
-                  o("div", q, [
-                    n(B, { integration: t }, null, 8, ["integration"])
+                r("div", Q, [
+                  r("div", Z, [
+                    d(H, {
+                      integration: t.slug
+                    }, null, 8, ["integration"])
                   ])
                 ])
               ]),
               _: 2
-            }, 1032, ["class", "onClick"])), 64))
+            }, 1032, ["class", "onClick"]))), 128))
           ])
         ]),
         _: 1
       }),
-      n(k, null, {
-        title: s(() => [...e[11] || (e[11] = [
-          l(" Appearance ", -1)
+      l.customThemes.length > 0 ? (n(), c(p, { key: 0 }, {
+        title: o(() => [...e[11] || (e[11] = [
+          a(" Custom Themes ", -1)
+        ])]),
+        description: o(() => [...e[12] || (e[12] = [
+          a(" Team defined themes are available to all workspaces in the team. ", -1)
+        ])]),
+        default: o(() => [
+          r("div", _, [
+            (n(!0), h(S, null, C(l.customThemes, (t) => (n(), c(s(y), {
+              key: t.slug,
+              class: u(s(f)(s(v)({ active: l.activeThemeSlug === t.slug }))),
+              onClick: (E) => m("update:themeSlug", t.slug)
+            }, {
+              default: o(() => [
+                r("div", ee, [
+                  r("div", {
+                    class: u(k(l.activeThemeSlug === t.slug))
+                  }, [
+                    l.activeThemeSlug === t.slug ? (n(), c(s(x), {
+                      key: 0,
+                      icon: "Checkmark",
+                      size: "xs",
+                      thickness: "3.5"
+                    })) : g("", !0)
+                  ], 2),
+                  a(" " + w(t.name), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"]))), 128))
+          ])
+        ]),
+        _: 1
+      })) : g("", !0),
+      d(p, null, {
+        title: o(() => [...e[13] || (e[13] = [
+          a("Appearance", -1)
         ])]),
-        description: s(() => [...e[12] || (e[12] = [
-          l(" Choose between light, dark, or system-based appearance for your workspace. ", -1)
+        description: o(() => [...e[14] || (e[14] = [
+          a(" Choose between light, dark, or system-based appearance for your workspace. ", -1)
         ])]),
-        default: s(() => [
-          n(L, {
-            colorMode: i.colorMode,
-            "onUpdate:colorMode": e[2] || (e[2] = (t) => d("update:colorMode", t))
+        default: o(() => [
+          d(G, {
+            colorMode: l.colorMode,
+            "onUpdate:colorMode": e[2] || (e[2] = (t) => m("update:colorMode", t))
           }, null, 8, ["colorMode"])
         ]),
         _: 1
@@ -237,5 +271,5 @@ const N = { class: "flex flex-col gap-4" }, R = { class: "flex flex-col gap-2" }
   }
 });
 export {
-  I as default
+  ne as default
 };

package/dist/v2/features/settings/DocumentSettings.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentSettings.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/settings/DocumentSettings.vue"],"names":[],"mappings":"AA0JA,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,+CAA+C;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC;AAuTF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"DocumentSettings.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/settings/DocumentSettings.vue"],"names":[],"mappings":"AA4JA,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,+CAA+C;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC;AAyTF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/settings/DocumentSettings.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as p, createElementBlock as d, openBlock as a, Fragment as i, createElementVNode as e, createVNode as n, unref as o, createTextVNode as u, toDisplayString as h, withCtx as m } from "vue";
-import { useModal as v, ScalarToggle as w, ScalarIcon as f, ScalarButton as D, ScalarModal as y } from "@scalar/components";
-import k from "../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-const M = { class: "flex flex-col gap-12" }, U = { class: "flex flex-col gap-2" }, C = { class: "bg-b-2 rounded-lg border text-sm" }, N = { class: "bg-b-1 flex items-center justify-between gap-4 rounded-t-lg p-3" }, S = { class: "text-c-1 flex items-center overflow-x-auto border-t py-1.5 whitespace-nowrap" }, B = { class: "flex items-center" }, V = ["href"], T = { class: "flex flex-col gap-4" }, z = { class: "flex items-center justify-between rounded-lg border p-3 text-sm" }, O = /* @__PURE__ */ p({
+import { defineComponent as w, createElementBlock as s, openBlock as r, Fragment as u, createElementVNode as t, createVNode as n, withCtx as d, unref as o, createTextVNode as i, toDisplayString as h } from "vue";
+import { useModal as v, ScalarToggle as D, ScalarIcon as f, ScalarButton as y, ScalarModal as k } from "@scalar/components";
+import M from "../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import g from "./components/Section.vue.js";
+const U = { class: "flex flex-col gap-12" }, C = { class: "bg-b-2 rounded-lg border text-sm" }, N = { class: "bg-b-1 flex items-center justify-between gap-4 rounded-t-lg p-3" }, S = { class: "text-c-1 flex items-center overflow-x-auto border-t py-1.5 whitespace-nowrap" }, B = { class: "flex items-center" }, V = ["href"], T = { class: "flex items-center justify-between rounded-lg border p-3 text-sm" }, L = /* @__PURE__ */ w({
   __name: "DocumentSettings",
   props: {
     documentUrl: {},
@@ -10,90 +11,98 @@ const M = { class: "flex flex-col gap-12" }, U = { class: "flex flex-col gap-2"
     isDraftDocument: { type: Boolean, default: !1 }
   },
   emits: ["delete:document", "update:watchMode"],
-  setup(l, { emit: x }) {
-    const r = x, s = v(), g = () => {
-      l.isDraftDocument || s.show();
-    }, b = () => {
-      r("delete:document"), s.hide();
+  setup(l, { emit: b }) {
+    const c = b, a = v(), p = () => {
+      l.isDraftDocument || a.show();
+    }, x = () => {
+      c("delete:document"), a.hide();
     };
-    return (A, t) => (a(), d(i, null, [
-      e("div", M, [
-        e("div", U, [
-          t[5] || (t[5] = e("div", { class: "flex h-8 items-center" }, [
-            e("h3", { class: "font-bold" }, "Features")
-          ], -1)),
-          e("div", C, [
-            e("div", N, [
-              t[2] || (t[2] = e("div", null, [
-                e("h4", null, "Watch Mode"),
-                e("p", { class: "text-c-2 mt-1" }, " When enabled, the OpenAPI document will be polled for changes. The collection will be updated automatically. ")
-              ], -1)),
-              n(o(w), {
-                class: "w-4",
-                disabled: !l.documentUrl,
-                modelValue: l.watchMode ?? !1,
-                "onUpdate:modelValue": t[0] || (t[0] = (c) => r("update:watchMode", c))
-              }, null, 8, ["disabled", "modelValue"])
-            ]),
-            e("div", S, [
-              e("div", B, [
-                l.documentUrl ? (a(), d(i, { key: 0 }, [
-                  t[3] || (t[3] = e("span", { class: "bg-b-2 sticky left-0 pr-2 pl-3" }, "Source", -1)),
-                  e("a", {
-                    class: "text-c-2 group rounded pr-3 no-underline hover:underline",
-                    href: l.documentUrl,
-                    target: "_blank"
-                  }, [
-                    u(h(l.documentUrl) + " ", 1),
+    return ($, e) => (r(), s(u, null, [
+      t("div", U, [
+        n(g, null, {
+          title: d(() => [...e[2] || (e[2] = [
+            i("Features", -1)
+          ])]),
+          default: d(() => [
+            t("div", C, [
+              t("div", N, [
+                e[3] || (e[3] = t("div", null, [
+                  t("h4", null, "Watch Mode"),
+                  t("p", { class: "text-c-2 mt-1" }, " When enabled, the OpenAPI document will be polled for changes. The collection will be updated automatically. ")
+                ], -1)),
+                n(o(D), {
+                  class: "w-4",
+                  disabled: !l.documentUrl,
+                  modelValue: l.watchMode ?? !1,
+                  "onUpdate:modelValue": e[0] || (e[0] = (m) => c("update:watchMode", m))
+                }, null, 8, ["disabled", "modelValue"])
+              ]),
+              t("div", S, [
+                t("div", B, [
+                  l.documentUrl ? (r(), s(u, { key: 0 }, [
+                    e[4] || (e[4] = t("span", { class: "bg-b-2 sticky left-0 pr-2 pl-3" }, "Source", -1)),
+                    t("a", {
+                      class: "text-c-2 group rounded pr-3 no-underline hover:underline",
+                      href: l.documentUrl,
+                      target: "_blank"
+                    }, [
+                      i(h(l.documentUrl) + " ", 1),
+                      n(o(f), {
+                        class: "ml-1 hidden w-2.5 group-hover:inline",
+                        icon: "ExternalLink"
+                      })
+                    ], 8, V)
+                  ], 64)) : (r(), s(u, { key: 1 }, [
                     n(o(f), {
-                      class: "ml-1 hidden w-2.5 group-hover:inline",
-                      icon: "ExternalLink"
-                    })
-                  ], 8, V)
-                ], 64)) : (a(), d(i, { key: 1 }, [
-                  n(o(f), {
-                    class: "text-c-2 mr-2 ml-3 w-4",
-                    icon: "NotAllowed",
-                    size: "sm"
-                  }),
-                  t[4] || (t[4] = e("span", { class: "text-c-2 pr-3" }, " No URL configured. Try importing an OpenAPI document from an URL. ", -1))
-                ], 64))
+                      class: "text-c-2 mr-2 ml-3 w-4",
+                      icon: "NotAllowed",
+                      size: "sm"
+                    }),
+                    e[5] || (e[5] = t("span", { class: "text-c-2 pr-3" }, " No URL configured. Try importing an OpenAPI document from an URL. ", -1))
+                  ], 64))
+                ])
               ])
             ])
-          ])
-        ]),
-        e("div", T, [
-          t[8] || (t[8] = e("h3", { class: "font-bold" }, "Danger Zone", -1)),
-          e("div", z, [
-            t[7] || (t[7] = e("div", null, [
-              e("h4", null, "Delete Collection"),
-              e("p", { class: "text-c-2 mt-1" }, " Be careful, my friend. Once deleted, there is no way to recover the collection. ")
-            ], -1)),
-            n(o(D), {
-              disabled: l.isDraftDocument,
-              size: "sm",
-              variant: "danger",
-              onClick: g
-            }, {
-              default: m(() => [...t[6] || (t[6] = [
-                u(" Delete Collection ", -1)
-              ])]),
-              _: 1
-            }, 8, ["disabled"])
-          ])
-        ])
+          ]),
+          _: 1
+        }),
+        n(g, null, {
+          title: d(() => [...e[6] || (e[6] = [
+            i("Danger Zone", -1)
+          ])]),
+          default: d(() => [
+            t("div", T, [
+              e[8] || (e[8] = t("div", null, [
+                t("h4", null, "Delete Collection"),
+                t("p", { class: "text-c-2 mt-1" }, " Be careful, my friend. Once deleted, there is no way to recover the collection. ")
+              ], -1)),
+              n(o(y), {
+                disabled: l.isDraftDocument,
+                size: "sm",
+                variant: "danger",
+                onClick: p
+              }, {
+                default: d(() => [...e[7] || (e[7] = [
+                  i(" Delete Collection ", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]),
+          _: 1
+        })
       ]),
-      n(o(y), {
+      n(o(k), {
         size: "xxs",
-        state: o(s),
+        state: o(a),
         title: `Delete ${l.title}`
       }, {
-        default: m(() => [
-          n(k, {
+        default: d(() => [
+          n(M, {
             variableName: l.title ?? "",
             warningMessage: "This action cannot be undone.",
-            onClose: t[1] || (t[1] = (c) => o(s).hide()),
-            onDelete: b
+            onClose: e[1] || (e[1] = (m) => o(a).hide()),
+            onDelete: x
           }, null, 8, ["variableName"])
         ]),
         _: 1
@@ -102,5 +111,5 @@ const M = { class: "flex flex-col gap-12" }, U = { class: "flex flex-col gap-2"
   }
 });
 export {
-  O as default
+  L as default
 };

package/dist/v2/features/settings/components/Section.vue.d.ts

@@ -1,7 +1,8 @@
 type __VLS_Slots = {
     title?: () => string;
     description?: () => string;
-    default: () => any;
+    actions?: () => unknown;
+    default: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;