@scalar/api-client 2.1.28 → 2.1.30

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @scalar/api-client
 
+## 2.1.30
+
+### Patch Changes
+
+- 6ecb7cc: fix: large response performance problems due to chrome bug, increase virtualization threshold
+- 32ad241: fix: favors accent over blur color for active elment state
+- Updated dependencies [2b540b9]
+- Updated dependencies [32ad241]
+  - @scalar/openapi-types@0.1.4
+  - @scalar/components@0.12.57
+  - @scalar/oas-utils@0.2.60
+  - @scalar/openapi-parser@0.8.7
+  - @scalar/types@0.0.17
+  - @scalar/use-codemirror@0.11.24
+  - @scalar/themes@0.9.41
+
+## 2.1.29
+
+### Patch Changes
+
+- c658a7a: fix: support server variables in request sending
+- d51d303: fix: add environment variables in auth request fields
+
 ## 2.1.28
 
 ### Patch Changes

package/dist/components/AddressBar/AddressBarServerItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarServerItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServerItem.vue"],"names":[],"mappings":"AAuEA,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;;kBAIxC,YAAY;UACpB,YAAY,GAAG,SAAS;;kBADhB,YAAY;UACpB,YAAY,GAAG,SAAS;;AAJhC,wBAkKK"}
+{"version":3,"file":"AddressBarServerItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServerItem.vue"],"names":[],"mappings":"AAuEA,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;;kBAIxC,YAAY;UACpB,YAAY,GAAG,SAAS;;kBADhB,YAAY;UACpB,YAAY,GAAG,SAAS;;AAJhC,wBAiKK"}

package/dist/components/AddressBar/AddressBarServerItem.vue.js

@@ -1,25 +1,25 @@
-import { defineComponent as v, openBlock as f, createBlock as m, unref as i, withCtx as S, createElementVNode as l, normalizeClass as x, createVNode as h, toDisplayString as w } from "vue";
+import { defineComponent as v, openBlock as f, createBlock as m, unref as i, withCtx as S, createElementVNode as a, normalizeClass as x, createVNode as h, toDisplayString as w } from "vue";
 import { ScalarDropdownItem as k, ScalarIcon as C } from "@scalar/components";
