@scalar/api-client 2.2.50 → 2.2.52

package/dist/views/Environment/Environment.vue2.js

@@ -1,82 +1,82 @@
-import { defineComponent as ie, ref as h, watch as ue, onMounted as me, onBeforeUnmount as ce, openBlock as v, createBlock as g, withCtx as c, createVNode as u, createElementVNode as p, createElementBlock as $, Fragment as z, renderList as A, unref as s, normalizeClass as B, createTextVNode as K, toDisplayString as F, withDirectives as de, withModifiers as ve, createCommentVNode as G, vShow as fe, createSlots as pe } from "vue";
-import { useModal as N, ScalarIcon as J, ScalarButton as xe, ScalarModal as be } from "@scalar/components";
+import { defineComponent as ie, ref as h, watch as ue, onMounted as me, onBeforeUnmount as ce, openBlock as v, createBlock as g, withCtx as c, createVNode as m, createElementVNode as p, unref as r, createElementBlock as V, Fragment as A, renderList as B, normalizeClass as L, createTextVNode as K, toDisplayString as F, withDirectives as de, withModifiers as ve, createCommentVNode as G, vShow as fe, createSlots as pe } from "vue";
+import { useModal as O, ScalarIcon as J, ScalarButton as xe, ScalarModal as be } from "@scalar/components";
 import { LibraryIcon as he } from "@scalar/icons";
 import { useToasts as Ce } from "@scalar/use-toasts";
-import { useRouter as Ee, useRoute as ye } from "vue-router";
-import ke from "../../components/CodeInput/CodeInput.vue.js";
+import { useRouter as Ee, useRoute as ke } from "vue-router";
+import ye from "../../components/CodeInput/CodeInput.vue.js";
 import ge from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
 import _e from "../../components/Sidebar/Sidebar.vue.js";
 import we from "../../components/Sidebar/SidebarButton.vue.js";
 import Ie from "../../components/Sidebar/SidebarList.vue.js";
 import T from "../../components/Sidebar/SidebarListElement.vue.js";
