@scalar/api-client 2.8.1 → 2.9.1

package/dist/v2/features/collection/components/Settings.vue2.js

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

package/dist/v2/features/collection/components/Tabs.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Tabs.test.d.ts.map

package/dist/v2/features/collection/components/Tabs.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Tabs.test.ts"],"names":[],"mappings":""}

package/dist/v2/features/collection/components/Tabs.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    type: 'document' | 'workspace';
+};
+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=Tabs.vue.d.ts.map

package/dist/v2/features/collection/components/Tabs.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"names":[],"mappings":"AAqDA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,UAAU,GAAG,WAAW,CAAA;CAC/B,CAAC;;AA6GF,wBAMG"}

package/dist/v2/features/collection/components/Tabs.vue.js

@@ -0,0 +1,46 @@
+import { defineComponent as m, computed as p, createElementBlock as o, openBlock as t, Fragment as u, renderList as d, createBlock as f, unref as h, withCtx as x, createElementVNode as n, normalizeClass as k, toDisplayString as v, capitalize as _ } from "vue";
+import { RouterLink as b } from "vue-router";
+const w = { class: "flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0" }, g = ["href", "onClick"], z = /* @__PURE__ */ m({
+  __name: "Tabs",
+  props: {
+    type: {}
+  },
+  setup(r) {
+    const s = p(
+      () => r.type === "workspace" ? ["environment", "cookies", "settings"] : [
+        "overview",
+        "servers",
+        "authentication",
+        "environment",
+        "cookies",
+        "settings"
+      ]
+    );
+    return (c, y) => (t(), o("div", w, [
+      (t(!0), o(u, null, d(s.value, (e) => (t(), f(h(b), {
+        key: e,
+        custom: "",
+        to: { name: `${c.type}.${e}` }
+      }, {
+        default: x(({ isActive: i, href: l, navigate: a }) => [
+          n("a", {
+            class: "-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline",
+            href: l,
+            onClick: a
+          }, [
+            n("span", {
+              class: k([
+                "flex-center hover:text-c-1 h-full border-b",
+                i ? "text-c-1 border-c-1" : "text-c-2 hover:text-c-1 border-transparent"
+              ])
+            }, v(_(e)), 3)
+          ], 8, g)
+        ]),
+        _: 2
+      }, 1032, ["to"]))), 128))
+    ]));
+  }
+});
+export {
+  z as default
+};

package/dist/v2/features/collection/components/Tabs.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Tabs.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/environments/EnvironmentsList.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EnvironmentsList.test.d.ts.map

package/dist/v2/features/environments/EnvironmentsList.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentsList.test.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/environments/EnvironmentsList.test.ts"],"names":[],"mappings":""}

package/dist/v2/features/environments/EnvironmentsList.vue.d.ts

