@scalar/api-client 2.5.25 → 2.5.27

package/dist/components/Server/ServerDropdown.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as V, computed as u, watch as z, createBlock as m, openBlock as n, unref as s, withCtx as v, createVNode as c, createElementBlock as a, Fragment as d, createElementVNode as i, createTextVNode as L, toDisplayString as W, createCommentVNode as h, renderList as k } from "vue";
-import { ScalarPopover as q, ScalarButton as E, ScalarIcon as y, ScalarFloatingBackdrop as F, ScalarDropdownDivider as I } from "@scalar/components";
-import { useLayout as M } from "../../hooks/useLayout.js";
-import { useWorkspace as P } from "../../store/store.js";
-import x from "./ServerDropdownItem.vue.js";
-const T = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }, Q = /* @__PURE__ */ V({
+import { defineComponent as z, computed as u, watch as E, useTemplateRef as L, createBlock as p, openBlock as s, unref as a, withCtx as v, createVNode as c, createElementBlock as n, Fragment as d, createElementVNode as i, createTextVNode as T, toDisplayString as W, createCommentVNode as h, renderList as k } from "vue";
+import { ScalarPopover as q, ScalarButton as F, ScalarIcon as x, ScalarFloatingBackdrop as I, ScalarDropdownDivider as M } from "@scalar/components";
+import { emitCustomEvent as P } from "@scalar/workspace-store/events";
+import { useLayout as $ } from "../../hooks/useLayout.js";
+import { useWorkspace as j } from "../../store/store.js";
+import y from "./ServerDropdownItem.vue.js";
+const R = ["onClick"], G = { class: "flex h-4 w-4 items-center justify-center" }, Z = /* @__PURE__ */ z({
   __name: "ServerDropdown",
   props: {
     collection: {},
@@ -12,18 +13,18 @@ const T = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }
     target: {}
   },
   setup(l) {
-    const { layout: U } = M(), { servers: p, collectionMutators: w, events: A, serverMutators: C } = P(), f = u(
+    const { layout: w } = $(), { servers: m, collectionMutators: U, events: C, serverMutators: A } = j(), f = u(
       () => {
         var e, r;
         return (r = (e = l.operation) == null ? void 0 : e.servers) == null ? void 0 : r.map((t) => {
           var o;
           return {
             id: t,
-            label: ((o = p[t]) == null ? void 0 : o.url) ?? "Unknown server"
+            label: ((o = m[t]) == null ? void 0 : o.url) ?? "Unknown server"
           };
         });
       }
-    ), S = u(
+    ), b = u(
       () => {
         var e, r;
         return (
@@ -35,7 +36,7 @@ const T = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }
             var o;
             return {
               id: t,
-              label: ((o = p[t]) == null ? void 0 : o.url) ?? "Unknown server"
+              label: ((o = m[t]) == null ? void 0 : o.url) ?? "Unknown server"
             };
           })
         );
@@ -43,28 +44,34 @@ const T = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }
     ), D = u(
       () => {
         var e, r;
-        return ((e = f.value) == null ? void 0 : e.length) && ((r = S.value) == null ? void 0 : r.length);
+        return ((e = f.value) == null ? void 0 : e.length) && ((r = b.value) == null ? void 0 : r.length);
       }
     );
-    z([() => l.collection, () => l.operation], ([e, r]) => {
+    E([() => l.collection, () => l.operation], ([e, r]) => {
       var o;
       if (!e || e.selectedServerUid || r != null && r.selectedServerUid)
         return;
       const t = (o = l.collection.servers) == null ? void 0 : o[0];
-      t && w.edit(l.collection.uid, "selectedServerUid", t);
+      t && U.edit(l.collection.uid, "selectedServerUid", t);
     });
-    const B = () => A.commandPalette.emit({
+    const B = () => C.commandPalette.emit({
       commandName: "Add Server"
     }), N = u(() => {
       var e, r, t;
       return (r = (e = l.server) == null ? void 0 : e.url) != null && r.endsWith("/") ? l.server.url.slice(0, -1) : ((t = l.server) == null ? void 0 : t.url) || "";
-    }), b = (e, r) => {
+    }), S = (e, r) => {
+      var o;
       if (!l.server)
         return;
       const t = l.server.variables || {};
-      t[e] = { ...t[e], default: r }, C.edit(l.server.uid, "variables", t);
-    };
-    return (e, r) => (n(), m(s(q), {
+      t[e] = { ...t[e], default: r }, A.edit(l.server.uid, "variables", t), P(
+        (o = V.value) == null ? void 0 : o.$el,
+        "scalar-update-selected-server-variables",
+        { key: e, value: r }
+      );
+    }, V = L("wrapper-ref");
+    return (e, r) => (s(), p(a(q), {
+      ref: "wrapper-ref",
       class: "max-h-[inherit] p-0 text-base",
       focus: "",
       offset: 0,
@@ -78,61 +85,61 @@ const T = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }
           class: "custom-scroll flex max-h-[inherit] flex-col gap-1 border-t p-1",
           onClick: t
         }, [
-          (n(!0), a(d, null, k(f.value, (o) => (n(), m(x, {
+          (s(!0), n(d, null, k(f.value, (o) => (s(), p(y, {
             key: o.id,
             collection: e.collection,
             operation: e.operation,
             server: e.server,
             serverOption: o,
             type: "request",
-            "onUpdate:variable": b
+            "onUpdate:variable": S
           }, null, 8, ["collection", "operation", "server", "serverOption"]))), 128)),
-          D.value ? (n(), a(d, { key: 0 }, [
-            c(s(I)),
+          D.value ? (s(), n(d, { key: 0 }, [
+            c(a(M)),
             r[2] || (r[2] = i("div", { class: "text-xxs text-c-2 px-2.5 py-1" }, "Collection", -1))
           ], 64)) : h("", !0),
-          (n(!0), a(d, null, k(S.value, (o) => (n(), m(x, {
+          (s(!0), n(d, null, k(b.value, (o) => (s(), p(y, {
             key: o.id,
             collection: e.collection,
             operation: e.operation,
             server: e.server,
             serverOption: o,
             type: "collection",
-            "onUpdate:variable": b
+            "onUpdate:variable": S
           }, null, 8, ["collection", "operation", "server", "serverOption"]))), 128)),
-          s(U) !== "modal" ? (n(), a("button", {
+          a(w) !== "modal" ? (s(), n("button", {
             key: 1,
             class: "text-xxs hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded p-1.75",
             type: "button",
             onClick: B
           }, [
-            i("div", j, [
-              c(s(y), {
+            i("div", G, [
+              c(a(x), {
                 icon: "Add",
                 size: "sm"
               })
             ]),
             r[3] || (r[3] = i("span", null, "Add Server", -1))
           ])) : h("", !0)
-        ], 8, T)
+        ], 8, R)
       ]),
       backdrop: v(() => [
-        c(s(F), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
+        c(a(I), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
       ]),
       default: v(() => [
-        c(s(E), {
+        c(a(F), {
           class: "z-context-plus hover:bg-b-2 font-code text-c-2 ml-0.75 h-auto gap-0.75 rounded border px-1.5 text-base whitespace-nowrap",
           variant: "ghost"
         }, {
           default: v(() => {
             var t;
             return [
-              (t = e.operation) != null && t.selectedServerUid || e.collection.selectedServerUid ? (n(), a(d, { key: 0 }, [
+              (t = e.operation) != null && t.selectedServerUid || e.collection.selectedServerUid ? (s(), n(d, { key: 0 }, [
                 r[0] || (r[0] = i("span", { class: "sr-only" }, "Server:", -1)),
-                L(" " + W(N.value), 1)
-              ], 64)) : (n(), a(d, { key: 1 }, [
+                T(" " + W(N.value), 1)
+              ], 64)) : (s(), n(d, { key: 1 }, [
                 r[1] || (r[1] = i("span", { class: "sr-only" }, "Add Server", -1)),
-                c(s(y), {
+                c(a(x), {
                   icon: "Add",
                   size: "xs"
                 })
@@ -147,5 +154,5 @@ const T = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }
   }
 });
 export {
-  Q as default
+  Z as default
 };

package/dist/components/Server/ServerDropdownItem.vue.d.ts

@@ -13,6 +13,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     "update:variable": (key: string, value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:variable"?: ((key: string, value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ServerDropdownItem.vue.d.ts.map

package/dist/components/Server/ServerDropdownItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerDropdownItem.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,IAAI,SAAS,EACpB,MAAM,EACP,MAAM,iCAAiC,CAAA;AASxC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;QACjB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;CAC/B,CAAC;;;;;;AAgOF,wBAQG"}
+{"version":3,"file":"ServerDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerDropdownItem.vue"],"names":[],"mappings":"AA0KA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,IAAI,SAAS,EACpB,MAAM,EACP,MAAM,iCAAiC,CAAA;AAQxC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;QACjB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;CAC/B,CAAC;;;;;;AA6OF,wBAOG"}

package/dist/components/Server/ServerDropdownItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./ServerDropdownItem.vue2.js";
 import "./ServerDropdownItem.vue3.js";
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e86ebacd"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-92012388"]]);
 export {
   p as default
 };

package/dist/components/Server/ServerDropdownItem.vue2.js

@@ -1,8 +1,9 @@
-import { defineComponent as C, useId as O, computed as y, createElementBlock as c, openBlock as p, normalizeClass as V, createElementVNode as u, createCommentVNode as h, mergeProps as q, unref as a, createVNode as v, toDisplayString as M, withModifiers as E } from "vue";
-import { ScalarListboxCheckbox as I, ScalarMarkdown as N } from "@scalar/components";
-import B from "./ServerVariablesForm.vue.js";
-import { useWorkspace as D } from "../../store/store.js";
-const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, z = ["id"], L = { key: 0 }, W = { class: "description text-c-3 px-3 py-1.5" }, H = /* @__PURE__ */ C({
+import { defineComponent as q, useId as E, computed as k, useTemplateRef as M, createElementBlock as p, openBlock as c, normalizeClass as I, createElementVNode as u, createCommentVNode as x, mergeProps as N, unref as n, createVNode as v, toDisplayString as B, withModifiers as D } from "vue";
+import { ScalarListboxCheckbox as P, ScalarMarkdown as j } from "@scalar/components";
+import { emitCustomEvent as w } from "@scalar/workspace-store/events";
+import z from "./ServerVariablesForm.vue.js";
+import { useWorkspace as L } from "../../store/store.js";
+const R = ["aria-expanded"], T = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, W = ["id"], $ = { key: 0 }, A = { class: "description text-c-3 px-3 py-1.5" }, Q = /* @__PURE__ */ q({
   __name: "ServerDropdownItem",
   props: {
     collection: {},
@@ -12,75 +13,82 @@ const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitesp
     type: {}
   },
   emits: ["update:variable"],
-  setup(g, { emit: k }) {
-    const e = g, x = k, f = O(), { collectionMutators: m, requestMutators: l, servers: _ } = D(), U = (r, t) => {
-      var i, s, n, S;
-      if (b(r) && (t == null || t.stopPropagation()), o.value) {
-        (s = (i = e.operation) == null ? void 0 : i.servers) != null && s.length && l.edit(e.operation.uid, "selectedServerUid", null), e.type === "collection" ? m.edit(
+  setup(_, { emit: O }) {
+    const e = _, U = O, f = E(), { collectionMutators: m, requestMutators: l, servers: b } = L(), C = (r, t) => {
+      var i, s, a, h, g;
+      if (S(r) && (t == null || t.stopPropagation()), o.value) {
+        (s = (i = e.operation) == null ? void 0 : i.servers) != null && s.length && l.edit(e.operation.uid, "selectedServerUid", null), e.type === "collection" ? (m.edit(
           e.collection.uid,
           "selectedServerUid",
           void 0
-        ) : e.type === "request" && e.operation && l.edit(e.operation.uid, "selectedServerUid", null);
+        ), w(y.value, "scalar-update-selected-server", {
+          value: void 0,
+          options: { disableOldStoreUpdate: !0 }
+        })) : e.type === "request" && e.operation && l.edit(e.operation.uid, "selectedServerUid", null);
         return;
       }
-      e.type === "collection" && e.collection ? ((S = (n = e.operation) == null ? void 0 : n.servers) != null && S.length && l.edit(e.operation.uid, "selectedServerUid", null), m.edit(
+      e.type === "collection" && e.collection ? ((h = (a = e.operation) == null ? void 0 : a.servers) != null && h.length && l.edit(e.operation.uid, "selectedServerUid", null), m.edit(
         e.collection.uid,
         "selectedServerUid",
         r
-      )) : e.type === "request" && e.operation && l.edit(e.operation.uid, "selectedServerUid", r);
-    }, o = y(() => {
+      ), w(y.value, "scalar-update-selected-server", {
+        value: (g = b[r]) == null ? void 0 : g.url,
+        options: { disableOldStoreUpdate: !0 }
+      })) : e.type === "request" && e.operation && l.edit(e.operation.uid, "selectedServerUid", r);
+    }, o = k(() => {
       var r;
       return e.type === "collection" ? e.collection.selectedServerUid === e.serverOption.id && !((r = e.operation) != null && r.selectedServerUid) : e.type === "request" && e.operation ? e.operation.selectedServerUid === e.serverOption.id : !1;
-    }), b = (r) => {
+    }), S = (r) => {
       if (!r)
         return !1;
-      const t = _[r];
+      const t = b[r];
       return Object.keys((t == null ? void 0 : t.variables) ?? {}).length > 0;
-    }, d = y(
+    }, d = k(
       () => {
         var r;
-        return o.value && b(((r = e.server) == null ? void 0 : r.uid) ?? "");
+        return o.value && S(((r = e.server) == null ? void 0 : r.uid) ?? "");
       }
-    ), w = (r, t) => {
-      x("update:variable", r, t);
-    };
+    ), V = (r, t) => {
+      U("update:variable", r, t);
+    }, y = M("wrapper-ref");
     return (r, t) => {
       var i, s;
-      return p(), c("div", {
-        class: V(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !o.value }])
+      return c(), p("div", {
+        ref: "wrapper-ref",
+        class: I(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !o.value }])
       }, [
-        u("button", q(d.value ? { "aria-controls": a(f) } : {}, {
+        u("button", N(d.value ? { "aria-controls": n(f) } : {}, {
           "aria-expanded": d.value,
           class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", o.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
           type: "button",
-          onClick: t[0] || (t[0] = (n) => U(r.serverOption.id, n))
+          onClick: t[0] || (t[0] = (a) => C(r.serverOption.id, a))
         }), [
-          v(a(I), { selected: o.value }, null, 8, ["selected"]),
-          u("span", j, M(r.serverOption.label), 1)
-        ], 16, P),
-        d.value ? (p(), c("div", {
+          v(n(P), { selected: o.value }, null, 8, ["selected"]),
+          u("span", T, B(r.serverOption.label), 1)
+        ], 16, R),
+        d.value ? (c(), p("div", {
           key: 0,
-          id: a(f),
+          id: n(f),
           class: "bg-b-2 divide divide-y rounded-b border-t *:pl-4",
-          onClick: t[1] || (t[1] = E(() => {
+          onClick: t[1] || (t[1] = D(() => {
           }, ["stop"]))
         }, [
-          v(B, {
+          v(z, {
             variables: (i = r.server) == null ? void 0 : i.variables,
-            "onUpdate:variable": w
+            "onUpdate:variable": V
           }, null, 8, ["variables"]),
-          (s = r.server) != null && s.description ? (p(), c("div", L, [
-            u("div", W, [
-              v(a(N), {
+          (s = r.server) != null && s.description ? (c(), p("div", $, [
+            u("div", A, [
+              v(n(j), {
                 value: r.server.description
               }, null, 8, ["value"])
             ])
-          ])) : h("", !0)
-        ], 8, z)) : h("", !0)
+          ])) : x("", !0)
+        ], 8, W)) : x("", !0)
       ], 2);
     };
   }
 });
 export {
-  H as default
+  Q as default
 };

package/dist/components/Server/ServerSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerSelector.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAYzE,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;;;;;AAiMF,wBAOG"}
+{"version":3,"file":"ServerSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerSelector.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAUzE,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;;;;;AA8MF,wBAOG"}

package/dist/components/Server/ServerVariablesForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesForm.vue"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACrB,MAAM,2BAA2B,CAAA;AAIlC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;;;;;AA6IF,wBAOG"}
+{"version":3,"file":"ServerVariablesForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesForm.vue"],"names":[],"mappings":"AA8EA,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACrB,MAAM,2BAA2B,CAAA;AAElC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;;;;;AA6HF,wBAOG"}

package/dist/components/Server/ServerVariablesForm.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as g, createElementBlock as p, createCommentVNode as y, openBlock as o, Fragment as h, renderList as k, normalizeClass as C, createElementVNode as V, createBlock as f, toDisplayString as B } from "vue";
-import S from "./ServerVariablesSelect.vue.js";
-import $ from "./ServerVariablesTextbox.vue.js";
-const j = { class: "flex items-center py-1.5 pl-3 group-has-[input]/label:mr-0 after:content-[':']" }, O = /* @__PURE__ */ g({
+import { defineComponent as h, useId as k, createElementBlock as v, createCommentVNode as $, openBlock as a, Fragment as C, renderList as V, normalizeClass as B, createElementVNode as S, createBlock as p, unref as s, toDisplayString as j } from "vue";
+import E from "./ServerVariablesSelect.vue.js";
+import F from "./ServerVariablesTextbox.vue.js";
+const N = ["for"], z = /* @__PURE__ */ h({
   __name: "ServerVariablesForm",
   props: {
     variables: {},
@@ -10,42 +10,46 @@ const j = { class: "flex items-center py-1.5 pl-3 group-has-[input]/label:mr-0 a
     layout: { default: "client" }
   },
   emits: ["update:variable"],
-  setup(n, { emit: v }) {
-    const d = v;
-    function s(e, r) {
-      d("update:variable", e, r);
+  setup(i, { emit: g }) {
+    const y = g, n = k();
+    function u(r, l) {
+      y("update:variable", r, l);
     }
-    const i = (e) => {
-      var r, l, a;
-      return (((r = n.values) == null ? void 0 : r[e]) ?? ((a = (l = n.variables) == null ? void 0 : l[e]) == null ? void 0 : a.default) ?? "").toString();
+    const c = (r) => {
+      var l, e, t;
+      return (((l = i.values) == null ? void 0 : l[r]) ?? ((t = (e = i.variables) == null ? void 0 : e[r]) == null ? void 0 : t.default) ?? "").toString();
     };
-    return (e, r) => e.variables && Object.keys(e.variables ?? {}).length ? (o(!0), p(h, { key: 0 }, k(Object.keys(e.variables), (l) => {
-      var a, u, c, b, m;
-      return o(), p("label", {
-        key: l,
-        class: C([
+    return (r, l) => r.variables && Object.keys(r.variables ?? {}).length ? (a(!0), v(C, { key: 0 }, V(Object.keys(r.variables), (e) => {
+      var t, b, d, f, m;
+      return a(), v("div", {
+        key: e,
+        class: B([
           "group/label flex w-full",
-          e.layout === "reference" && "items-center border-x border-b last:rounded-b-lg"
+          r.layout === "reference" && "items-center border-x border-b last:rounded-b-lg"
         ])
       }, [
-        V("span", j, B(l), 1),
-        (c = (u = (a = e.variables) == null ? void 0 : a[l]) == null ? void 0 : u.enum) != null && c.length ? (o(), f(S, {
+        S("label", {
+          for: `${s(n)}-${e}`,
+          class: "flex items-center py-1.5 pl-3 group-has-[input]/label:mr-0 after:content-[':']"
+        }, j(e), 9, N),
+        (d = (b = (t = r.variables) == null ? void 0 : t[e]) == null ? void 0 : b.enum) != null && d.length ? (a(), p(E, {
           key: 0,
-          controls: e.controls,
-          enum: ((m = (b = e.variables[l]) == null ? void 0 : b.enum) == null ? void 0 : m.map((t) => `${t}`)) ?? [],
-          label: l,
-          value: i(l),
-          onChange: (t) => s(l, t)
-        }, null, 8, ["controls", "enum", "label", "value", "onChange"])) : (o(), f($, {
+          id: `${s(n)}-${e}`,
+          controls: r.controls,
+          enum: ((m = (f = r.variables[e]) == null ? void 0 : f.enum) == null ? void 0 : m.map((o) => `${o}`)) ?? [],
+          value: c(e),
+          onChange: (o) => u(e, o)
+        }, null, 8, ["id", "controls", "enum", "value", "onChange"])) : (a(), p(F, {
           key: 1,
-          controls: e.controls,
-          value: i(l),
-          onChange: (t) => s(l, t)
-        }, null, 8, ["controls", "value", "onChange"]))
+          id: `${s(n)}-${e}`,
+          controls: r.controls,
+          value: c(e),
+          onChange: (o) => u(e, o)
+        }, null, 8, ["id", "controls", "value", "onChange"]))
       ], 2);
-    }), 128)) : y("", !0);
+    }), 128)) : $("", !0);
   }
 });
 export {
-  O as default
+  z as default
 };

package/dist/components/Server/ServerVariablesSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesSelect.vue"],"names":[],"mappings":"AA8DA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;CAC7B,CAAC;;;;;;AAkHF,wBAQG"}
+{"version":3,"file":"ServerVariablesSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesSelect.vue"],"names":[],"mappings":"AA4DA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;CAC7B,CAAC;;;;;;AAgHF,wBAOG"}

package/dist/components/Server/ServerVariablesTextbox.vue.d.ts

@@ -6,6 +6,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     change: (v: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onChange?: ((v: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLInputElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ServerVariablesTextbox.vue.d.ts.map

package/dist/components/Server/ServerVariablesTextbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesTextbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesTextbox.vue"],"names":[],"mappings":"AAiCA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;CAC7B,CAAC;;;;;;AAyEF,wBAQG"}
+{"version":3,"file":"ServerVariablesTextbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesTextbox.vue"],"names":[],"mappings":"AA+BA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;CAC7B,CAAC;;;;;;AA0DF,wBAOG"}

package/dist/components/SideNav/DownloadAppButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadAppButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/DownloadAppButton.vue"],"names":[],"mappings":";AA+IA,wBAMG"}
+{"version":3,"file":"DownloadAppButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/DownloadAppButton.vue"],"names":[],"mappings":";AA0IA,wBAKG"}

package/dist/components/SideNav/SideHelp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideHelp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideHelp.vue"],"names":[],"mappings":";AA2TA,wBAMG"}
+{"version":3,"file":"SideHelp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideHelp.vue"],"names":[],"mappings":";AA6YA,wBAKG"}

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

@@ -1,3 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=SideNav.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAkSA,wBAMG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAmTA,wBAKG"}

package/dist/components/SideNav/SideNavGroup.vue.d.ts

@@ -1,16 +1,11 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLUListElement;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLUListElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/SideNav/SideNavGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavGroup.vue"],"names":[],"mappings":"AAyBA,iBAAS,cAAc;WAoCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,4RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SideNavGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavGroup.vue"],"names":[],"mappings":"AAmCA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAmB/C,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/SideNav/SideNavLink.vue.d.ts

@@ -5,20 +5,16 @@ type __VLS_Props = {
     active?: boolean;
     icon: Icon;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        icon?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_6: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_6) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/SideNav/SideNavLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AAsCA,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAMpC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;AAUF,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;sBATxB,GAAG;yBACC,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AAsCA,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAIpC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;AA+EF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAqBhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/SideNav/SideNavRouterLink.vue.d.ts

@@ -5,19 +5,14 @@ type __VLS_Props = {
     to: RouteLocationRaw;
     active?: boolean;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/SideNav/SideNavRouterLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavRouterLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavRouterLink.vue"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAM9D,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,IAAI,CAAA;IACV,EAAE,EAAE,gBAAgB,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAQF,iBAAS,cAAc;WA0CT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SideNavRouterLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavRouterLink.vue"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAI9D,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,IAAI,CAAA;IACV,EAAE,EAAE,gBAAgB,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AA+BF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/SideNav/WorkspaceProfileIcon.vue.d.ts

@@ -4,6 +4,6 @@ type __VLS_Props = {
         imageUri?: string;
     };
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: 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>;
 export default _default;
 //# sourceMappingURL=WorkspaceProfileIcon.vue.d.ts.map

package/dist/components/SideNav/WorkspaceProfileIcon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceProfileIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/WorkspaceProfileIcon.vue"],"names":[],"mappings":"AAqGA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAC;;AA6EF,wBAOG"}
+{"version":3,"file":"WorkspaceProfileIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/WorkspaceProfileIcon.vue"],"names":[],"mappings":"AAmGA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAC;;AAoEF,wBAMG"}

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.d.ts

@@ -8,6 +8,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLFormElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=DeleteSidebarListElement.vue.d.ts.map

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteSidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"names":[],"mappings":"AA2CA,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC,CAAC;;;;;;;;AAoHF,wBAQG"}
+{"version":3,"file":"DeleteSidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC,CAAC;;;;;;;;AAqFF,wBAOG"}