-import { useWorkspace as b } from "../../store/store.js";
-const g = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, B = /* @__PURE__ */ v({
+import { useWorkspace as g } from "../../store/store.js";
+const y = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, B = /* @__PURE__ */ v({
   __name: "AddressBarServerItem",
   props: {
     serverOption: {},
     type: {}
   },
-  setup(a) {
-    const r = a, {
+  setup(l) {
+    const r = l, {
       activeCollection: o,
       activeRequest: s,
       activeServer: n,
-      collectionMutators: p,
-      requestMutators: c
-    } = b(), d = (e) => {
-      r.type === "collection" && o.value ? p.edit(
+      collectionMutators: c,
+      requestMutators: p
+    } = g(), d = (e) => {
+      r.type === "collection" && o.value ? c.edit(
         o.value.uid,
         "selectedServerUid",
         e
-      ) : r.type === "request" && s.value && c.edit(
+      ) : r.type === "request" && s.value && p.edit(
         s.value.uid,
         "selectedServerUid",
         e
@@ -31,13 +31,13 @@ const g = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, B = /* @
     return (e, t) => (f(), m(i(k), {
       class: "flex !gap-1.5 group font-code text-xxs whitespace-nowrap text-ellipsis overflow-hidden",
       value: e.serverOption.id,
-      onClick: t[0] || (t[0] = (y) => d(e.serverOption.id))
+      onClick: t[0] || (t[0] = (O) => d(e.serverOption.id))
     }, {
       default: S(() => [
-        l("div", {
+        a("div", {
           class: x([
-            "flex size-4 items-center justify-center rounded-full p-[3px] group-hover:shadow-border",
-            u(e.serverOption.id) ? "bg-blue text-b-1" : "text-transparent"
+            "flex size-4 items-center justify-center rounded-full p-[3px]",
+            u(e.serverOption.id) ? "bg-c-accent text-b-1" : "group-hover:shadow-border text-transparent"
           ])
         }, [
           h(i(C), {
@@ -46,7 +46,7 @@ const g = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, B = /* @
             thickness: "3.5"
           })
         ], 2),
-        l("span", g, w(e.serverOption.label), 1)
+        a("span", y, w(e.serverOption.label), 1)
       ]),
       _: 1
     }, 8, ["value"]));

package/dist/components/DataTable/DataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AA6NA,iBAAS,cAAc;qBAkKM,GAAG;qBACF,GAAG;kBACN,GAAG;EA6B7B;AACD,QAAA,MAAM,eAAe;SA7QZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;cAPD,OAAO;2BAGM,OAAO;cACpB,OAAO;6EAkRpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AA0OA,iBAAS,cAAc;qBAiNM,GAAG;qBACF,GAAG;kBACN,GAAG;EA6B7B;AACD,QAAA,MAAM,eAAe;SAtTZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;cAPD,OAAO;2BAGM,OAAO;cACpB,OAAO;6EA2TpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/DataTable/DataTableInput.vue.js

@@ -1,7 +1,7 @@
 import t from "./DataTableInput.vue2.js";
 /* empty css                    */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-04bdd5dd"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-0417d80a"]]);
 export {
-  r as default
+  m as default
 };

package/dist/components/DataTable/DataTableInput.vue2.js

@@ -1,17 +1,18 @@
-import { defineComponent as h, ref as d, computed as k, openBlock as a, createBlock as i, normalizeClass as b, withCtx as B, createElementBlock as r, renderSlot as p, createCommentVNode as s, createElementVNode as m, Fragment as C, mergeProps as $, unref as x } from "vue";
+import { defineComponent as V, ref as d, computed as w, openBlock as l, createBlock as i, normalizeClass as b, withCtx as k, createElementBlock as s, renderSlot as m, createCommentVNode as u, createElementVNode as C, Fragment as B, createVNode as g, mergeProps as $, unref as h } from "vue";
+import x from "../CodeInput/CodeInput.vue.js";
 import { ScalarIconButton as q } from "@scalar/components";
 import A from "./DataTableCell.vue.js";
 import E from "./DataTableInputSelect.vue.js";
 const F = {
   key: 0,
   class: "text-c-2 flex min-w-[120px] items-center border-r-1/2 pl-2 pr-0"
-}, I = { class: "row-1" }, O = ["id", "max", "min", "readOnly", "required", "type", "value"], S = {
+}, I = { class: "row-1" }, O = {
   key: 0,
   class: "absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-focus:opacity-0"
-}, P = {
+}, S = {
   key: 1,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, _ = /* @__PURE__ */ h({
+}, U = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -27,65 +28,64 @@ const F = {
     max: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(c, { emit: f }) {
-    const o = c, n = f, l = d(!0), y = d(""), v = d(!1), w = () => {
-      v.value || n("inputBlur");
-    }, V = k(
-      () => o.type === "password" ? l.value ? "password" : "text" : o.type ?? "text"
-    ), g = (e) => {
-      const t = e.target;
-      y.value = t.value, n("update:modelValue", t.value);
-    };
-    return (e, t) => (a(), i(A, {
+  setup(p, { emit: c }) {
+    const o = p, r = c, a = d(!0);
+    d("");
+    const f = d(!1), y = () => {
+      f.value || r("inputBlur");
+    }, v = w(
+      () => o.type === "password" ? a.value ? "password" : "text" : o.type ?? "text"
+    );
+    return (e, t) => (l(), i(A, {
       class: b(["relative row", e.containerClass])
     }, {
-      default: B(() => [
-        e.$slots.default ? (a(), r("div", F, [
-          p(e.$slots, "default", {}, void 0, !0)
-        ])) : s("", !0),
-        m("div", I, [
-          o.enum && o.enum.length ? (a(), i(E, {
+      default: k(() => [
+        e.$slots.default ? (l(), s("div", F, [
+          m(e.$slots, "default", {}, void 0, !0)
+        ])) : u("", !0),
+        C("div", I, [
+          o.enum && o.enum.length ? (l(), i(E, {
             key: 0,
             canAddCustomValue: e.canAddCustomEnumValue,
             modelValue: o.modelValue,
             value: o.enum,
-            "onUpdate:modelValue": t[0] || (t[0] = (u) => n("update:modelValue", u))
-          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (a(), r(C, { key: 1 }, [
-            m("input", $(e.$attrs, {
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => r("update:modelValue", n))
+          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (l(), s(B, { key: 1 }, [
+            g(x, $(e.$attrs, {
               id: e.id,
-              autocomplete: "off",
-              class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer px-2 py-1.5 outline-none",
-              "data-1p-ignore": "",
+              class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer outline-none",
+              disableCloseBrackets: "",
+              disableTabIndent: "",
               max: e.max,
               min: e.min,
+              modelValue: e.modelValue ?? "",
               readOnly: e.readOnly,
               required: e.required,
               spellcheck: "false",
-              type: V.value,
-              value: e.modelValue,
-              onBlur: w,
-              onFocus: t[1] || (t[1] = (u) => n("inputFocus")),
-              onInput: g
-            }), null, 16, O),
-            e.required ? (a(), r("div", S, " Required ")) : s("", !0)
+              type: v.value,
+              onBlur: y,
+              onFocus: t[1] || (t[1] = (n) => r("inputFocus")),
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => r("update:modelValue", n))
+            }), null, 16, ["id", "max", "min", "modelValue", "readOnly", "required", "type"]),
+            e.required ? (l(), s("div", O, " Required ")) : u("", !0)
           ], 64))
         ]),
-        e.$slots.warning ? (a(), r("div", P, [
-          p(e.$slots, "warning", {}, void 0, !0)
-        ])) : s("", !0),
-        p(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (a(), i(x(q), {
+        e.$slots.warning ? (l(), s("div", S, [
+          m(e.$slots, "warning", {}, void 0, !0)
+        ])) : u("", !0),
+        m(e.$slots, "icon", {}, void 0, !0),
+        e.type === "password" ? (l(), i(h(q), {
           key: 2,
           class: "-ml-.5 mr-1 h-6 w-6 self-center p-1.5",
-          icon: l.value ? "Show" : "Hide",
-          label: l.value ? "Show Password" : "Hide Password",
-          onClick: t[2] || (t[2] = (u) => l.value = !l.value)
-        }, null, 8, ["icon", "label"])) : s("", !0)
+          icon: a.value ? "Show" : "Hide",
+          label: a.value ? "Show Password" : "Hide Password",
+          onClick: t[3] || (t[3] = (n) => a.value = !a.value)
+        }, null, 8, ["icon", "label"])) : u("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  _ as default
+  U as default
 };

package/dist/components/DataTable/DataTableInputSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBA8IgB,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;gBAFf,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;uBAAP,OAAO;;AAoU/B,wBAUG"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBAgJgB,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;gBAFf,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;uBAAP,OAAO;;AAuU/B,wBAUG"}

package/dist/components/DataTable/DataTableInputSelect.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as z, ref as i, watch as V, nextTick as A, openBlock as n, createElementBlock as p, withDirectives as N, withKeys as T, vModelText as j, createBlock as m, unref as a, withCtx as r, Fragment as I, renderList as E, createElementVNode as d, normalizeClass as K, createVNode as c, createTextVNode as R, toDisplayString as k, createCommentVNode as $ } from "vue";
+import { defineComponent as b, computed as z, ref as i, watch as V, nextTick as A, openBlock as u, createElementBlock as p, withDirectives as N, withKeys as T, vModelText as j, createBlock as m, unref as a, withCtx as r, Fragment as I, renderList as E, createElementVNode as d, normalizeClass as K, createVNode as c, createTextVNode as R, toDisplayString as k, createCommentVNode as $ } from "vue";
 import { ScalarDropdown as F, ScalarDropdownItem as y, ScalarIcon as f, ScalarDropdownDivider as L, ScalarButton as M } from "@scalar/components";
 const U = { class: "w-full" }, W = { class: "text-c-1" }, q = { class: "flex items-center justify-center h-4 w-4" }, O = /* @__PURE__ */ b({
   __name: "DataTableInputSelect",
@@ -9,42 +9,42 @@ const U = { class: "w-full" }, W = { class: "text-c-1" }, q = { class: "flex ite
   },
   emits: ["update:modelValue"],
   setup(C, { emit: g }) {
-    const v = C, x = g, S = z(() => v.value ?? []), o = i(v.modelValue.toString()), s = i(!1), u = i(""), h = i(null);
-    V(u, (e) => {
+    const v = C, x = g, S = z(() => v.value ?? []), o = i(v.modelValue.toString()), s = i(!1), n = i(""), h = i(null);
+    V(n, (e) => {
       x("update:modelValue", e);
     });
     const w = (e) => {
       o.value = e, x("update:modelValue", e), s.value = !1;
     }, _ = () => {
-      u.value.trim() && (w(u.value), u.value = "");
+      n.value.trim() && (w(n.value), n.value = "");
     }, D = () => {
-      u.value.trim() || (o.value = "", s.value = !1);
+      n.value.trim() || (o.value = "", s.value = !1);
     }, B = (e) => o.value === e;
     return V(s, (e) => {
       e && A(() => {
         var t;
         (t = h.value) == null || t.focus();
       });
-    }), (e, t) => (n(), p("div", U, [
-      s.value ? N((n(), p("input", {
+    }), (e, t) => (u(), p("div", U, [
+      s.value ? N((u(), p("input", {
         key: 0,
         ref_key: "inputRef",
         ref: h,
-        "onUpdate:modelValue": t[0] || (t[0] = (l) => u.value = l),
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => n.value = l),
         class: "border-none text-c-1 min-w-0 w-full px-2 py-1.5 outline-none",
         placeholder: "Value",
         type: "text",
         onBlur: D,
         onKeyup: T(_, ["enter"])
       }, null, 544)), [
-        [j, u.value]
-      ]) : (n(), m(a(F), {
+        [j, n.value]
+      ]) : (u(), m(a(F), {
         key: 1,
         resize: "",
         value: o.value
       }, {
         items: r(() => [
-          (n(!0), p(I, null, E(S.value, (l) => (n(), m(a(y), {
+          (u(!0), p(I, null, E(S.value, (l) => (u(), m(a(y), {
             key: l,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
             value: l,
@@ -53,8 +53,8 @@ const U = { class: "w-full" }, W = { class: "text-c-1" }, q = { class: "flex ite
             default: r(() => [
               d("div", {
                 class: K([
-                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
-                  B(l) ? "bg-blue text-b-1" : "text-transparent"
+                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
+                  B(l) ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
                 ])
               }, [
                 c(a(f), {
@@ -68,7 +68,7 @@ const U = { class: "w-full" }, W = { class: "text-c-1" }, q = { class: "flex ite
             _: 2
           }, 1032, ["value", "onClick"]))), 128)),
           c(a(L)),
-          e.canAddCustomValue ? (n(), m(a(y), {
+          e.canAddCustomValue ? (u(), m(a(y), {
             key: 0,
             class: "flex items-center gap-1.5",
             onClick: t[1] || (t[1] = (l) => s.value = !0)

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAmdA,wBAKG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAidA,wBAKG"}

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as y, computed as S, openBlock as l, createElementBlock as f, createVNode as n, unref as e, withCtx as r, Fragment as N, renderList as D, createBlock as v, withModifiers as x, createElementVNode as s, normalizeClass as h, createTextVNode as d, toDisplayString as w, createCommentVNode as j } from "vue";
-import { ScalarDropdown as z, ScalarDropdownItem as u, ScalarIcon as c, ScalarDropdownDivider as B, ScalarButton as I } from "@scalar/components";
+import { defineComponent as y, computed as S, openBlock as c, createElementBlock as f, createVNode as n, unref as e, withCtx as r, Fragment as N, renderList as D, createBlock as v, withModifiers as x, createElementVNode as s, normalizeClass as h, createTextVNode as d, toDisplayString as w, createCommentVNode as j } from "vue";
+import { ScalarDropdown as z, ScalarDropdownItem as u, ScalarIcon as l, ScalarDropdownDivider as B, ScalarButton as I } from "@scalar/components";
 import { useRouter as V } from "vue-router";
 import { useWorkspace as M } from "../../store/store.js";
 const W = { class: "font-medium m-0 text-xs flex gap-1.5 items-center whitespace-nowrap" }, $ = { class: "flex items-center justify-center h-4 w-4" }, A = /* @__PURE__ */ y({
@@ -10,18 +10,18 @@ const W = { class: "font-medium m-0 text-xs flex gap-1.5 items-center whitespace
       activeWorkspace: i,
       workspaceMutators: k,
       activeEnvironment: g,
-      isReadOnly: b
-    } = M(), C = V(), p = (a) => {
+      isReadOnly: C
+    } = M(), E = V(), p = (a) => {
       k.edit(i.value.uid, "activeEnvironmentId", a);
-    }, E = () => C.push(`/workspace/${i.value.uid}/environment`), _ = S(() => [
+    }, _ = () => E.push(`/workspace/${i.value.uid}/environment`), b = S(() => [
       // Always add the default environment
       m.default,
       ...Object.values(m).filter((a) => a.uid !== "default")
     ]);
-    return (a, o) => (l(), f("div", null, [
+    return (a, o) => (c(), f("div", null, [
       n(e(z), null, {
         items: r(() => [
-          (l(!0), f(N, null, D(_.value, (t) => (l(), v(e(u), {
+          (c(!0), f(N, null, D(b.value, (t) => (c(), v(e(u), {
             key: t.uid,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
             onClick: x((R) => p(t.uid), ["stop"])
@@ -29,11 +29,11 @@ const W = { class: "font-medium m-0 text-xs flex gap-1.5 items-center whitespace
             default: r(() => [
               s("div", {
                 class: h([
-                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
-                  e(i).activeEnvironmentId === t.uid ? "bg-blue text-b-1" : "text-transparent"
+                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
+                  e(i).activeEnvironmentId === t.uid ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
                 ])
               }, [
-                n(e(c), {
+                n(e(l), {
                   class: "size-2.5",
                   icon: "Checkmark",
                   thickness: "3.5"
@@ -50,11 +50,11 @@ const W = { class: "font-medium m-0 text-xs flex gap-1.5 items-center whitespace
             default: r(() => [
               s("div", {
                 class: h([
-                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
-                  e(i).activeEnvironmentId === "" ? "bg-blue text-b-1" : "text-transparent"
+                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
+                  e(i).activeEnvironmentId === "" ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
                 ])
               }, [
-                n(e(c), {
+                n(e(l), {
                   class: "size-2.5",
                   icon: "Checkmark",
                   thickness: "3.5"
@@ -65,14 +65,14 @@ const W = { class: "font-medium m-0 text-xs flex gap-1.5 items-center whitespace
             _: 1
           }),
           n(e(B)),
-          e(b) ? j("", !0) : (l(), v(e(u), {
+          e(C) ? j("", !0) : (c(), v(e(u), {
             key: 0,
             class: "flex items-center gap-1.5",
-            onClick: E
+            onClick: _
           }, {
             default: r(() => [
               s("div", $, [
-                n(e(c), {
+                n(e(l), {
                   icon: "Brackets",
                   size: "sm"
                 })
@@ -93,7 +93,7 @@ const W = { class: "font-medium m-0 text-xs flex gap-1.5 items-center whitespace
               return [
                 s("h2", W, [
                   d(w(((t = e(g)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
-                  n(e(c), {
+                  n(e(l), {
                     class: "size-3",
                     icon: "ChevronDown",
                     thickness: "3"

package/dist/components/ImportCollection/WorkspaceSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/WorkspaceSelector.vue"],"names":[],"mappings":";AAieA,wBAKG"}
+{"version":3,"file":"WorkspaceSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/WorkspaceSelector.vue"],"names":[],"mappings":";AAgeA,wBAKG"}

package/dist/components/ImportCollection/WorkspaceSelector.vue.js

@@ -30,8 +30,8 @@ const L = { class: "flex items-center text-sm w-[inherit]" }, P = { class: "font
               default: r(() => [
                 t("div", {
                   class: M([
-                    "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
-                    e(i).uid === p ? "bg-blue text-b-1" : "text-transparent"
+                    "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
+                    e(i).uid === p ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
                   ])
                 }, [
                   s(e(u), {

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

@@ -1 +1 @@
-{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBA2BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBAwBM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayout.vue.js

@@ -1,12 +1,12 @@
-import { openBlock as o, createElementBlock as d, renderSlot as r } from "vue";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const i = {}, l = { class: "divide-y md:divide-y-0 divide-1 flex flex-col min-h-0 flex-1 xl:overflow-hidden md:flex-row leading-3" };
-function n(e, c) {
-  return o(), d("div", l, [
-    r(e.$slots, "default")
+import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
+import l from "../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, c = { class: "flex flex-col min-h-0 flex-1 xl:overflow-hidden md:flex-row leading-3" };
+function f(e, s) {
+  return o(), r("div", c, [
+    t(e.$slots, "default")
   ]);
 }
-const a = /* @__PURE__ */ t(i, [["render", n]]);
+const a = /* @__PURE__ */ l(n, [["render", f]]);
 export {
   a as default
 };

package/dist/components/ViewLayout/ViewLayoutContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutContent.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBA4BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutContent.vue"],"names":[],"mappings":"AAgBA,iBAAS,cAAc;qBA2BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutContent.vue.js

@@ -1,12 +1,12 @@
-import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
-import d from "../../_virtual/_plugin-vue_export-helper.js";
-const l = {}, c = { class: "border-t-1/2 md:border-t-0 divide divide-y xl:divide-y-0 xl:divide-x-1/2 flex xl:flex-row flex-col custom-scroll pr-0" };
-function i(e, n) {
-  return o(), r("div", c, [
-    t(e.$slots, "default")
+import { openBlock as e, createElementBlock as o, renderSlot as t } from "vue";
+import l from "../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, s = { class: "*:border-t-1/2 first:*:border-t-0 xl:*:border-t-0 xl:*:border-l-1/2 xl:first:*:border-l-0 flex xl:flex-row flex-col custom-scroll pr-0" };
+function n(r, f) {
+  return e(), o("div", s, [
+    t(r.$slots, "default")
   ]);
 }
-const x = /* @__PURE__ */ d(l, [["render", i]]);
+const x = /* @__PURE__ */ l(c, [["render", n]]);
 export {
   x as default
 };