@@ -0,0 +1,9 @@
+import type { CollectionType, WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+type __VLS_Props = {
+    environments: NonNullable<XScalarEnvironments['x-scalar-environments']>;
+    eventBus: WorkspaceEventBus;
+} & CollectionType;
+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=EnvironmentsList.vue.d.ts.map

package/dist/v2/features/environments/EnvironmentsList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentsList.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/environments/EnvironmentsList.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAA;AAQpH,KAAK,WAAW,GAAG;IACf,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAA;IACvE,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;;AAoLrB,wBAMG"}

package/dist/v2/features/environments/EnvironmentsList.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent as E, ref as y, createElementBlock as u, openBlock as s, Fragment as v, createElementVNode as T, createVNode as l, renderList as b, createBlock as g, unref as r, withCtx as h, createTextVNode as k } from "vue";
+import { useModal as d, ScalarButton as M } from "@scalar/components";
+import { ScalarIconPlus as N } from "@scalar/icons";
+import S from "./components/EnvironmentCreateModal.vue.js";
+import w from "./components/EnvironmentDeleteModal.vue.js";
+import C from "./components/Environment.vue.js";
+const D = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, z = /* @__PURE__ */ E({
+  __name: "EnvironmentsList",
+  props: {
+    environments: {},
+    eventBus: {},
+    collectionType: {}
+  },
+  setup(i) {
+    const m = d(), c = d(), n = y(null), p = (e) => {
+      n.value = e, c.show();
+    }, f = () => {
+      n.value && i.eventBus.emit("environment:delete:environment", {
+        environmentName: n.value,
+        collectionType: i.collectionType
+      });
+    }, a = (e) => {
+      n.value = e ?? null, m.show();
+    };
+    return (e, t) => (s(), u(v, null, [
+      (s(!0), u(v, null, b(Object.entries(e.environments), ([o, B]) => (s(), g(C, {
+        key: o,
+        collectionType: e.collectionType,
+        environment: B,
+        environmentName: o,
+        eventBus: e.eventBus,
+        onDelete: () => p(o),
+        onEdit: () => a(o)
+      }, null, 8, ["collectionType", "environment", "environmentName", "eventBus", "onDelete", "onEdit"]))), 128)),
+      T("div", D, [
+        l(r(M), {
+          class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
+          size: "sm",
+          variant: "ghost",
+          onClick: t[0] || (t[0] = () => a())
+        }, {
+          default: h(() => [
+            l(r(N)),
+            t[1] || (t[1] = k(" Add Environment ", -1))
+          ]),
+          _: 1
+        })
+      ]),
+      l(S, {
+        collectionType: e.collectionType,
+        environments: e.environments,
+        eventBus: e.eventBus,
+        selectedEnvironmentName: n.value,
+        state: r(m)
+      }, null, 8, ["collectionType", "environments", "eventBus", "selectedEnvironmentName", "state"]),
+      l(w, {
+        name: n.value,
+        state: r(c),
+        onSubmit: f
+      }, null, 8, ["name", "state"])
+    ], 64));
+  }
+});
+export {
+  z as default
+};

package/dist/v2/features/environments/EnvironmentsList.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EnvironmentsList.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/environments/components/Environment.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Environment.test.d.ts.map

package/dist/v2/features/environments/components/Environment.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Environment.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/Environment.test.ts"],"names":[],"mappings":""}

package/dist/v2/features/environments/components/Environment.vue.d.ts