-import Se from "../../components/ViewLayout/ViewLayout.vue.js";
-import Me from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import Ve from "../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { PathId as m } from "../../routes.js";
-import { useActiveEntities as $e } from "../../store/active-entities.js";
-import Ne from "./EnvironmentColorModal.vue.js";
-import Oe from "./EnvironmentModal.vue.js";
-import { useWorkspace as je } from "../../store/store.js";
-import { useSidebar as Re } from "../../hooks/useSidebar.js";
-const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-[14px] items-center justify-center" }, ln = /* @__PURE__ */ ie({
+import Me from "../../components/ViewLayout/ViewLayout.vue.js";
+import Se from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import $e from "../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { useSidebar as Ve } from "../../hooks/useSidebar.js";
+import { PathId as i } from "../../routes.js";
+import { useActiveEntities as Oe } from "../../store/active-entities.js";
+import je from "./EnvironmentColorModal.vue.js";
+import Ne from "./EnvironmentModal.vue.js";
+import { useWorkspace as Re } from "../../store/store.js";
+const De = { class: "flex-1" }, Ue = ["onClick"], We = { class: "flex h-5 max-w-[14px] items-center justify-center" }, ln = /* @__PURE__ */ ie({
   __name: "Environment",
-  setup(We) {
-    const C = Ee(), E = ye(), {
+  setup(ze) {
+    const C = Ee(), E = ke(), {
       activeWorkspace: x,
-      activeEnvironment: O,
-      activeWorkspaceCollections: i,
+      activeEnvironment: j,
+      activeWorkspaceCollections: u,
       activeEnvVariables: H
-    } = $e(), { events: j, workspaceMutators: P, collectionMutators: y } = je(), { collapsedSidebarFolders: k, toggleSidebarFolder: _ } = Re(), w = N(), I = N(), S = N(), R = h(null), r = h("default"), D = h(""), b = h(void 0), d = h(void 0), M = h(void 0), { toast: L } = Ce(), q = (e) => JSON.parse(e);
-    function U(e, o, n) {
+    } = Oe(), { events: N, workspaceMutators: P, collectionMutators: k } = Re(), { collapsedSidebarFolders: y, toggleSidebarFolder: _ } = Ve(), w = O(), I = O(), M = O(), R = h(null), s = h("default"), D = h(""), b = h(void 0), d = h(void 0), S = h(void 0), { toast: U } = Ce(), q = (e) => JSON.parse(e);
+    function W(e, o, n) {
       var t;
-      e && (o.uid === n ? L(
+      e && (o.uid === n ? U(
         `Environment name already used in ${(t = o.info) == null ? void 0 : t.title}`,
         "error"
-      ) : L("Environment name already used in another collection", "error"));
+      ) : U("Environment name already used in another collection", "error"));
     }
     function Q(e) {
-      i.value.some(
+      u.value.some(
         (n) => {
           const t = Object.keys(
             n["x-scalar-environments"] || {}
           ).includes(e.name);
-          return U(t, n, e.collectionId), t;
+          return W(t, n, e.collectionId), t;
         }
-      ) || (e.collectionId && (y.addEnvironment(
+      ) || (e.collectionId && (k.addEnvironment(
         e.name,
         {
           variables: {},
           color: e.color
         },
         e.collectionId
-      ), k[e.collectionId] || _(e.collectionId), C.push({
+      ), y[e.collectionId] || _(e.collectionId), C.push({
         name: "environment.collection",
         params: {
-          [m.Collection]: e.collectionId,
-          [m.Environment]: e.name
+          [i.Collection]: e.collectionId,
+          [i.Environment]: e.name
         }
       })), I.hide());
     }
     function X(e) {
       var o, n;
-      if (O) {
+      if (j) {
         const t = q(e);
-        if (r.value === "default")
+        if (s.value === "default")
           P.edit(
             (o = x.value) == null ? void 0 : o.uid,
             "environments",
             t
           );
         else {
-          const a = i.value.find(
+          const a = u.value.find(
             (l) => {
               var f;
-              return (f = l["x-scalar-environments"]) == null ? void 0 : f[r.value ?? ""];
+              return (f = l["x-scalar-environments"]) == null ? void 0 : f[s.value ?? ""];
             }
           );
-          if ((n = a == null ? void 0 : a["x-scalar-environments"]) != null && n[r.value ?? ""]) {
-            const l = a["x-scalar-environments"][r.value ?? ""];
-            l && (l.variables = t, y.edit(
+          if ((n = a == null ? void 0 : a["x-scalar-environments"]) != null && n[s.value ?? ""]) {
+            const l = a["x-scalar-environments"][s.value ?? ""];
+            l && (l.variables = t, k.edit(
               a.uid,
               "x-scalar-environments",
               a["x-scalar-environments"]
@@ -85,13 +85,13 @@ const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-
         }
       }
     }
-    const V = (e) => {
+    const $ = (e) => {
       b.value = e, I.show();
     }, Y = (e, o) => {
-      d.value = e, b.value = o, M.value = e, S.show();
+      d.value = e, b.value = o, S.value = e, M.show();
     }, Z = (e) => {
       var o, n, t;
-      R.value = e, D.value = ((t = (n = (o = i.value.find(
+      R.value = e, D.value = ((t = (n = (o = u.value.find(
         (a) => {
           var l;
           return (l = a["x-scalar-environments"]) == null ? void 0 : l[e];
@@ -99,14 +99,14 @@ const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-
       )) == null ? void 0 : o["x-scalar-environments"]) == null ? void 0 : n[e]) == null ? void 0 : t.color) ?? "", w.show();
     }, ee = (e) => {
       const o = R.value;
-      typeof o == "string" && (i.value.some(
+      typeof o == "string" && (u.value.some(
         (t) => {
           var a;
           return (a = t["x-scalar-environments"]) == null ? void 0 : a[o];
         }
-      ) && i.value.forEach((t) => {
+      ) && u.value.forEach((t) => {
         var a;
-        (a = t["x-scalar-environments"]) != null && a[o] && (t["x-scalar-environments"][o].color = e, y.edit(
+        (a = t["x-scalar-environments"]) != null && a[o] && (t["x-scalar-environments"][o].color = e, k.edit(
           t.uid,
           "x-scalar-environments",
           t["x-scalar-environments"]
@@ -114,114 +114,120 @@ const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-
       }), w.hide());
     };
     function ne(e) {
-      i.value.forEach((n) => {
-        y.removeEnvironment(e, n.uid);
+      u.value.forEach((n) => {
+        k.removeEnvironment(e, n.uid);
       });
-      const o = i.value.flatMap(
+      const o = u.value.flatMap(
         (n) => Object.keys(n["x-scalar-environments"] || {})
       );
       if (o.length > 0) {
         const n = o[o.length - 1];
         if (!n) return;
-        const t = i.value.find(
+        const t = u.value.find(
           (a) => Object.keys(a["x-scalar-environments"] || {}).includes(
             n
           )
         );
-        r.value = n, C.push({
+        s.value = n, C.push({
           name: "environment.collection",
           params: {
             collectionId: t == null ? void 0 : t.uid,
             environmentId: n
           }
-        }), t && !k[t.uid] && _(t.uid);
+        }), t && !y[t.uid] && _(t.uid);
       } else
-        r.value = "default", C.push({
+        s.value = "default", C.push({
           name: "environment",
           params: { environment: "default" }
         });
     }
-    const te = () => r.value === "default" ? "Global Environment" : r.value, oe = () => {
+    const te = () => s.value === "default" ? "Global Environment" : s.value, oe = () => {
       var e, o, n, t;
-      return r.value === "default" ? JSON.stringify((e = x.value) == null ? void 0 : e.environments, null, 2) : JSON.stringify(
-        (t = (n = (o = i.value.find(
+      return s.value === "default" ? JSON.stringify((e = x.value) == null ? void 0 : e.environments, null, 2) : JSON.stringify(
+        (t = (n = (o = u.value.find(
           (a) => {
             var l;
-            return (l = a["x-scalar-environments"]) == null ? void 0 : l[r.value ?? ""];
+            return (l = a["x-scalar-environments"]) == null ? void 0 : l[s.value ?? ""];
           }
-        )) == null ? void 0 : o["x-scalar-environments"]) == null ? void 0 : n[r.value ?? ""]) == null ? void 0 : t.variables,
+        )) == null ? void 0 : o["x-scalar-environments"]) == null ? void 0 : n[s.value ?? ""]) == null ? void 0 : t.variables,
         null,
         2
       );
-    }, ae = (e) => k[e], W = (e) => {
-      e != null && e.createNew && E.name === "environment" && V();
+    }, ae = (e) => y[e], z = (e) => {
+      e != null && e.createNew && E.name === "environment" && $();
     };
     ue(
-      () => [E.params[m.Collection], E.params[m.Environment]],
+      () => [E.params[i.Collection], E.params[i.Environment]],
       ([e, o]) => {
-        e ? r.value = o : r.value = "default";
+        e ? s.value = o : s.value = "default";
       }
     ), me(() => {
-      r.value = E.params[m.Environment] || "default", j.hotKeys.on(W);
-      const e = E.params[m.Collection];
-      e && !k[e] && _(e);
-    }), ce(() => j.hotKeys.off(W));
+      s.value = E.params[i.Environment] || "default", N.hotKeys.on(z);
+      const e = E.params[i.Collection];
+      e && !y[e] && _(e);
+    }), ce(() => N.hotKeys.off(z));
     const le = (e, o, n) => {
       var a, l;
       const t = n ? {
         name: "environment.collection",
         params: {
-          [m.Workspace]: (a = x.value) == null ? void 0 : a.uid,
-          [m.Collection]: n,
-          [m.Environment]: o
+          [i.Workspace]: (a = x.value) == null ? void 0 : a.uid,
+          [i.Collection]: n,
+          [i.Environment]: o
         }
       } : {
         name: "environment.default",
         params: {
-          [m.Workspace]: (l = x.value) == null ? void 0 : l.uid,
-          [m.Environment]: o
+          [i.Workspace]: (l = x.value) == null ? void 0 : l.uid,
+          [i.Environment]: o
         }
       };
       e.metaKey ? window.open(C.resolve(t).href, "_blank") : C.push(t);
     };
     function re() {
-      d.value = void 0, b.value = void 0, M.value = void 0, S.hide();
+      d.value = void 0, b.value = void 0, S.value = void 0, M.hide();
     }
     function se(e) {
-      i.value.some(
+      u.value.some(
         (n) => {
           const t = Object.keys(
             n["x-scalar-environments"] || {}
           ).includes(e);
-          return U(
+          return W(
             t,
             n,
             b.value
           ), t;
         }
-      ) || (e && d.value !== "default" && i.value.forEach((n) => {
+      ) || (e && d.value !== "default" && u.value.forEach((n) => {
         var t;
         if ((t = n["x-scalar-environments"]) != null && t[d.value ?? ""]) {
           const a = n["x-scalar-environments"][d.value ?? ""];
-          a && (delete n["x-scalar-environments"][d.value ?? ""], n["x-scalar-environments"][e] = a, y.edit(
+          a && (delete n["x-scalar-environments"][d.value ?? ""], n["x-scalar-environments"][e] = a, k.edit(
             n.uid,
             "x-scalar-environments",
             n["x-scalar-environments"]
           ));
         }
-      }), e && r.value === d.value && (r.value = e), d.value = void 0, b.value = void 0, M.value = void 0, S.hide());
+      }), e && s.value === d.value && (s.value = e), d.value = void 0, b.value = void 0, S.value = void 0, M.hide());
     }
-    return (e, o) => (v(), g(Se, null, {
+    return (e, o) => (v(), g(Me, null, {
       default: c(() => [
-        u(_e, { title: "Collections" }, {
+        m(_e, { title: "Collections" }, {
           content: c(() => [
             p("div", De, [
-              u(Ie, null, {
+              m(Ie, null, {
                 default: c(() => [
                   (v(), g(T, {
                     key: "default",
                     class: "text-xs",
                     isCopyable: !1,
+                    to: {
+                      name: "environment.default",
+                      params: {
+                        [r(i).Environment]: "default"
+                      }
+                    },
                     type: "environment",
                     variable: {
                       name: "Global Environment",
@@ -229,29 +235,29 @@ const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-
                       icon: "Globe",
                       isDefault: !0
                     }
-                  })),
-                  (v(!0), $(z, null, A(s(i), (n) => {
+                  }, null, 8, ["to"])),
+                  (v(!0), V(A, null, B(r(u), (n) => {
                     var t;
-                    return v(), $("li", {
+                    return v(), V("li", {
                       key: n.uid,
                       class: "gap-1/2 flex flex-col"
                     }, [
                       p("button", {
                         class: "hover:bg-b-2 group flex w-full items-center gap-1.5 break-words rounded p-1.5 text-left text-sm font-medium",
                         type: "button",
-                        onClick: (a) => s(_)(n.uid)
+                        onClick: (a) => r(_)(n.uid)
                       }, [
-                        p("span", Ue, [
-                          u(s(he), {
+                        p("span", We, [
+                          m(r(he), {
                             class: "text-sidebar-c-2 size-3.5 min-w-3.5 stroke-2 group-hover:hidden",
                             src: n["x-scalar-icon"] || "interface-content-folder"
                           }, null, 8, ["src"]),
                           p("div", {
-                            class: B({
-                              "rotate-90": s(k)[n.uid]
+                            class: L({
+                              "rotate-90": r(y)[n.uid]
                             })
                           }, [
-                            u(s(J), {
+                            m(r(J), {
                               class: "text-c-3 hover:text-c-1 hidden text-sm group-hover:block",
                               icon: "ChevronRight",
                               size: "md"
@@ -259,19 +265,26 @@ const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-
                           ], 2)
                         ]),
                         K(" " + F(((t = n.info) == null ? void 0 : t.title) ?? ""), 1)
-                      ], 8, Le),
+                      ], 8, Ue),
                       de(p("div", {
-                        class: B({
+                        class: L({
                           "before:bg-border before:z-1 relative mb-[.5px] before:pointer-events-none before:absolute before:left-3 before:top-0 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full": Object.keys(n["x-scalar-environments"] || {}).length > 0
                         })
                       }, [
-                        (v(!0), $(z, null, A(n["x-scalar-environments"], (a, l) => (v(), g(T, {
+                        (v(!0), V(A, null, B(n["x-scalar-environments"], (a, l) => (v(), g(T, {
                           key: l,
                           class: "text-xs [&>a]:pl-5",
                           collectionId: n.uid,
                           isCopyable: !1,
                           isDeletable: !0,
                           isRenameable: !0,
+                          to: {
+                            name: "collection.environment",
+                            params: {
+                              [r(i).Collection]: n.uid,
+                              [r(i).Environment]: l
+                            }
+                          },
                           type: "environment",
                           variable: {
                             name: l,
@@ -284,15 +297,15 @@ const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-
                           onColorModal: (f) => Z(l),
                           onDelete: (f) => ne(l),
                           onRename: (f) => Y(l, n.uid)
-                        }, null, 8, ["collectionId", "variable", "onClick", "onColorModal", "onDelete", "onRename"]))), 128)),
-                        Object.keys(n["x-scalar-environments"] || {}).length === 0 ? (v(), g(s(xe), {
+                        }, null, 8, ["collectionId", "to", "variable", "onClick", "onColorModal", "onDelete", "onRename"]))), 128)),
+                        Object.keys(n["x-scalar-environments"] || {}).length === 0 ? (v(), g(r(xe), {
                           key: 0,
                           class: "text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 pl-6 text-xs",
                           variant: "ghost",
-                          onClick: (a) => V(n.uid)
+                          onClick: (a) => $(n.uid)
                         }, {
                           default: c(() => [
-                            u(s(J), {
+                            m(r(J), {
                               icon: "Add",
                               size: "sm"
                             }),
@@ -311,8 +324,8 @@ const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-
             ])
           ]),
           button: c(() => [
-            u(we, {
-              click: V,
+            m(we, {
+              click: $,
               hotkey: "N"
             }, {
               title: c(() => o[3] || (o[3] = [
@@ -323,27 +336,27 @@ const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-
           ]),
           _: 1
         }),
-        u(Me, { class: "flex-1" }, {
+        m(Se, { class: "flex-1" }, {
           default: c(() => [
-            u(Ve, null, pe({
+            m($e, null, pe({
               default: c(() => [
-                r.value && s(x) ? (v(), g(ke, {
+                s.value && r(x) ? (v(), g(ye, {
                   key: 0,
-                  class: "border-t py-2 pl-px pr-2 md:px-4",
-                  envVariables: s(H),
-                  environment: s(O),
+                  class: "py-2 pl-px pr-2 md:px-4",
+                  envVariables: r(H),
+                  environment: r(j),
                   isCopyable: "",
                   language: "json",
                   lineNumbers: "",
                   lint: "",
                   modelValue: oe(),
-                  workspace: s(x),
+                  workspace: r(x),
                   "onUpdate:modelValue": X
                 }, null, 8, ["envVariables", "environment", "modelValue", "workspace"])) : G("", !0)
               ]),
               _: 2
             }, [
-              r.value ? {
+              s.value ? {
                 name: "title",
                 fn: c(() => [
                   p("span", null, F(te()), 1)
@@ -354,27 +367,27 @@ const De = { class: "flex-1" }, Le = ["onClick"], Ue = { class: "flex h-5 max-w-
           ]),
           _: 1
         }),
-        u(Ne, {
+        m(je, {
           selectedColor: D.value,
-          state: s(w),
-          onCancel: o[0] || (o[0] = (n) => s(w).hide()),
+          state: r(w),
+          onCancel: o[0] || (o[0] = (n) => r(w).hide()),
           onSubmit: ee
         }, null, 8, ["selectedColor", "state"]),
-        u(Oe, {
-          activeWorkspaceCollections: s(i),
+        m(Ne, {
+          activeWorkspaceCollections: r(u),
           collectionId: b.value,
-          state: s(I),
-          onCancel: o[1] || (o[1] = (n) => s(I).hide()),
+          state: r(I),
+          onCancel: o[1] || (o[1] = (n) => r(I).hide()),
           onSubmit: Q
         }, null, 8, ["activeWorkspaceCollections", "collectionId", "state"]),
-        u(s(be), {
+        m(r(be), {
           size: "xxs",
-          state: s(S),
+          state: r(M),
           title: `Edit ${d.value}`
         }, {
           default: c(() => [
-            u(ge, {
-              name: M.value ?? "",
+            m(ge, {
+              name: S.value ?? "",
               onClose: re,
               onEdit: se
             }, null, 8, ["name"])

package/dist/views/Environment/EnvironmentColorModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentColorModal.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentColorModal.vue"],"names":[],"mappings":"AAgDA,OAAO,EAAE,KAAK,UAAU,EAAe,MAAM,oBAAoB,CAAA;AAOjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;;;;;;;;AAoJF,wBAQG"}
+{"version":3,"file":"EnvironmentColorModal.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentColorModal.vue"],"names":[],"mappings":"AAgDA,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AASjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;;;;;;;;AAoJF,wBAQG"}

package/dist/views/Environment/EnvironmentColorModal.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as m, ref as u, openBlock as d, createBlock as f, unref as p, withCtx as C, createElementVNode as v, createVNode as n } from "vue";
-import _ from "../../components/Sidebar/Actions/SidebarListElementForm.vue.js";
-import { ScalarModal as x } from "@scalar/components";
+import { ScalarModal as _ } from "@scalar/components";
+import x from "../../components/Sidebar/Actions/SidebarListElementForm.vue.js";
 import S from "./EnvironmentColors.vue.js";
 const b = { class: "flex flex-col gap-4" }, M = /* @__PURE__ */ m({
   __name: "EnvironmentColorModal",
@@ -15,7 +15,7 @@ const b = { class: "flex flex-col gap-4" }, M = /* @__PURE__ */ m({
     }, i = () => {
       o("submit", e.value), e.value = "";
     };
-    return (t, l) => (d(), f(p(x), {
+    return (t, l) => (d(), f(p(_), {
       size: "xxs",
       state: t.state,
       title: "Edit Environment Color"
@@ -24,10 +24,10 @@ const b = { class: "flex flex-col gap-4" }, M = /* @__PURE__ */ m({
         v("div", b, [
           n(S, {
             activeColor: e.value || s.selectedColor,
-            class: "p-1 w-full",
+            class: "w-full p-1",
             onSelect: c
           }, null, 8, ["activeColor"]),
-          n(_, {
+          n(x, {
             onCancel: l[0] || (l[0] = (E) => o("cancel")),
             onSubmit: i
           })

package/dist/views/Environment/EnvironmentColors.vue.js

@@ -47,7 +47,7 @@ const R = ["onClick"], T = ["placeholder"], U = /* @__PURE__ */ F({
         ], 6)) : c("", !0),
         u.value || !e.selector ? (t(), d("div", {
           key: 1,
-          class: s(["color-selector flex flex-row gap-1.5 items-center justify-between space-x-1", e.selector ? "h-4" : "min-h-10 min-w-[296px]"])
+          class: s(["color-selector flex flex-row items-center justify-between gap-1.5 space-x-1", e.selector ? "h-4" : "min-h-10 min-w-[296px]"])
         }, [
           (t(), d(w, null, j(k, (r) => n("div", {
             key: r.color,
@@ -62,9 +62,9 @@ const R = ["onClick"], T = ["placeholder"], U = /* @__PURE__ */ F({
               size: "xs"
             }, null, 8, ["class"])) : c("", !0)
           ], 14, R)), 64)),
-          i[2] || (i[2] = n("hr", { class: "w-0.5 h-5 border-ghost border-l" }, null, -1)),
+          i[2] || (i[2] = n("hr", { class: "border-ghost h-5 w-0.5 border-l" }, null, -1)),
           n("label", {
-            class: s(["cursor-pointer flex flex-row justify-center gap-2 items-center rounded-full z-10", e.selector ? "h-4 w-4" : "h-5 w-5"]),
+            class: s(["z-10 flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full", e.selector ? "h-4 w-4" : "h-5 w-5"]),
             style: f(b.value),
             onClick: y
           }, [
@@ -79,20 +79,20 @@ const R = ["onClick"], T = ["placeholder"], U = /* @__PURE__ */ F({
       ], 64)),
       a.value ? (t(), d("div", {
         key: 1,
-        class: s(["color-selector flex flex-1 gap-2 items-center rounded", e.selector ? "h-4" : "min-h-10"])
+        class: s(["color-selector flex flex-1 items-center gap-2 rounded", e.selector ? "h-4" : "min-h-10"])
       }, [
         n("span", {
-          class: s(["absolute border border-dashed rounded-full", e.selector ? "h-4 w-4" : "h-5 w-5"])
+          class: s(["absolute rounded-full border border-dashed", e.selector ? "h-4 w-4" : "h-5 w-5"])
         }, null, 2),
         n("span", {
-          class: s(["rounded-full z-[1]", e.selector ? "h-4 w-4" : "h-5 w-5"]),
+          class: s(["z-[1] rounded-full", e.selector ? "h-4 w-4" : "h-5 w-5"]),
           style: f(b.value)
         }, null, 6),
         D(n("input", {
           ref_key: "customColorInputRef",
           ref: C,
           "onUpdate:modelValue": i[0] || (i[0] = (r) => o.value = r),
-          class: "border-transparent flex-1 outline-none w-full text-sm",
+          class: "w-full flex-1 border-transparent text-sm outline-none",
           placeholder: l.activeColor || "#000000",
           type: "text",
           onInput: i[1] || (i[1] = (r) => g(o.value))
@@ -100,7 +100,7 @@ const R = ["onClick"], T = ["placeholder"], U = /* @__PURE__ */ F({
           [V, o.value]
         ]),
         n("button", {
-          class: "text-c-3 hover:bg-b-2 p-1.5 rounded-lg",
+          class: "text-c-3 hover:bg-b-2 rounded-lg p-1.5",
           type: "button",
           onClick: y
         }, [

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts

@@ -1,5 +1,5 @@
-import { type EnvVariables } from '../../libs/env-helpers';
 import type { Environment } from '@scalar/oas-utils/entities/environment';
+import { type EnvVariables } from '../../libs/env-helpers';
 type __VLS_Props = {
     query: string;
     environment: Environment;

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AA6KA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,oBAAoB,CAAA;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAQzE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,YAAY,CAAA;IAE1B,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAC;;gCAwDiC,IAAI,GAAG,MAAM;;;;;;;AAqPhD,wBAQG"}
+{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AA8KA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAOzE,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAInE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,YAAY,CAAA;IAE1B,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAC;;gCAwDiC,IAAI,GAAG,MAAM;;;;;;;AAqPhD,wBAQG"}