@scalar/api-client 2.0.15 → 2.0.17

package/dist/components/CommandPalette/CommandPaletteFolder.vue.js

@@ -0,0 +1,104 @@
+import { defineComponent as g, ref as r, computed as m, onMounted as C, openBlock as S, createElementBlock as V, Fragment as y, createElementVNode as l, toDisplayString as p, withModifiers as N, withDirectives as F, vModelText as k, createVNode as n, unref as i, withCtx as d, normalizeClass as I, createTextVNode as M } from "vue";
+import { useWorkspace as B } from "../../store/workspace.js";
+import { ScalarListbox as D, ScalarButton as v, ScalarIcon as j } from "@scalar/components";
+const z = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, E = /* @__PURE__ */ l("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "foldername"
+}, null, -1), T = { class: "flex" }, U = { class: "flex flex-1 gap-2 max-h-8" }, q = /* @__PURE__ */ g({
+  __name: "CommandPaletteFolder",
+  props: {
+    title: {}
+  },
+  emits: ["close"],
+  setup(L, { emit: x }) {
+    const b = x, { collections: h, folderMutators: _ } = B(), s = r(""), u = r(""), c = m(
+      () => Object.values(h).map((e) => {
+        var t, a;
+        return {
+          id: e.uid,
+          label: ((a = (t = e.spec) == null ? void 0 : t.info) == null ? void 0 : a.title) ?? ""
+        };
+      })
+    ), o = m({
+      get: () => c.value.find(
+        ({ id: e }) => e === u.value
+      ),
+      set: (e) => {
+        e != null && e.id && (u.value = e.id);
+      }
+    }), w = () => {
+      s.value && o.value && (_.add(
+        {
+          name: s.value
+        },
+        u.value
+      ), b("close"));
+    }, f = r(null);
+    return C(() => {
+      var e;
+      (e = f.value) == null || e.focus();
+    }), (e, t) => (S(), V(y, null, [
+      l("h2", null, p(e.title), 1),
+      l("form", {
+        class: "flex w-full flex-col gap-3",
+        onSubmit: N(w, ["prevent"])
+      }, [
+        l("div", z, [
+          E,
+          F(l("input", {
+            id: "foldername",
+            ref_key: "folderInput",
+            ref: f,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
+            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+            label: "Folder Name",
+            placeholder: "Folder Name"
+          }, null, 512), [
+            [k, s.value]
+          ])
+        ]),
+        l("div", T, [
+          l("div", U, [
+            n(i(D), {
+              modelValue: o.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (a) => o.value = a),
+              options: c.value
+            }, {
+              default: d(() => [
+                n(i(v), {
+                  class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                  variant: "outlined"
+                }, {
+                  default: d(() => [
+                    l("span", {
+                      class: I(o.value ? "text-c-1" : "text-c-3")
+                    }, p(o.value ? o.value.label : "Select Collection"), 3),
+                    n(i(j), {
+                      class: "text-c-3",
+                      icon: "ChevronDown",
+                      size: "xs"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "options"])
+          ]),
+          n(i(v), {
+            class: "max-h-8 text-xs p-0 px-3",
+            type: "submit"
+          }, {
+            default: d(() => [
+              M(" Create Folder ")
+            ]),
+            _: 1
+          })
+        ])
+      ], 32)
+    ], 64));
+  }
+});
+export {
+  q as default
+};

package/dist/components/CommandPalette/CommandPaletteFolder.vue2.js

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

package/dist/components/{ActionModal/ActionModalVariant.vue.d.ts → CommandPalette/CommandPaletteImport.vue.d.ts}

@@ -17,4 +17,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=ActionModalVariant.vue.d.ts.map
+//# sourceMappingURL=CommandPaletteImport.vue.d.ts.map

package/dist/components/CommandPalette/CommandPaletteImport.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";WA+FS,MAAM;;;;WAAN,MAAM;;;;AAgMf,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -0,0 +1,86 @@
+import { defineComponent as v, ref as m, onMounted as S, openBlock as y, createElementBlock as F, Fragment as C, createElementVNode as t, toDisplayString as k, withModifiers as I, createVNode as a, unref as o, withCtx as u, createTextVNode as d } from "vue";
+import { useWorkspace as N } from "../../store/workspace.js";
+import { ScalarButton as f, ScalarIcon as R } from "@scalar/components";
+import { useFileDialog as U } from "../../hooks/useFileDialog.js";
+const A = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, B = /* @__PURE__ */ t("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "requestimport"
+}, null, -1), D = { class: "flex gap-2" }, L = { class: "flex flex-1 gap-2 max-h-8" }, T = /* @__PURE__ */ v({
+  __name: "CommandPaletteImport",
+  props: {
+    title: {}
+  },
+  emits: ["close"],
+  setup(M, { emit: h }) {
+    const s = h, { importSpecFile: x, importSpecFromUrl: g } = N(), r = m(""), { open: _ } = U({
+      onChange: async (e) => {
+        const l = e == null ? void 0 : e[0];
+        if (l) {
+          const c = new FileReader();
+          c.onload = async (b) => {
+            var p;
+            const w = (p = b.target) == null ? void 0 : p.result;
+            x(w), n(), s("close");
+          }, c.readAsText(l);
+        }
+      },
+      multiple: !1,
+      accept: ".json,.yaml,.yml"
+    }), n = async () => {
+      r.value && (await g(r.value), s("close"));
+    }, i = m(null);
+    return S(() => {
+      var e;
+      (e = i.value) == null || e.focus();
+    }), (e, l) => (y(), F(C, null, [
+      t("h2", null, k(e.title), 1),
+      t("form", {
+        class: "flex w-full flex-col gap-3",
+        onSubmit: I(n, ["prevent"])
+      }, [
+        t("div", A, [
+          B,
+          t("input", {
+            id: "requestimport",
+            ref_key: "importInput",
+            ref: i,
+            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+            label: "Paste Swagger File URL",
+            placeholder: "Paste Swagger File URL"
+          }, null, 512)
+        ]),
+        t("div", D, [
+          t("div", L, [
+            a(o(f), {
+              class: "p-2 max-h-8 gap-1 text-xs hover:bg-b-2 relative",
+              variant: "outlined",
+              onClick: o(_)
+            }, {
+              default: u(() => [
+                d(" JSON, or YAML Files "),
+                a(o(R), {
+                  class: "text-c-3 -rotate-90",
+                  icon: "ArrowRight",
+                  size: "sm"
+                })
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          a(o(f), {
+            class: "max-h-8 text-xs p-0 px-3",
+            type: "submit"
+          }, {
+            default: u(() => [
+              d(" Import Collection ")
+            ]),
+            _: 1
+          })
+        ])
+      ], 32)
+    ], 64));
+  }
+});
+export {
+  T as default
+};

package/dist/components/CommandPalette/CommandPaletteImport.vue2.js

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

package/dist/components/{ActionModal/ActionModalFolder.vue.d.ts → CommandPalette/CommandPaletteRequest.vue.d.ts}

@@ -17,4 +17,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=ActionModalFolder.vue.d.ts.map
+//# sourceMappingURL=CommandPaletteRequest.vue.d.ts.map

package/dist/components/CommandPalette/CommandPaletteRequest.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":";WAwIS,MAAM;;;;WAAN,MAAM;;;;AA0Pf,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/CommandPalette/CommandPaletteRequest.vue.js

@@ -0,0 +1,119 @@
+import { defineComponent as y, ref as u, computed as v, onMounted as M, openBlock as V, createElementBlock as N, Fragment as R, createElementVNode as l, toDisplayString as h, withModifiers as I, withDirectives as k, vModelText as E, createVNode as s, unref as n, withCtx as c, normalizeClass as F, createTextVNode as U } from "vue";
+import B from "../HttpMethod/HttpMethod.vue.js";
+import { useWorkspace as D } from "../../store/workspace.js";
+import { ScalarListbox as T, ScalarButton as x, ScalarIcon as j } from "@scalar/components";
+import { useRouter as z } from "vue-router";
+const $ = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, G = /* @__PURE__ */ l("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "requestname"
+}, null, -1), L = { class: "flex" }, O = { class: "flex flex-1 gap-2 max-h-8" }, Q = /* @__PURE__ */ y({
+  __name: "CommandPaletteRequest",
+  props: {
+    title: {}
+  },
+  emits: ["close"],
+  setup(P, { emit: b }) {
+    const _ = b, { push: q } = z(), { requestMutators: g, activeCollection: r, folders: w } = D(), a = u(""), i = u("GET"), m = u(""), f = v(() => r.value ? Object.values(r.value.childUids).flatMap((e) => {
+      const t = w[e];
+      return t ? [
+        {
+          id: t.uid,
+          label: t.name
+        }
+      ] : [];
+    }) : []), o = v({
+      get: () => f.value.find(({ id: e }) => e === m.value),
+      set: (e) => {
+        e != null && e.id && (m.value = e.id);
+      }
+    });
+    function C(e) {
+      i.value = e;
+    }
+    function S() {
+      if (!r.value) return;
+      const e = g.add({
+        path: "",
+        method: i.value.toUpperCase(),
+        description: a.value,
+        operationId: a.value,
+        summary: a.value,
+        tags: ["default"]
+      });
+      q(`/request/${e.uid}`), _("close");
+    }
+    const p = u(null);
+    return M(() => {
+      var e;
+      (e = p.value) == null || e.focus();
+    }), (e, t) => (V(), N(R, null, [
+      l("h2", null, h(e.title), 1),
+      l("form", {
+        class: "flex w-full flex-col gap-3",
+        onSubmit: I(S, ["prevent"])
+      }, [
+        l("div", $, [
+          G,
+          k(l("input", {
+            id: "requestname",
+            ref_key: "requestInput",
+            ref: p,
+            "onUpdate:modelValue": t[0] || (t[0] = (d) => a.value = d),
+            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+            label: "Request Name",
+            placeholder: "Request Name"
+          }, null, 512), [
+            [E, a.value]
+          ])
+        ]),
+        l("div", L, [
+          l("div", O, [
+            s(B, {
+              isEditable: !0,
+              isSquare: "",
+              method: i.value,
+              onChange: C
+            }, null, 8, ["method"]),
+            s(n(T), {
+              modelValue: o.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (d) => o.value = d),
+              options: f.value
+            }, {
+              default: c(() => [
+                s(n(x), {
+                  class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                  variant: "outlined"
+                }, {
+                  default: c(() => [
+                    l("span", {
+                      class: F(o.value ? "text-c-1" : "text-c-3")
+                    }, h(o.value ? o.value.label : "Select Folder"), 3),
+                    s(n(j), {
+                      class: "text-c-3",
+                      icon: "ChevronDown",
+                      size: "xs"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "options"])
+          ]),
+          s(n(x), {
+            class: "max-h-8 text-xs p-0 px-3",
+            type: "submit"
+          }, {
+            default: c(() => [
+              U(" Create Request ")
+            ]),
+            _: 1
+          })
+        ])
+      ], 32)
+    ], 64));
+  }
+});
+export {
+  Q as default
+};

package/dist/components/CommandPalette/CommandPaletteRequest.vue2.js

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

package/dist/components/ContextBar.vue.js

@@ -1,17 +1,17 @@
 import { defineComponent as r, openBlock as n, createElementBlock as o, Fragment as i, renderList as s, normalizeClass as c, toDisplayString as a } from "vue";
-const b = { class: "request-section-content request-section-content-filter bg-b-2 text-c-3 bg-b-1 sticky top-0 z-10 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs" }, l = ["isActive", "onClick"], v = /* @__PURE__ */ r({
+const b = { class: "request-section-content request-section-content-filter bg-b-2 text-c-3 bg-b-1 sticky top-0 z-10 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs gap-0.5" }, l = ["isActive", "onClick"], v = /* @__PURE__ */ r({
   __name: "ContextBar",
   props: {
     sections: {},
     activeSection: {}
   },
   emits: ["setActiveSection"],
-  setup(d) {
-    return (t, p) => (n(), o("div", b, [
+  setup(p) {
+    return (t, d) => (n(), o("div", b, [
       (n(!0), o(i, null, s(t.sections, (e) => (n(), o("button", {
         key: e,
-        class: c(["hover:text-c-1 hover:bg-b-3 w-full rounded px-1 py-1 text-center font-medium", [
-          t.activeSection === e ? "bg-b-1 text-c-1 dark:bg-b-3 border hover:bg-b-1" : "border border-transparent"
+        class: c(["hover:bg-b-3 w-full rounded px-1 py-1 text-center font-medium", [
+          t.activeSection === e ? "!bg-b-1 text-c-1 dark:bg-b-3 border hover:bg-b-1" : "border border-transparent"
         ]]),
         isActive: t.activeSection === e,
         type: "button",

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.js

@@ -2,18 +2,18 @@ import { defineComponent as c, openBlock as l, createElementBlock as i, unref as
 import m from "../ScreenReader.vue.js";
 import { ScalarIcon as u } from "@scalar/components";
 import { useDarkModeState as f } from "../../hooks/useDarkModeState.js";
-const M = /* @__PURE__ */ c({
+const h = /* @__PURE__ */ c({
   __name: "DarkModeIconToggle",
-  setup(k) {
+  setup(g) {
     const { toggleDarkMode: t, isDark: n } = f();
-    return (g, o) => (l(), i("button", {
-      class: "w-[37px] hover:text-c-1 flex items-center justify-center rounded-lg p-[7px]",
+    return (k, o) => (l(), i("button", {
+      class: "w-[37px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px]",
       type: "button",
       onClick: o[0] || (o[0] = //@ts-ignore
       (...a) => e(t) && e(t)(...a))
     }, [
       r(e(u), {
-        class: "block h-6 w-6 stroke-[0.75]",
+        class: "block h-6 w-6 stroke-[1.5]",
         icon: "LightDarkModeToggle"
       }),
       r(m, null, {
@@ -26,5 +26,5 @@ const M = /* @__PURE__ */ c({
   }
 });
 export {
-  M as default
+  h as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAiBpC,iBAAS,cAAc;qBAoCM,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe;SA/DZ,MAAM,GAAG,SAAS;;;;SAAlB,MAAM,GAAG,SAAS;;;;QAAlB,MAAM,GAAG,SAAS;MAqEzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAiBpC,iBAAS,cAAc;qBAsCM,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe;SAjEZ,MAAM,GAAG,SAAS;;;;SAAlB,MAAM,GAAG,SAAS;;;;QAAlB,MAAM,GAAG,SAAS;MAuEzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,16 +1,16 @@
-import { defineComponent as r, openBlock as t, createBlock as o, resolveDynamicComponent as l, withCtx as a, renderSlot as s } from "vue";
+import { defineComponent as r, openBlock as t, createBlock as o, resolveDynamicComponent as l, withCtx as a, renderSlot as n } from "vue";
 const m = /* @__PURE__ */ r({
   __name: "DataTableCell",
   props: {
     is: { default: "td" }
   },
-  setup(n) {
+  setup(s) {
     return (e, d) => (t(), o(l(e.is), {
-      class: "min-h-8 border-l-0 border-t-0 border-b-1/2 border-r-1/2 flex text-sm last:border-r-0 group-last:border-b-transparent p-0 m-0",
+      class: "min-h-8 border-l-0 border-t-0 border-b-1/2 border-r-1/2 flex text-sm last:border-r-0 group-last:border-b-transparent p-0 m-0 relative min-w-full",
       role: "cell"
     }, {
       default: a(() => [
-        s(e.$slots, "default")
+        n(e.$slots, "default")
       ]),
       _: 3
     }));

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 e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-01e08774"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-266b624d"]]);
 export {
-  e as default
+  m as default
 };

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

@@ -2,7 +2,7 @@ import { defineComponent as $, ref as d, computed as x, openBlock as o, createBl
 import F from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
 import { ScalarIconButton as I } from "@scalar/components";
 import M from "./DataTableCell.vue.js";
-import O from "./DataTableInputEnumSelect.vue.js";
+import O from "./DataTableInputSelect.vue.js";
 const N = {
   key: 0,
   class: "text-c-2 flex min-w-[100px] items-center border-r-1/2 pl-2 pr-0"
@@ -27,16 +27,16 @@ const N = {
     max: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(y, { emit: v }) {
-    const n = y, l = v, a = d(!0), c = d(""), u = d(!1), w = () => {
-      u.value || l("inputBlur");
+  setup(v, { emit: y }) {
+    const l = v, n = y, a = d(!0), c = d(""), u = d(!1), w = () => {
+      u.value || n("inputBlur");
     }, h = x(
-      () => n.type === "password" ? a.value ? "password" : "text" : n.type ?? "text"
+      () => l.type === "password" ? a.value ? "password" : "text" : l.type ?? "text"
     ), V = (e) => {
       const t = e.target;
-      c.value = t.value, l("update:modelValue", t.value);
+      c.value = t.value, n("update:modelValue", t.value);
     }, g = (e) => {
-      l("update:modelValue", e);
+      n("update:modelValue", e);
     }, k = () => {
       u.value = !0;
     }, b = () => {
@@ -50,12 +50,12 @@ const N = {
           m(e.$slots, "default", {}, void 0, !0)
         ])) : s("", !0),
         f("div", P, [
-          n.enum && n.enum.length ? (o(), p(O, {
+          l.enum && l.enum.length ? (o(), p(O, {
             key: 0,
-            enum: n.enum,
-            modelValue: n.modelValue,
-            "onUpdate:modelValue": t[0] || (t[0] = (i) => l("update:modelValue", i))
-          }, null, 8, ["enum", "modelValue"])) : (o(), r(C, { key: 1 }, [
+            modelValue: l.modelValue,
+            value: l.enum,
+            "onUpdate:modelValue": t[0] || (t[0] = (i) => n("update:modelValue", i))
+          }, null, 8, ["modelValue", "value"])) : (o(), r(C, { key: 1 }, [
             f("input", S(e.$attrs, {
               id: e.id,
               autocomplete: "off",
@@ -69,7 +69,7 @@ const N = {
               type: h.value,
               value: e.modelValue,
               onBlur: w,
-              onFocus: t[1] || (t[1] = (i) => l("inputFocus")),
+              onFocus: t[1] || (t[1] = (i) => n("inputFocus")),
               onInput: V
             }), null, 16, E),
             e.required ? (o(), r("div", H, " Required ")) : s("", !0)

package/dist/components/DataTable/{DataTableInputEnumSelect.vue.d.ts → DataTableInputSelect.vue.d.ts}

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     modelValue: string | number;
-    enum?: string[];
+    value?: string[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (v: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     modelValue: string | number;
-    enum?: string[];
+    value?: string[];
 }>>> & {
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }, {}, {}>;
@@ -19,4 +19,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=DataTableInputEnumSelect.vue.d.ts.map
+//# sourceMappingURL=DataTableInputSelect.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBAyIc,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;gBADJ,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;AA0TlB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AAyBA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAa1D,iBAAS,cAAc;qBAuDO,GAAG;EAehC;AACD,QAAA,MAAM,eAAe;UAjFb,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;;UAFV,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;aAqFhB,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;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AAyBA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAa1D,iBAAS,cAAc;qBAwDO,GAAG;EAehC;AACD,QAAA,MAAM,eAAe;UAlFb,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;;UAFV,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;aAsFhB,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;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}