@scalar/api-client 2.3.26 → 2.3.27

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

@@ -1,55 +1,62 @@
-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/library";
-import { useToasts as Ce } from "@scalar/use-toasts";
-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 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 { defineComponent as de, ref as C, computed as ve, watch as fe, onMounted as pe, onBeforeUnmount as be, openBlock as f, createBlock as _, withCtx as c, createVNode as u, createElementVNode as b, unref as l, createElementBlock as O, Fragment as B, renderList as L, normalizeClass as K, createTextVNode as G, toDisplayString as J, withDirectives as xe, withModifiers as he, createCommentVNode as T, vShow as Ee, createSlots as Ce } from "vue";
+import { useModal as j, ScalarIcon as H, ScalarButton as ke, ScalarModal as ge } from "@scalar/components";
+import { LibraryIcon as ye } from "@scalar/icons/library";
+import { useToasts as _e } from "@scalar/use-toasts";
+import { useRouter as we, useRoute as De } from "vue-router";
+import Ie from "../../components/CodeInput/CodeInput.vue.js";
+import Me from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
+import Se from "../../components/Sidebar/Sidebar.vue.js";
+import $e from "../../components/Sidebar/SidebarButton.vue.js";
+import Ve from "../../components/Sidebar/SidebarList.vue.js";
+import P from "../../components/Sidebar/SidebarListElement.vue.js";
+import Oe from "../../components/ViewLayout/ViewLayout.vue.js";
+import je from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import Fe from "../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { useSidebar as Ne } 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({
+import { useActiveEntities as Re } from "../../store/active-entities.js";
+import We from "./EnvironmentColorModal.vue.js";
+import Ue from "./EnvironmentModal.vue.js";
+import { environmentDragHandlerFactory as ze } from "./handle-drag.js";
+import { useWorkspace as Ae } from "../../store/store.js";
+const Be = { class: "flex-1" }, Le = ["onClick"], Ke = { class: "flex h-5 max-w-[14px] items-center justify-center" }, vn = /* @__PURE__ */ de({
   __name: "Environment",
-  setup(ze) {
-    const C = Ee(), E = ke(), {
-      activeWorkspace: x,
-      activeEnvironment: j,
-      activeWorkspaceCollections: u,
-      activeEnvVariables: H
-    } = 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) {
+  setup(Ge) {
+    const k = we(), g = De(), {
+      activeWorkspace: p,
+      activeEnvironment: F,
+      activeWorkspaceCollections: d,
+      activeEnvVariables: q
+    } = Re(), { events: N, workspaceMutators: Q, collectionMutators: x } = Ae(), { collapsedSidebarFolders: y, toggleSidebarFolder: w } = Ne(), D = j(), I = j(), M = j(), R = C(null), s = C("default"), W = C(""), h = C(void 0), v = C(void 0), S = C(void 0), { toast: U } = _e(), X = (e) => JSON.parse(e);
+    function z(e, o, n) {
       var t;
       e && (o.uid === n ? U(
         `Environment name already used in ${(t = o.info) == null ? void 0 : t.title}`,
         "error"
       ) : U("Environment name already used in another collection", "error"));
     }
-    function Q(e) {
-      u.value.some(
+    const E = ve(() => d.value.filter(
+      (e) => {
+        var o;
+        return ((o = e.info) == null ? void 0 : o.title) !== "Drafts";
+      }
+    ));
+    function Y(e) {
+      E.value.some(
         (n) => {
           const t = Object.keys(
             n["x-scalar-environments"] || {}
           ).includes(e.name);
-          return W(t, n, e.collectionId), t;
+          return z(t, n, e.collectionId), t;
         }
-      ) || (e.collectionId && (k.addEnvironment(
+      ) || (e.collectionId && (x.addEnvironment(
         e.name,
         {
           variables: {},
           color: e.color
         },
         e.collectionId
-      ), y[e.collectionId] || _(e.collectionId), C.push({
+      ), y[e.collectionId] || w(e.collectionId), k.push({
         name: "environment.collection",
         params: {
           [i.Collection]: e.collectionId,
@@ -57,176 +64,186 @@ const De = { class: "flex-1" }, Ue = ["onClick"], We = { class: "flex h-5 max-w-
         }
       })), I.hide());
     }
-    function X(e) {
-      var o, n;
-      if (j) {
-        const t = q(e);
-        if (s.value === "default")
-          P.edit(
-            (o = x.value) == null ? void 0 : o.uid,
-            "environments",
-            t
-          );
-        else {
-          const a = u.value.find(
-            (l) => {
-              var f;
-              return (f = l["x-scalar-environments"]) == null ? void 0 : f[s.value ?? ""];
-            }
-          );
-          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"]
-            ));
+    function Z(e) {
+      var n, t;
+      if (!F)
+        return;
+      const o = X(e);
+      if (s.value === "default")
+        Q.edit(
+          (n = p.value) == null ? void 0 : n.uid,
+          "environments",
+          o
+        );
+      else {
+        const a = d.value.find(
+          (r) => {
+            var m;
+            return (m = r["x-scalar-environments"]) == null ? void 0 : m[s.value ?? ""];
           }
+        );
+        if ((t = a == null ? void 0 : a["x-scalar-environments"]) != null && t[s.value ?? ""]) {
+          const r = a["x-scalar-environments"][s.value ?? ""];
+          r && (r.variables = o, x.edit(
+            a.uid,
+            "x-scalar-environments",
+            a["x-scalar-environments"]
+          ));
         }
       }
     }
     const $ = (e) => {
-      b.value = e, I.show();
-    }, Y = (e, o) => {
-      d.value = e, b.value = o, S.value = e, M.show();
-    }, Z = (e) => {
+      h.value = e, I.show();
+    }, ee = (e, o) => {
+      v.value = e, h.value = o, S.value = e, M.show();
+    }, ne = (e) => {
       var o, n, t;
-      R.value = e, D.value = ((t = (n = (o = u.value.find(
+      R.value = e, W.value = ((t = (n = (o = d.value.find(
         (a) => {
-          var l;
-          return (l = a["x-scalar-environments"]) == null ? void 0 : l[e];
+          var r;
+          return (r = a["x-scalar-environments"]) == null ? void 0 : r[e];
         }
-      )) == null ? void 0 : o["x-scalar-environments"]) == null ? void 0 : n[e]) == null ? void 0 : t.color) ?? "", w.show();
-    }, ee = (e) => {
+      )) == null ? void 0 : o["x-scalar-environments"]) == null ? void 0 : n[e]) == null ? void 0 : t.color) ?? "", D.show();
+    }, te = (e) => {
       const o = R.value;
-      typeof o == "string" && (u.value.some(
+      typeof o == "string" && (d.value.some(
         (t) => {
           var a;
           return (a = t["x-scalar-environments"]) == null ? void 0 : a[o];
         }
-      ) && u.value.forEach((t) => {
+      ) && d.value.forEach((t) => {
         var a;
-        (a = t["x-scalar-environments"]) != null && a[o] && (t["x-scalar-environments"][o].color = e, k.edit(
+        (a = t["x-scalar-environments"]) != null && a[o] && (t["x-scalar-environments"][o].color = e, x.edit(
           t.uid,
           "x-scalar-environments",
           t["x-scalar-environments"]
         ));
-      }), w.hide());
+      }), D.hide());
     };
-    function ne(e) {
-      u.value.forEach((n) => {
-        k.removeEnvironment(e, n.uid);
+    function oe(e) {
+      var n;
+      E.value.forEach((t) => {
+        x.removeEnvironment(e, t.uid);
       });
-      const o = u.value.flatMap(
-        (n) => Object.keys(n["x-scalar-environments"] || {})
+      const o = E.value.flatMap(
+        (t) => Object.keys(t["x-scalar-environments"] || {})
       );
       if (o.length > 0) {
-        const n = o[o.length - 1];
-        if (!n)
+        const t = o[o.length - 1];
+        if (!t)
           return;
-        const t = u.value.find(
-          (a) => Object.keys(a["x-scalar-environments"] || {}).includes(
-            n
+        const a = d.value.find(
+          (r) => Object.keys(r["x-scalar-environments"] || {}).includes(
+            t
           )
         );
-        s.value = n, C.push({
+        s.value = t, k.push({
           name: "environment.collection",
           params: {
-            collectionId: t == null ? void 0 : t.uid,
-            environmentId: n
+            [i.Collection]: a == null ? void 0 : a.uid,
+            [i.Environment]: t
           }
-        }), t && !y[t.uid] && _(t.uid);
+        }), a && !y[a.uid] && w(a.uid);
       } else
-        s.value = "default", C.push({
-          name: "environment",
-          params: { environment: "default" }
+        s.value = "default", k.push({
+          name: "environment.default",
+          params: {
+            [i.Workspace]: (n = p.value) == null ? void 0 : n.uid
+          }
         });
     }
-    const te = () => s.value === "default" ? "Global Environment" : s.value, oe = () => {
+    const ae = () => s.value === "default" ? "Global Environment" : s.value, re = () => {
       var e, o, n, t;
-      return s.value === "default" ? JSON.stringify((e = x.value) == null ? void 0 : e.environments, null, 2) : JSON.stringify(
-        (t = (n = (o = u.value.find(
+      return s.value === "default" ? JSON.stringify((e = p.value) == null ? void 0 : e.environments, null, 2) : JSON.stringify(
+        (t = (n = (o = d.value.find(
           (a) => {
-            var l;
-            return (l = a["x-scalar-environments"]) == null ? void 0 : l[s.value ?? ""];
+            var r;
+            return (r = a["x-scalar-environments"]) == null ? void 0 : r[s.value ?? ""];
           }
         )) == null ? void 0 : o["x-scalar-environments"]) == null ? void 0 : n[s.value ?? ""]) == null ? void 0 : t.variables,
         null,
         2
       );
-    }, ae = (e) => y[e], z = (e) => {
-      e != null && e.createNew && E.name === "environment" && $();
+    }, le = (e) => y[e], A = (e) => {
+      e != null && e.createNew && g.name === "environment" && $();
     };
-    ue(
-      () => [E.params[i.Collection], E.params[i.Environment]],
+    fe(
+      () => [g.params[i.Collection], g.params[i.Environment]],
       ([e, o]) => {
         e ? s.value = o : s.value = "default";
       }
-    ), me(() => {
-      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;
+    ), pe(() => {
+      s.value = g.params[i.Environment] || "default", N.hotKeys.on(A);
+      const e = g.params[i.Collection];
+      e && !y[e] && w(e);
+    }), be(() => N.hotKeys.off(A));
+    const se = (e, o, n) => {
+      var a, r;
       const t = n ? {
         name: "environment.collection",
         params: {
-          [i.Workspace]: (a = x.value) == null ? void 0 : a.uid,
+          [i.Workspace]: (a = p.value) == null ? void 0 : a.uid,
           [i.Collection]: n,
           [i.Environment]: o
         }
       } : {
         name: "environment.default",
         params: {
-          [i.Workspace]: (l = x.value) == null ? void 0 : l.uid,
+          [i.Workspace]: (r = p.value) == null ? void 0 : r.uid,
           [i.Environment]: o
         }
       };
-      e.metaKey ? window.open(C.resolve(t).href, "_blank") : C.push(t);
+      e.metaKey ? window.open(k.resolve(t).href, "_blank") : k.push(t);
     };
-    function re() {
-      d.value = void 0, b.value = void 0, S.value = void 0, M.hide();
+    function ie() {
+      v.value = void 0, h.value = void 0, S.value = void 0, M.hide();
     }
-    function se(e) {
-      u.value.some(
+    function ue(e) {
+      E.value.some(
         (n) => {
           const t = Object.keys(
             n["x-scalar-environments"] || {}
           ).includes(e);
-          return W(
+          return z(
             t,
             n,
-            b.value
+            h.value
           ), t;
         }
-      ) || (e && d.value !== "default" && u.value.forEach((n) => {
+      ) || (e && v.value !== "default" && d.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, k.edit(
+        if ((t = n["x-scalar-environments"]) != null && t[v.value ?? ""]) {
+          const a = n["x-scalar-environments"], r = {};
+          Object.keys(a).forEach((m) => {
+            const V = a[m];
+            V && (m === v.value ? r[e] = V : r[m] = V);
+          }), n["x-scalar-environments"] = r, x.edit(
             n.uid,
             "x-scalar-environments",
             n["x-scalar-environments"]
-          ));
+          );
         }
-      }), e && s.value === d.value && (s.value = e), d.value = void 0, b.value = void 0, S.value = void 0, M.hide());
+      }), e && s.value === v.value && (s.value = e), v.value = void 0, h.value = void 0, S.value = void 0, M.hide());
     }
-    return (e, o) => (v(), g(Me, null, {
+    const { handleDragEnd: me, isDroppable: ce } = ze(
+      d,
+      x
+    );
+    return (e, o) => (f(), _(Oe, null, {
       default: c(() => [
-        m(_e, { title: "Collections" }, {
+        u(Se, { title: "Collections" }, {
           content: c(() => [
-            p("div", De, [
-              m(Ie, null, {
+            b("div", Be, [
+              u(Ve, null, {
                 default: c(() => [
-                  (v(), g(T, {
+                  (f(), _(P, {
                     key: "default",
                     class: "text-xs",
                     isCopyable: !1,
                     to: {
-                      name: "environment.default",
+                      name: "environment",
                       params: {
-                        [r(i).Environment]: "default"
+                        [l(i).Environment]: "default"
                       }
                     },
                     type: "environment",
@@ -237,85 +254,88 @@ const De = { class: "flex-1" }, Ue = ["onClick"], We = { class: "flex h-5 max-w-
                       isDefault: !0
                     }
                   }, null, 8, ["to"])),
-                  (v(!0), V(A, null, B(r(u), (n) => {
+                  (f(!0), O(B, null, L(E.value, (n) => {
                     var t;
-                    return v(), V("li", {
+                    return f(), O("li", {
                       key: n.uid,
                       class: "gap-1/2 flex flex-col"
                     }, [
-                      p("button", {
+                      b("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) => r(_)(n.uid)
+                        onClick: (a) => l(w)(n.uid)
                       }, [
-                        p("span", We, [
-                          m(r(he), {
+                        b("span", Ke, [
+                          u(l(ye), {
                             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: L({
-                              "rotate-90": r(y)[n.uid]
+                          b("div", {
+                            class: K({
+                              "rotate-90": l(y)[n.uid]
                             })
                           }, [
-                            m(r(J), {
+                            u(l(H), {
                               class: "text-c-3 hover:text-c-1 hidden text-sm group-hover:block",
                               icon: "ChevronRight",
                               size: "md"
                             })
                           ], 2)
                         ]),
-                        K(" " + F(((t = n.info) == null ? void 0 : t.title) ?? ""), 1)
-                      ], 8, Ue),
-                      de(p("div", {
-                        class: L({
+                        G(" " + J(((t = n.info) == null ? void 0 : t.title) ?? ""), 1)
+                      ], 8, Le),
+                      xe(b("div", {
+                        class: K({
                           "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), V(A, null, B(n["x-scalar-environments"], (a, l) => (v(), g(T, {
-                          key: l,
-                          class: "text-xs [&>a]:pl-5",
+                        (f(!0), O(B, null, L(n["x-scalar-environments"], (a, r) => (f(), _(P, {
+                          key: r,
+                          class: "text-xs",
                           collectionId: n.uid,
                           isCopyable: !1,
                           isDeletable: !0,
                           isRenameable: !0,
+                          isDraggable: !0,
+                          isDroppable: l(ce),
                           to: {
-                            name: "collection.environment",
+                            name: "environment.collection",
                             params: {
-                              [r(i).Collection]: n.uid,
-                              [r(i).Environment]: l
+                              [l(i).Collection]: n.uid,
+                              [l(i).Environment]: r
                             }
                           },
                           type: "environment",
                           variable: {
-                            name: l,
-                            uid: l,
-                            color: a.color ?? "#8E8E8E",
+                            name: r,
+                            uid: r,
+                            color: a.color ?? "#FFFFFF",
                             isDefault: !1
                           },
                           warningMessage: "Are you sure you want to delete this environment?",
-                          onClick: ve((f) => le(f, l, n.uid), ["prevent"]),
-                          onColorModal: (f) => Z(l),
-                          onDelete: (f) => ne(l),
-                          onRename: (f) => Y(l, n.uid)
-                        }, null, 8, ["collectionId", "to", "variable", "onClick", "onColorModal", "onDelete", "onRename"]))), 128)),
-                        Object.keys(n["x-scalar-environments"] || {}).length === 0 ? (v(), g(r(xe), {
+                          onClick: he((m) => se(m, r, n.uid), ["prevent"]),
+                          onColorModal: (m) => ne(r),
+                          onDelete: (m) => oe(r),
+                          onRename: (m) => ee(r, n.uid),
+                          onOnDragEnd: l(me)
+                        }, null, 8, ["collectionId", "isDroppable", "to", "variable", "onClick", "onColorModal", "onDelete", "onRename", "onOnDragEnd"]))), 128)),
+                        Object.keys(n["x-scalar-environments"] || {}).length === 0 ? (f(), _(l(ke), {
                           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) => $(n.uid)
                         }, {
                           default: c(() => [
-                            m(r(J), {
+                            u(l(H), {
                               icon: "Add",
                               size: "sm"
                             }),
-                            o[2] || (o[2] = p("span", null, "Add Environment", -1))
+                            o[2] || (o[2] = b("span", null, "Add Environment", -1))
                           ]),
                           _: 2
-                        }, 1032, ["onClick"])) : G("", !0)
+                        }, 1032, ["onClick"])) : T("", !0)
                       ], 2), [
-                        [fe, ae(n.uid)]
+                        [Ee, le(n.uid)]
                       ])
                     ]);
                   }), 128))
@@ -325,42 +345,42 @@ const De = { class: "flex-1" }, Ue = ["onClick"], We = { class: "flex h-5 max-w-
             ])
           ]),
           button: c(() => [
-            m(we, {
+            u($e, {
               click: $,
               hotkey: "N"
             }, {
               title: c(() => o[3] || (o[3] = [
-                K(" Add Environment ")
+                G(" Add Environment ")
               ])),
               _: 1
             })
           ]),
           _: 1
         }),
-        m(Se, { class: "flex-1" }, {
+        u(je, { class: "flex-1" }, {
           default: c(() => [
-            m($e, null, pe({
+            u(Fe, null, Ce({
               default: c(() => [
-                s.value && r(x) ? (v(), g(ye, {
+                s.value && l(p) ? (f(), _(Ie, {
                   key: 0,
                   class: "py-2 pl-px pr-2 md:px-4",
-                  envVariables: r(H),
-                  environment: r(j),
+                  envVariables: l(q),
+                  environment: l(F),
                   isCopyable: "",
                   language: "json",
                   lineNumbers: "",
                   lint: "",
-                  modelValue: oe(),
-                  workspace: r(x),
-                  "onUpdate:modelValue": X
-                }, null, 8, ["envVariables", "environment", "modelValue", "workspace"])) : G("", !0)
+                  modelValue: re(),
+                  workspace: l(p),
+                  "onUpdate:modelValue": Z
+                }, null, 8, ["envVariables", "environment", "modelValue", "workspace"])) : T("", !0)
               ]),
               _: 2
             }, [
               s.value ? {
                 name: "title",
                 fn: c(() => [
-                  p("span", null, F(te()), 1)
+                  b("span", null, J(ae()), 1)
                 ]),
                 key: "0"
               } : void 0
@@ -368,29 +388,29 @@ const De = { class: "flex-1" }, Ue = ["onClick"], We = { class: "flex h-5 max-w-
           ]),
           _: 1
         }),
-        m(je, {
-          selectedColor: D.value,
-          state: r(w),
-          onCancel: o[0] || (o[0] = (n) => r(w).hide()),
-          onSubmit: ee
+        u(We, {
+          selectedColor: W.value,
+          state: l(D),
+          onCancel: o[0] || (o[0] = (n) => l(D).hide()),
+          onSubmit: te
         }, null, 8, ["selectedColor", "state"]),
-        m(Ne, {
-          activeWorkspaceCollections: r(u),
-          collectionId: b.value,
-          state: r(I),
-          onCancel: o[1] || (o[1] = (n) => r(I).hide()),
-          onSubmit: Q
+        u(Ue, {
+          activeWorkspaceCollections: E.value,
+          collectionId: h.value,
+          state: l(I),
+          onCancel: o[1] || (o[1] = (n) => l(I).hide()),
+          onSubmit: Y
         }, null, 8, ["activeWorkspaceCollections", "collectionId", "state"]),
-        m(r(be), {
+        u(l(ge), {
           size: "xxs",
-          state: r(M),
-          title: `Edit ${d.value}`
+          state: l(M),
+          title: `Edit ${v.value}`
         }, {
           default: c(() => [
-            m(ge, {
+            u(Me, {
               name: S.value ?? "",
-              onClose: re,
-              onEdit: se
+              onClose: ie,
+              onEdit: ue
             }, null, 8, ["name"])
           ]),
           _: 1
@@ -401,5 +421,5 @@ const De = { class: "flex-1" }, Ue = ["onClick"], We = { class: "flex h-5 max-w-
   }
 });
 export {
-  ln as default
+  vn as default
 };

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

@@ -1,15 +1,15 @@
-import { defineComponent as F, ref as v, computed as I, watch as S, openBlock as t, createElementBlock as d, Fragment as w, normalizeClass as s, normalizeStyle as f, createBlock as h, unref as m, createCommentVNode as c, renderList as j, createElementVNode as n, withDirectives as D, vModelText as V, createVNode as $, nextTick as N } from "vue";
+import { defineComponent as E, ref as v, computed as I, watch as S, openBlock as t, createElementBlock as d, Fragment as w, normalizeClass as s, normalizeStyle as f, createBlock as h, unref as m, createCommentVNode as c, renderList as j, createElementVNode as n, withDirectives as D, vModelText as V, createVNode as $, nextTick as N } from "vue";
 import { ScalarIcon as p } from "@scalar/components";
-const R = ["onClick"], T = ["placeholder"], U = /* @__PURE__ */ F({
+const R = ["onClick"], T = ["placeholder"], U = /* @__PURE__ */ E({
   __name: "EnvironmentColors",
   props: {
     activeColor: {},
     selector: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(x, { emit: E }) {
-    const e = x, z = E, o = v(""), C = v(null), a = v(!1), u = v(!1), k = [
-      { color: "#8E8E8E" },
+  setup(x, { emit: F }) {
+    const e = x, z = F, o = v(""), C = v(null), a = v(!1), u = v(!1), k = [
+      { color: "#FFFFFF" },
       { color: "#EF0006" },
       { color: "#EDBE20" },
       { color: "#069061" },