@@ -0,0 +1,16 @@
+import type { CollectionType, WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+type __VLS_Props = {
+    environment: XScalarEnvironment;
+    environmentName: string;
+    eventBus: WorkspaceEventBus;
+} & CollectionType;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    edit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Environment.vue.d.ts.map

package/dist/v2/features/environments/components/Environment.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/Environment.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAInH,KAAK,WAAW,GAAG;IACf,WAAW,EAAE,kBAAkB,CAAA;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;;;;;;;;AA6JrB,wBAOG"}

package/dist/v2/features/environments/components/Environment.vue.js

@@ -0,0 +1,53 @@
+import { defineComponent as c, createElementBlock as a, openBlock as d, createElementVNode as n, createVNode as i, normalizeStyle as p, toDisplayString as v, unref as t } from "vue";
+import { ScalarIconButton as r } from "@scalar/components";
+import { ScalarIconNotePencil as u, ScalarIconTrash as f } from "@scalar/icons";
+import y from "./EnvironmentVariablesTable.vue.js";
+const _ = { class: "group rounded-lg border" }, b = { class: "bg-b-2 flex justify-between rounded-t-lg px-1 py-1 text-sm" }, g = { class: "flex items-center gap-1" }, h = { class: "flex h-6 w-6 items-center justify-center p-1" }, N = { class: "px-1 py-0.5 text-sm" }, B = { class: "hidden flex-row items-center gap-1 group-hover:flex" }, w = /* @__PURE__ */ c({
+  __name: "Environment",
+  props: {
+    environment: {},
+    environmentName: {},
+    eventBus: {},
+    collectionType: {}
+  },
+  emits: ["edit", "delete"],
+  setup(E, { emit: s }) {
+    const l = s;
+    return (e, o) => (d(), a("div", _, [
+      n("div", b, [
+        n("div", g, [
+          n("div", h, [
+            n("span", {
+              class: "h-2.5 w-2.5 rounded-full",
+              style: p({ backgroundColor: e.environment.color })
+            }, null, 4)
+          ]),
+          n("span", N, v(e.environmentName), 1)
+        ]),
+        n("div", B, [
+          i(t(r), {
+            icon: t(u),
+            label: "Edit Environment",
+            size: "sm",
+            onClick: o[0] || (o[0] = (m) => l("edit"))
+          }, null, 8, ["icon"]),
+          i(t(r), {
+            icon: t(f),
+            label: "Delete Environment",
+            size: "sm",
+            onClick: o[1] || (o[1] = (m) => l("delete"))
+          }, null, 8, ["icon"])
+        ])
+      ]),
+      i(y, {
+        collectionType: e.collectionType,
+        environment: e.environment,
+        environmentName: e.environmentName,
+        eventBus: e.eventBus
+      }, null, 8, ["collectionType", "environment", "environmentName", "eventBus"])
+    ]));
+  }
+});
+export {
+  w as default
+};

package/dist/v2/features/environments/components/Environment.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Environment.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/environments/components/EnvironmentColors.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EnvironmentColors.test.d.ts.map

package/dist/v2/features/environments/components/EnvironmentColors.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentColors.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentColors.test.ts"],"names":[],"mappings":""}

package/dist/v2/features/environments/components/EnvironmentColors.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    activeColor: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (color: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((color: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=EnvironmentColors.vue.d.ts.map

package/dist/v2/features/environments/components/EnvironmentColors.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentColors.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentColors.vue"],"names":[],"mappings":"AA6LA,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,CAAA;CACpB,CAAC;;;;;;AAyUF,wBAOG"}

package/dist/v2/features/environments/components/EnvironmentColors.vue.js

@@ -0,0 +1,121 @@
+import { defineComponent as D, ref as d, computed as m, createElementBlock as a, openBlock as l, createCommentVNode as c, normalizeStyle as v, createBlock as k, unref as C, createElementVNode as s, Fragment as S, renderList as $, withDirectives as j, vModelText as N, createVNode as T, nextTick as V } from "vue";
+import { ScalarIcon as f } from "@scalar/components";
+const A = {
+  key: 1,
+  class: "color-selector flex h-4 flex-row items-center justify-between gap-1.5 space-x-1"
+}, R = ["onClick"], L = {
+  key: 2,
+  class: "color-selector flex h-4 flex-1 items-center gap-2 rounded"
+}, U = ["placeholder"], W = "linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122))", P = /* @__PURE__ */ D({
+  __name: "EnvironmentColors",
+  props: {
+    activeColor: {}
+  },
+  emits: ["select"],
+  setup(i, { emit: w }) {
+    const F = w, t = d(""), p = d(null), r = d(!1), n = d(!1), b = [
+      "#FFFFFF",
+      "#EF0006",
+      "#EDBE20",
+      "#069061",
+      "#FB892C",
+      "#0082D0",
+      "#5203D1",
+      "#FFC0CB"
+    ], E = m(
+      () => b.includes(i.activeColor)
+    ), h = m(
+      () => i.activeColor && !E.value && !r.value
+    ), I = (e) => i.activeColor === e, y = m(() => {
+      const e = t.value || i.activeColor;
+      return h.value || t.value ? `background-color: ${e};` : `background: ${W};`;
+    }), g = async () => {
+      r.value = !r.value, n.value = !1, r.value && (await V(), p.value?.focus());
+    }, z = () => {
+      n.value = !n.value;
+    }, x = (e) => {
+      const o = e && !e.startsWith("#") ? `#${e}` : e;
+      F("select", o), n.value = !1;
+    }, B = () => {
+      if (!t.value)
+        return;
+      const e = t.value.startsWith("#") ? t.value : `#${t.value}`;
+      t.value = e, x(e);
+    };
+    return (e, o) => (l(), a("div", null, [
+      !r.value && !n.value ? (l(), a("div", {
+        key: 0,
+        class: "flex h-4 w-4 cursor-pointer items-center justify-center rounded-full",
+        style: v({ backgroundColor: e.activeColor }),
+        onClick: z
+      }, [
+        e.activeColor ? (l(), k(C(f), {
+          key: 0,
+          class: "text-c-btn p-0.5",
+          icon: "Checkmark",
+          size: "xs"
+        })) : c("", !0)
+      ], 4)) : c("", !0),
+      !r.value && n.value ? (l(), a("div", A, [
+        (l(), a(S, null, $(b, (u) => s("div", {
+          key: u,
+          class: "flex h-4 w-4 cursor-pointer items-center justify-center rounded-full",
+          style: v({ backgroundColor: u }),
+          onClick: (G) => x(u)
+        }, [
+          I(u) ? (l(), k(C(f), {
+            key: 0,
+            class: "text-c-btn p-0.5",
+            icon: "Checkmark",
+            size: "xs"
+          })) : c("", !0)
+        ], 12, R)), 64)),
+        o[1] || (o[1] = s("hr", { class: "border-ghost h-5 w-0.5 border-l" }, null, -1)),
+        s("button", {
+          class: "z-10 flex h-4 w-4 cursor-pointer flex-row items-center justify-center gap-2 rounded-full",
+          style: v(y.value),
+          type: "button",
+          onClick: g
+        }, [
+          h.value ? (l(), k(C(f), {
+            key: 0,
+            class: "text-c-btn",
+            icon: "Checkmark",
+            size: "xs"
+          })) : c("", !0)
+        ], 4)
+      ])) : c("", !0),
+      r.value ? (l(), a("div", L, [
+        o[2] || (o[2] = s("span", { class: "absolute h-4 w-4 rounded-full border border-dashed" }, null, -1)),
+        s("span", {
+          class: "z-[1] h-4 w-4 rounded-full",
+          style: v(y.value)
+        }, null, 4),
+        j(s("input", {
+          ref_key: "customColorInputRef",
+          ref: p,
+          "onUpdate:modelValue": o[0] || (o[0] = (u) => t.value = u),
+          class: "w-full flex-1 border-transparent text-sm outline-none",
+          placeholder: e.activeColor || "#000000",
+          type: "text",
+          onInput: B
+        }, null, 40, U), [
+          [N, t.value]
+        ]),
+        s("button", {
+          class: "text-c-3 hover:bg-b-2 rounded-lg p-1.5",
+          type: "button",
+          onClick: g
+        }, [
+          T(C(f), {
+            icon: "Checkmark",
+            size: "xs"
+          })
+        ])
+      ])) : c("", !0)
+    ]));
+  }
+});
+export {
+  P as default
+};

package/dist/v2/features/environments/components/EnvironmentColors.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EnvironmentColors.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/environments/components/EnvironmentCreateModal.vue.d.ts

@@ -0,0 +1,12 @@
+import { type ModalState } from '@scalar/components';
+import type { CollectionType, WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+type __VLS_Props = {
+    environments: NonNullable<XScalarEnvironments['x-scalar-environments']>;
+    selectedEnvironmentName: string | null;
+    state: ModalState;
+    eventBus: WorkspaceEventBus;
+} & CollectionType;
+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=EnvironmentCreateModal.vue.d.ts.map

package/dist/v2/features/environments/components/EnvironmentCreateModal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentCreateModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentCreateModal.vue"],"names":[],"mappings":"AA+IA,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACjE,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAA;AAQpH,KAAK,WAAW,GAAG;IACf,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAA;IACvE,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAA;IACtC,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;;AA8MrB,wBAMG"}

package/dist/v2/features/environments/components/EnvironmentCreateModal.vue.js

@@ -0,0 +1,85 @@
+import { defineComponent as f, ref as r, watch as N, computed as E, createBlock as y, openBlock as c, unref as h, withCtx as a, createVNode as m, createElementVNode as C, createElementBlock as b, createCommentVNode as x, createTextVNode as T, toDisplayString as F } from "vue";
+import { ScalarModal as V } from "@scalar/components";
+import k from "../../../../components/CommandPalette/CommandActionForm.vue.js";
+import B from "../../../../components/CommandPalette/CommandActionInput.vue.js";
+import S from "./EnvironmentColors.vue.js";
+const O = { class: "flex items-start gap-2" }, g = {
+  key: 0,
+  class: "text-red text-xs"
+}, s = "#FFFFFF", w = /* @__PURE__ */ f({
+  __name: "EnvironmentCreateModal",
+  props: {
+    environments: {},
+    selectedEnvironmentName: {},
+    state: {},
+    eventBus: {},
+    collectionType: {}
+  },
+  setup(e) {
+    const t = r(""), n = r(s);
+    N(
+      () => e.state.open,
+      (l) => {
+        if (l) {
+          const o = e.environments[e.selectedEnvironmentName ?? ""];
+          e.selectedEnvironmentName && o ? (t.value = e.selectedEnvironmentName, n.value = o.color) : (t.value = "", n.value = s);
+        }
+      }
+    );
+    const d = (l) => {
+      n.value = l;
+    }, v = () => {
+      e.selectedEnvironmentName ? e.eventBus.emit("environment:upsert:environment", {
+        oldEnvironmentName: e.selectedEnvironmentName,
+        payload: {
+          color: n.value
+        },
+        environmentName: t.value.trim(),
+        collectionType: e.collectionType
+      }) : e.eventBus.emit("environment:upsert:environment", {
+        environmentName: t.value.trim(),
+        payload: {
+          color: n.value
+        },
+        collectionType: e.collectionType
+      }), e.state.hide();
+    }, i = E(() => e.selectedEnvironmentName ? t.value !== e.selectedEnvironmentName && Object.keys(e.environments).includes(t.value) : Object.keys(e.environments).includes(t.value));
+    return (l, o) => (c(), y(h(V), {
+      bodyClass: "border-t-0 rounded-t-lg",
+      size: "xs",
+      state: l.state
+    }, {
+      default: a(() => [
+        m(k, {
+          disabled: !t.value.trim() || i.value,
+          onSubmit: v
+        }, {
+          submit: a(() => [
+            T(F(l.selectedEnvironmentName ? "Update" : "Add") + " Environment ", 1)
+          ]),
+          default: a(() => [
+            C("div", O, [
+              m(S, {
+                activeColor: n.value,
+                class: "peer",
+                onSelect: d
+              }, null, 8, ["activeColor"]),
+              m(B, {
+                modelValue: t.value,
+                "onUpdate:modelValue": o[0] || (o[0] = (u) => t.value = u),
+                class: "-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden",
+                placeholder: "Environment name"
+              }, null, 8, ["modelValue"])
+            ]),
+            i.value ? (c(), b("div", g, " This environment name is already in use. ")) : x("", !0)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]),
+      _: 1
+    }, 8, ["state"]));
+  }
+});
+export {
+  w as default
+};

package/dist/v2/features/environments/components/EnvironmentCreateModal.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EnvironmentCreateModal.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/environments/components/EnvironmentDeleteModal.vue.d.ts

@@ -0,0 +1,14 @@
+import { type ModalState } from '@scalar/components';
+type __VLS_Props = {
+    state: ModalState;
+    name: string | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    submit: () => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=EnvironmentDeleteModal.vue.d.ts.map

package/dist/v2/features/environments/components/EnvironmentDeleteModal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentDeleteModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentDeleteModal.vue"],"names":[],"mappings":"AAoDA,OAAO,EAA6B,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE/E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CACpB,CAAC;;;;;;;;AAwHF,wBAOG"}