@scalar/api-client 2.26.1 → 2.27.1

package/dist/v2/features/operation/Operation.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as f, computed as n, toValue as r, onMounted as k, createBlock as x, createElementBlock as g, openBlock as l, unref as i, createElementVNode as w } from "vue";
+import { defineComponent as f, computed as n, toValue as o, createBlock as k, createElementBlock as g, openBlock as i, unref as l, createElementVNode as x } from "vue";
 import { getResolvedRef as m } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { mapHiddenClientsConfig as C } from "../modal/helpers/map-hidden-clients-config.js";
-import { combineParams as B } from "./helpers/combine-params.js";
-import { getSelectedServer as U } from "./helpers/get-selected-server.js";
-import { getServers as b } from "../../helpers/get-servers.js";
-import N from "../../blocks/operation-block/OperationBlock.vue.js";
-const E = {
+import { mapHiddenClientsConfig as w } from "../modal/helpers/map-hidden-clients-config.js";
+import { combineParams as C } from "./helpers/combine-params.js";
+import { getSelectedServer as B } from "./helpers/get-selected-server.js";
+import { getServers as U } from "../../helpers/get-servers.js";
+import b from "../../blocks/operation-block/OperationBlock.vue.js";
+const N = {
   key: 1,
   class: "flex h-full w-full items-center justify-center"
-}, O = {}, K = /* @__PURE__ */ f({
-  ...O,
+}, E = {}, I = /* @__PURE__ */ f({
+  ...E,
   __name: "Operation",
   props: {
     documentSlug: {},
@@ -24,19 +24,20 @@ const E = {
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
+    customThemes: {},
     options: {}
   },
   setup(e) {
-    const c = n(() => e.path ? m(e.document?.paths?.[e.path]) : null), u = n(() => {
+    const r = n(() => e.path ? m(e.document?.paths?.[e.path]) : null), c = n(() => {
       if (!e.path || !e.method)
         return null;
       const t = m(e.document?.paths?.[e.path]?.[e.method]);
       if (!t)
         return null;
-      if (!c.value)
+      if (!r.value)
         return t;
-      const a = B(
-        c.value.parameters,
+      const a = C(
+        r.value.parameters,
         t.parameters
       );
       return { ...t, parameters: a };
@@ -49,19 +50,15 @@ const E = {
         ...t,
         location: "document"
       }))
-    ]), o = n(() => {
-      const t = r(e.options)?.servers ?? u.value?.servers ?? c.value?.servers ?? e.document?.servers;
-      return b(t, {
-        baseServerUrl: r(e.options)?.baseServerURL,
+    ]), u = n(() => {
+      const t = o(e.options)?.servers ?? c.value?.servers ?? r.value?.servers ?? e.document?.servers;
+      return U(t, {
+        baseServerUrl: o(e.options)?.baseServerURL,
         documentUrl: e.document?.["x-scalar-original-source-url"]
       });
     }), d = n(
-      () => U(e.document, o.value)
-    );
-    k(() => {
-      typeof e.document?.["x-scalar-selected-server"] > "u" && o.value?.[0]?.url && e.eventBus.emit("server:update:selected", { url: o.value[0].url });
-    });
-    const v = n(() => e.document?.["x-scalar-set-operation-security"] ? {
+      () => B(e.document, u.value)
+    ), v = n(() => e.document?.["x-scalar-set-operation-security"] ? {
       type: "operation",
       path: e.path ?? "",
       method: e.method ?? "get"
@@ -75,12 +72,12 @@ const E = {
         })
       )
     )), S = n(
-      () => C(r(e.options)?.hiddenClients)
-    ), y = "2.26.1";
-    return (t, a) => e.path && e.method && e.exampleName && u.value ? (l(), x(i(N), {
+      () => w(o(e.options)?.hiddenClients)
+    ), y = "2.27.1";
+    return (t, a) => e.path && e.method && e.exampleName && c.value ? (i(), k(l(b), {
       key: 0,
       activeEnvironment: e.workspaceStore.workspace["x-scalar-active-environment"],
-      appVersion: i(y),
+      appVersion: l(y),
       authMeta: v.value,
       documentSecurity: e.document?.security ?? [],
       documentSelectedSecurity: e.workspaceStore.auth.getAuthSelectedSchemas({
@@ -93,12 +90,12 @@ const E = {
       eventBus: e.eventBus,
       exampleKey: e.exampleName,
       globalCookies: s.value,
-      hideClientButton: r(e.options)?.hideClientButton ?? !1,
+      hideClientButton: o(e.options)?.hideClientButton ?? !1,
       history: e.workspaceStore.history.getHistory(e.documentSlug, e.path, e.method),
       httpClients: S.value,
       layout: e.layout,
       method: e.method,
-      operation: u.value,
+      operation: c.value,
       operationSelectedSecurity: e.workspaceStore.auth.getAuthSelectedSchemas({
         type: "operation",
         documentName: e.documentSlug,
@@ -111,14 +108,14 @@ const E = {
       securitySchemes: e.securitySchemes,
       selectedClient: e.workspaceStore.workspace["x-scalar-default-client"],
       server: d.value,
-      servers: o.value,
+      servers: u.value,
       setOperationSecurity: e.document?.["x-scalar-set-operation-security"] ?? !1,
-      "onUpdate:servers": a[0] || (a[0] = (V) => e.eventBus.emit("ui:route:page", { name: "document.servers" }))
-    }, null, 8, ["activeEnvironment", "appVersion", "authMeta", "documentSecurity", "documentSelectedSecurity", "documentUrl", "environment", "environments", "eventBus", "exampleKey", "globalCookies", "hideClientButton", "history", "httpClients", "layout", "method", "operation", "operationSelectedSecurity", "path", "plugins", "proxyUrl", "securitySchemes", "selectedClient", "server", "servers", "setOperationSecurity"])) : (l(), g("div", E, [...a[1] || (a[1] = [
-      w("span", { class: "text-c-3" }, "Select an operation to view details", -1)
+      "onUpdate:servers": a[0] || (a[0] = (O) => e.eventBus.emit("ui:navigate", { page: "document", path: "servers" }))
+    }, null, 8, ["activeEnvironment", "appVersion", "authMeta", "documentSecurity", "documentSelectedSecurity", "documentUrl", "environment", "environments", "eventBus", "exampleKey", "globalCookies", "hideClientButton", "history", "httpClients", "layout", "method", "operation", "operationSelectedSecurity", "path", "plugins", "proxyUrl", "securitySchemes", "selectedClient", "server", "servers", "setOperationSecurity"])) : (i(), g("div", N, [...a[1] || (a[1] = [
+      x("span", { class: "text-c-3" }, "Select an operation to view details", -1)
     ])]));
   }
 });
 export {
-  K as default
+  I as default
 };

package/dist/v2/features/settings/CollectionSettings.vue.d.ts

@@ -1,20 +1,23 @@
-import { type ThemeId } from '@scalar/themes';
+import { type Theme } from '@scalar/themes';
+type ColorMode = 'system' | 'light' | 'dark';
 type __VLS_Props = {
     /** Currently active proxy URL, when set to null means no proxy */
     activeProxyUrl?: string | null;
+    /** Custom themes available to the team */
+    customThemes?: Theme[];
     /** Currently active theme ID */
-    activeThemeId: ThemeId;
+    activeThemeSlug?: string;
     /** Currently active color mode */
-    colorMode: 'system' | 'light' | 'dark';
+    colorMode: ColorMode;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:colorMode": (value: "dark" | "light" | "system") => any;
+    "update:colorMode": (value: ColorMode) => any;
     "update:proxyUrl": (value: string | null) => any;
-    "update:themeId": (value: "default" | "alternate" | "moon" | "purple" | "solarized" | "bluePlanet" | "deepSpace" | "saturn" | "kepler" | "elysiajs" | "fastify" | "mars" | "laserwave" | "none") => any;
+    "update:themeSlug": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:colorMode"?: ((value: "dark" | "light" | "system") => any) | undefined;
+    "onUpdate:colorMode"?: ((value: ColorMode) => any) | undefined;
     "onUpdate:proxyUrl"?: ((value: string | null) => any) | undefined;
-    "onUpdate:themeId"?: ((value: "default" | "alternate" | "moon" | "purple" | "solarized" | "bluePlanet" | "deepSpace" | "saturn" | "kepler" | "elysiajs" | "fastify" | "mars" | "laserwave" | "none") => any) | undefined;
+    "onUpdate:themeSlug"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionSettings.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/settings/CollectionSettings.vue"],"names":[],"mappings":"AAuQA,OAAO,EAGL,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAA;AAQvB,KAAK,WAAW,GAAG;IACjB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,gCAAgC;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,kCAAkC;IAClC,SAAS,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;CACvC,CAAC;AA2iBF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CollectionSettings.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/settings/CollectionSettings.vue"],"names":[],"mappings":"AAkTA,OAAO,EAIL,KAAK,KAAK,EAEX,MAAM,gBAAgB,CAAA;AASvB,KAAK,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,KAAK,WAAW,GAAG;IACjB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,KAAK,EAAE,CAAA;IACtB,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kCAAkC;IAClC,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;AAgnBF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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"}