@scalar/api-client 2.2.35 → 2.2.37

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @scalar/api-client
 
+## 2.2.37
+
+### Patch Changes
+
+- 9276103: fix: add back in using index as a key in a couple places
+- de6cd98: feat: adds query parameters array support
+
+## 2.2.36
+
+### Patch Changes
+
+- ca381b6: fix: avoids index as a key in list rendering
+- c803e2d: feat: cookies 🍪
+- ca381b6: fix: updates param tooltip function and style
+- Updated dependencies [c803e2d]
+- Updated dependencies [aac6c86]
+  - @scalar/oas-utils@0.2.99
+  - @scalar/components@0.13.16
+  - @scalar/import@0.2.19
+  - @scalar/postman-to-openapi@0.1.22
+  - @scalar/use-codemirror@0.11.61
+
 ## 2.2.35
 
 ### Patch Changes

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

@@ -1,7 +1,7 @@
 import o from "./AddressBarHistory.vue2.js";
 /* empty css                       */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-69d275b6"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-881da974"]]);
 export {
   d as default
 };

package/dist/components/AddressBar/AddressBarHistory.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as C, computed as q, openBlock as u, createElementBlock as b, Fragment as h, createBlock as i, unref as o, withCtx as c, createVNode as x, createCommentVNode as v, createElementVNode as s, normalizeClass as g, renderList as B, toDisplayString as l } from "vue";
+import { defineComponent as C, computed as q, openBlock as u, createElementBlock as f, Fragment as b, createBlock as i, unref as o, withCtx as c, createVNode as x, createCommentVNode as h, createElementVNode as s, normalizeClass as v, renderList as B, toDisplayString as l } from "vue";
 import { formatMs as H } from "../../libs/formatters.js";
-import { useActiveEntities as y } from "../../store/active-entities.js";
-import { ListboxButton as E, ListboxOptions as L, ListboxOption as S } from "@headlessui/vue";
+import { useActiveEntities as E } from "../../store/active-entities.js";
+import { ListboxButton as L, ListboxOptions as S, ListboxOption as y } from "@headlessui/vue";
 import { ScalarIcon as z } from "@scalar/components";
 import { httpStatusCodes as M } from "@scalar/oas-utils/helpers";
 import { useRouter as N } from "vue-router";
@@ -14,23 +14,23 @@ const A = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, T =
     open: { type: Boolean }
   },
   setup(O) {
-    const { activeRequest: d } = y(), { requestHistory: k, requestExampleMutators: _ } = $(), p = N(), m = q(
-      () => k.filter((t) => {
+    const { activeRequest: d } = E(), { requestHistory: g, requestExampleMutators: k } = $(), p = N(), m = q(
+      () => g.filter((t) => {
         var r;
         return t.request.requestUid === ((r = d.value) == null ? void 0 : r.uid);
       }).slice().reverse()
     );
-    function w(t) {
+    function _(t) {
       var n;
       const r = p.currentRoute.value.params.workspace;
       ((n = d.value) == null ? void 0 : n.uid) !== t.request.requestUid && p.push(
         `/workspace/${r}/request/${t.request.requestUid}`
-      ), _.set({ ...t.request });
+      ), k.set({ ...t.request });
     }
     return (t, r) => {
       var n;
-      return u(), b(h, null, [
-        (n = m.value) != null && n.length ? (u(), i(o(E), {
+      return u(), f(b, null, [
+        (n = m.value) != null && n.length ? (u(), i(o(L), {
           key: 0,
           class: "addressbar-history-button mr-1 rounded-lg p-1.5 text-c-3 focus:text-c-1"
         }, {
@@ -42,20 +42,20 @@ const A = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, T =
             })
           ]),
           _: 1
-        })) : v("", !0),
+        })) : h("", !0),
         s("div", {
-          class: g([
+          class: v([
             "absolute bg-white left-0 top-8 w-full rounded-lg before:pointer-events-none before:absolute before:left-0 before:-top-8 before:h-[calc(100%+32px)] before:w-full before:rounded-lg z-context",
             { "before:shadow-lg": t.open }
           ])
         }, [
-          x(o(L), { class: "bg-b-1 border-t custom-scroll max-h-[300px] rounded-b-lg p-[3px] grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
+          x(o(S), { class: "bg-b-1 border-t custom-scroll max-h-[300px] rounded-b-lg p-[3px] grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
             default: c(() => [
-              (u(!0), b(h, null, B(m.value, (e, f) => (u(), i(o(S), {
-                key: f,
+              (u(!0), f(b, null, B(m.value, (e, w) => (u(), i(o(y), {
+                key: e.timestamp,
                 class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:ui-active:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
-                value: f,
-                onClick: (a) => w(e)
+                value: w,
+                onClick: (a) => _(e)
               }, {
                 default: c(() => {
                   var a;
@@ -64,13 +64,13 @@ const A = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, T =
                       key: 0,
                       class: "text-[11px]",
                       method: e.response.method
-                    }, null, 8, ["method"])) : v("", !0),
+                    }, null, 8, ["method"])) : h("", !0),
                     s("div", A, [
                       s("div", I, l(e.response.path), 1)
                     ]),
                     s("div", null, l(o(H)(e.response.duration)), 1),
                     s("div", {
-                      class: g([o(V)(e.response.status).color])
+                      class: v([o(V)(e.response.status).color])
                     }, l(e.response.status), 3),
                     s("div", null, l((a = o(M)[e.response.status]) == null ? void 0 : a.name), 1)
                   ];

package/dist/components/CodeInput/CodeInput.vue.d.ts

@@ -1,6 +1,7 @@
 import { type CodeMirrorLanguage } from '@scalar/use-codemirror';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     colorPicker?: boolean;
+    disabled?: boolean;
     modelValue: string | number;
     error?: boolean;
     emitOnBlur?: boolean;
@@ -29,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     curl: (v: string) => any;
 }, string, import("vue").PublicProps, Readonly<{
     colorPicker?: boolean;
+    disabled?: boolean;
     modelValue: string | number;
     error?: boolean;
     emitOnBlur?: boolean;
@@ -54,6 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
     onCurl?: ((v: string) => any) | undefined;
 }>, {
+    disabled: boolean;
     emitOnBlur: boolean;
     colorPicker: boolean;
     disableTabIndent: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAgdO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAkBb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBApBX,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;gBAjBZ,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAuZM,GAAG;kBACN,GAAG;;AA9a9B,wBA0eC;AAgBD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAqdO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAkBb,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBArBX,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;cApBd,OAAO;gBAGL,OAAO;iBAJN,OAAO;sBAOF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAwaM,GAAG;kBACN,GAAG;;AAhc9B,wBA4fC;AAgBD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-958f2326"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-492fdbc8"]]);
 export {
   _ as default
 };

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -1,30 +1,34 @@
-import { defineComponent as j, useAttrs as J, ref as u, toRef as r, watch as L, computed as Q, openBlock as s, createElementBlock as p, Fragment as G, createBlock as h, mergeProps as H, unref as n, withKeys as w, withModifiers as D, createElementVNode as E, createVNode as X, createCommentVNode as f, renderSlot as $ } from "vue";
-import { useCodeMirror as Y, useDropdown as Z, colorPicker as ee } from "@scalar/use-codemirror";
-import { nanoid as oe } from "nanoid";
-import q from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as te, backspaceCommand as le } from "./codeVariableWidget.js";
-import ne from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import { useClipboard as ae } from "@scalar/use-hooks/useClipboard";
-import { ScalarIcon as re } from "@scalar/components";
-import { prettyPrintJson as se } from "@scalar/oas-utils/helpers";
+import { defineComponent as _, useAttrs as J, ref as i, toRef as s, watch as L, computed as Q, openBlock as n, createElementBlock as u, Fragment as G, createElementVNode as h, toDisplayString as H, createBlock as w, mergeProps as X, unref as a, withKeys as V, withModifiers as $, createVNode as Y, createCommentVNode as c, renderSlot as q } from "vue";
+import { useCodeMirror as Z, useDropdown as ee, colorPicker as oe } from "@scalar/use-codemirror";
+import { nanoid as le } from "nanoid";
+import R from "../DataTable/DataTableInputSelect.vue.js";
+import { pillPlugin as te, backspaceCommand as ne } from "./codeVariableWidget.js";
+import ae from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import { useClipboard as re } from "@scalar/use-hooks/useClipboard";
+import { ScalarIcon as se } from "@scalar/components";
+import { prettyPrintJson as ie } from "@scalar/oas-utils/helpers";
 import { useActiveEntities as ue } from "../../store/active-entities.js";
-import { useWorkspace as ie } from "../../store/store.js";
-const de = ["id"], pe = {
+import { useWorkspace as de } from "../../store/store.js";
+const pe = {
+  key: 0,
+  class: "flex items-center justify-center p-2"
+}, fe = { class: "text-c-2 text-sm" }, ce = ["id"], me = {
   key: 0,
   class: "scalar-code-copy z-context"
-}, ce = {
-  key: 3,
-  class: "absolute centered-y right-7 text-orange text-xs"
-}, fe = {
+}, ye = {
   key: 4,
+  class: "absolute centered-y right-7 text-orange text-xs"
+}, be = {
+  key: 5,
   class: "required 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-has-[.cm-focused]:opacity-0 pointer-events-none"
-}, me = {
+}, ve = {
   inheritAttrs: !1
-}, xe = /* @__PURE__ */ j({
-  ...me,
+}, Ee = /* @__PURE__ */ _({
+  ...ve,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
     modelValue: {},
     error: { type: Boolean },
     emitOnBlur: { type: Boolean, default: !0 },
@@ -47,139 +51,141 @@ const de = ["id"], pe = {
     default: {}
   },
   emits: ["submit", "update:modelValue", "curl"],
-  setup(R, { expose: N, emit: O }) {
-    var P;
-    const e = R, i = O, V = J(), _ = V.id || `id-${oe()}`, g = u(!1), m = u(!1), B = u(""), C = u({ left: 0, top: 0 }), c = u(null), { activeEnvVariables: k, activeEnvironment: b, activeWorkspace: A } = ue(), { isReadOnly: S } = ie(), { copyToClipboard: I } = ae();
-    function K(o) {
-      var t;
-      return o === e.modelValue ? null : e.importCurl && o.trim().toLowerCase().startsWith("curl") ? (i("curl", o), (t = a.value) == null || t.dispatch({
+  setup(x, { expose: N, emit: O }) {
+    var F;
+    const o = x, d = O, g = J(), A = g.id || `id-${le()}`, B = i(!1), m = i(!1), k = i(""), C = i({ left: 0, top: 0 }), f = i(null), { activeEnvVariables: S, activeEnvironment: y, activeWorkspace: I } = ue(), { isReadOnly: P } = de(), { copyToClipboard: K } = re();
+    function M(e) {
+      var l;
+      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (d("curl", e), (l = r.value) == null || l.dispatch({
         changes: {
           from: 0,
-          to: a.value.state.doc.length,
-          insert: String(e.modelValue)
+          to: r.value.state.doc.length,
+          insert: String(o.modelValue)
         }
-      }), null) : e.handleFieldChange ? e.handleFieldChange(o) : i("update:modelValue", o);
+      }), null) : o.handleFieldChange ? o.handleFieldChange(e) : d("update:modelValue", e);
     }
-    function M(o) {
-      return e.handleFieldSubmit ? e.handleFieldSubmit(o) : i("submit", o);
+    function T(e) {
+      return o.handleFieldSubmit ? o.handleFieldSubmit(e) : d("submit", e);
     }
-    function T(o) {
-      g.value = !1, e.emitOnBlur && e.modelValue && M(o);
+    function W(e) {
+      B.value = !1, o.emitOnBlur && o.modelValue && T(e);
     }
-    const y = [];
-    e.colorPicker && y.push(ee), y.push(
+    const b = [];
+    o.colorPicker && b.push(oe), b.push(
       te({
-        environment: b.value,
-        envVariables: k.value,
-        workspace: A.value,
-        isReadOnly: S
+        environment: y.value,
+        envVariables: S.value,
+        workspace: I.value,
+        isReadOnly: P
       }),
-      le
+      ne
     );
-    const x = u(null), { codeMirror: a } = Y({
-      content: r(
-        () => e.modelValue !== void 0 ? String(e.modelValue) : ""
+    const D = i(null), { codeMirror: r } = Z({
+      content: s(
+        () => o.modelValue !== void 0 ? String(o.modelValue) : ""
       ),
-      onChange: (o) => {
-        K(o), z();
+      onChange: (e) => {
+        M(e), z();
       },
-      onFocus: () => g.value = !0,
-      onBlur: (o) => T(o),
-      codeMirrorRef: x,
-      disableTabIndent: r(() => e.disableTabIndent),
-      disableEnter: r(() => e.disableEnter),
-      disableCloseBrackets: r(() => e.disableCloseBrackets),
-      lineNumbers: r(() => e.lineNumbers),
-      language: r(() => e.language),
-      lint: r(() => e.lint),
-      extensions: y,
-      placeholder: r(() => e.placeholder)
+      onFocus: () => B.value = !0,
+      onBlur: (e) => W(e),
+      codeMirrorRef: D,
+      disableTabIndent: s(() => o.disableTabIndent),
+      disableEnter: s(() => o.disableEnter),
+      disableCloseBrackets: s(() => o.disableCloseBrackets),
+      lineNumbers: s(() => o.lineNumbers),
+      language: s(() => o.language),
+      lint: s(() => o.lint),
+      extensions: b,
+      placeholder: s(() => o.placeholder)
     });
-    (P = a.value) == null || P.focus(), L(a, () => {
-      a.value && Object.prototype.hasOwnProperty.call(V, "autofocus") && a.value.focus();
+    (F = r.value) == null || F.focus(), L(r, () => {
+      r.value && Object.prototype.hasOwnProperty.call(g, "autofocus") && r.value.focus();
     });
-    const { handleDropdownSelect: W, updateDropdownVisibility: z } = Z({
-      codeMirror: a,
-      query: B,
+    const { handleDropdownSelect: j, updateDropdownVisibility: z } = ee({
+      codeMirror: r,
+      query: k,
       showDropdown: m,
       dropdownPosition: C
     }), U = Q(() => {
-      var o;
-      return e.type === "boolean" || (o = e.type) != null && o.includes("boolean") || e.nullable ? ["true", "false", "null"] : ["true", "false"];
+      var e;
+      return o.type === "boolean" || (e = o.type) != null && e.includes("boolean") || o.nullable ? ["true", "false", "null"] : ["true", "false"];
     });
     N({
       focus: () => {
-        var o;
-        (o = a.value) == null || o.focus();
+        var e;
+        (e = r.value) == null || e.focus();
       }
     });
-    const v = (o, t) => {
-      var d, l, F;
-      m.value && (o === "down" ? (t.preventDefault(), (d = c.value) == null || d.handleArrowKey("down")) : o === "up" ? (t.preventDefault(), (l = c.value) == null || l.handleArrowKey("up")) : o === "enter" && (t.preventDefault(), (F = c.value) == null || F.handleSelect()));
+    const v = (e, l) => {
+      var p, t, E;
+      m.value && (e === "down" ? (l.preventDefault(), (p = f.value) == null || p.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = f.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (E = f.value) == null || E.handleSelect()));
     };
-    return (o, t) => {
-      var d;
-      return s(), p(G, null, [
-        e.enum && e.enum.length ? (s(), h(q, {
-          key: 0,
-          default: e.default,
-          modelValue: e.modelValue,
-          value: e.enum,
-          "onUpdate:modelValue": t[0] || (t[0] = (l) => i("update:modelValue", l))
-        }, null, 8, ["default", "modelValue", "value"])) : e.type === "boolean" || (d = e.type) != null && d.includes("boolean") ? (s(), h(q, {
+    return (e, l) => {
+      var p;
+      return n(), u(G, null, [
+        e.disabled ? (n(), u("div", pe, [
+          h("span", fe, H(e.modelValue), 1)
+        ])) : o.enum && o.enum.length ? (n(), w(R, {
           key: 1,
-          default: e.default,
+          default: o.default,
           modelValue: e.modelValue,
-          value: U.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (l) => i("update:modelValue", l))
-        }, null, 8, ["default", "modelValue", "value"])) : (s(), p("div", H({
+          value: o.enum,
+          "onUpdate:modelValue": l[0] || (l[0] = (t) => d("update:modelValue", t))
+        }, null, 8, ["default", "modelValue", "value"])) : e.type === "boolean" || (p = e.type) != null && p.includes("boolean") ? (n(), w(R, {
           key: 2,
-          id: n(_)
-        }, o.$attrs, {
+          default: o.default,
+          modelValue: e.modelValue,
+          value: U.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (t) => d("update:modelValue", t))
+        }, null, 8, ["default", "modelValue", "value"])) : (n(), u("div", X({
+          key: 3,
+          id: a(A)
+        }, e.$attrs, {
           ref_key: "codeMirrorRef",
-          ref: x,
+          ref: D,
           class: ["peer font-code w-full whitespace-nowrap overflow-hidden text-xs leading-[1.44] relative has-[:focus-visible]:outline has-[:focus-visible]:rounded-[4px] -outline-offset-2", {
-            "flow-code-input--error": o.error
+            "flow-code-input--error": e.error
           }],
           onKeydown: [
-            t[3] || (t[3] = w(D((l) => v("down", l), ["stop"]), ["down"])),
-            t[4] || (t[4] = w((l) => v("enter", l), ["enter"])),
-            t[5] || (t[5] = w(D((l) => v("up", l), ["stop"]), ["up"]))
+            l[3] || (l[3] = V($((t) => v("down", t), ["stop"]), ["down"])),
+            l[4] || (l[4] = V((t) => v("enter", t), ["enter"])),
+            l[5] || (l[5] = V($((t) => v("up", t), ["stop"]), ["up"]))
           ]
         }), [
-          o.isCopyable ? (s(), p("div", pe, [
-            E("button", {
+          e.isCopyable ? (n(), u("div", me, [
+            h("button", {
               class: "copy-button",
               type: "button",
-              onClick: t[2] || (t[2] = (l) => n(I)(n(se)(e.modelValue)))
+              onClick: l[2] || (l[2] = (t) => a(K)(a(ie)(e.modelValue)))
             }, [
-              t[6] || (t[6] = E("span", { class: "sr-only" }, "Copy content", -1)),
-              X(n(re), {
+              l[6] || (l[6] = h("span", { class: "sr-only" }, "Copy content", -1)),
+              Y(a(se), {
                 icon: "Clipboard",
                 size: "md"
               })
             ])
-          ])) : f("", !0)
-        ], 16, de)),
-        o.$slots.warning ? (s(), p("div", ce, [
-          $(o.$slots, "warning", {}, void 0, !0)
-        ])) : f("", !0),
-        $(o.$slots, "icon", {}, void 0, !0),
-        o.required ? (s(), p("div", fe, " Required ")) : f("", !0),
-        m.value && e.withVariables && !n(S) && n(b) ? (s(), h(ne, {
-          key: 5,
+          ])) : c("", !0)
+        ], 16, ce)),
+        e.$slots.warning ? (n(), u("div", ye, [
+          q(e.$slots, "warning", {}, void 0, !0)
+        ])) : c("", !0),
+        q(e.$slots, "icon", {}, void 0, !0),
+        e.required ? (n(), u("div", be, " Required ")) : c("", !0),
+        m.value && e.withVariables && !a(P) && a(y) ? (n(), w(ae, {
+          key: 6,
           ref_key: "dropdownRef",
-          ref: c,
+          ref: f,
           dropdownPosition: C.value,
-          envVariables: n(k),
-          environment: n(b),
-          query: B.value,
-          onSelect: n(W)
-        }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : f("", !0)
+          envVariables: a(S),
+          environment: a(y),
+          query: k.value,
+          onSelect: a(j)
+        }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : c("", !0)
       ], 64);
     };
   }
 });
 export {
-  xe as default
+  Ee as default
 };

package/dist/components/CommandPalette/CommandActionInput.vue.d.ts

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     modelValue?: string;
     placeholder?: string;
+    autofocus?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: string) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"CommandActionInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionInput.vue"],"names":[],"mappings":"AAyDA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAC;;;;;;;;AA4GF,wBAOG"}
+{"version":3,"file":"CommandActionInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionInput.vue"],"names":[],"mappings":"AAgEA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;;;;;;;;AAkHF,wBAOG"}

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

@@ -1,46 +1,49 @@
-import { defineComponent as f, ref as c, onMounted as h, nextTick as g, computed as v, withDirectives as w, openBlock as x, createElementBlock as k, mergeProps as y, withKeys as s, vModelText as D } from "vue";
+import { defineComponent as f, ref as c, onMounted as h, nextTick as g, computed as v, withDirectives as w, openBlock as x, createElementBlock as y, mergeProps as k, withKeys as s, vModelText as D } from "vue";
 const E = ["placeholder"], b = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "CommandActionInput",
   props: {
     modelValue: {},
-    placeholder: {}
+    placeholder: {},
+    autofocus: { type: Boolean }
   },
   emits: ["update:modelValue", "onDelete"],
   setup(i, { emit: p }) {
-    const l = i, r = p, a = c(null);
-    h(() => g(() => {
-      var e;
-      return (e = a.value) == null ? void 0 : e.focus();
-    }));
-    const o = v({
-      get: () => l.modelValue ?? "",
+    const n = i, r = p, a = c(null);
+    h(
+      () => g(() => {
+        var e;
+        n.autofocus || (e = a.value) == null || e.focus();
+      })
+    );
+    const l = v({
+      get: () => n.modelValue ?? "",
       set: (e) => r("update:modelValue", e)
     });
     function d(e) {
       var u;
       if (e.shiftKey || !e.target) return;
       e.preventDefault();
-      const t = e.target, n = new Event("submit", { cancelable: !0 });
-      (u = t.form) == null || u.dispatchEvent(n);
+      const t = e.target, o = new Event("submit", { cancelable: !0 });
+      (u = t.form) == null || u.dispatchEvent(o);
     }
     function m(e) {
-      o.value === "" && (e.preventDefault(), e.stopPropagation(), r("onDelete", e));
+      l.value === "" && (e.preventDefault(), e.stopPropagation(), r("onDelete", e));
     }
-    return (e, t) => w((x(), k("textarea", y({
+    return (e, t) => w((x(), y("textarea", k({
       ref_key: "input",
       ref: a,
-      "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n),
+      "onUpdate:modelValue": t[0] || (t[0] = (o) => l.value = o),
       class: "border-none outline-none flex-1 w-full pl-8 text-sm min-h-8 py-1.5 resize-none",
-      placeholder: l.placeholder,
+      placeholder: n.placeholder,
       wrap: "hard"
     }, e.$attrs, {
       onKeydown: [
-        t[1] || (t[1] = s((n) => m(n), ["delete"])),
-        t[2] || (t[2] = s((n) => d(n), ["enter"]))
+        t[1] || (t[1] = s((o) => m(o), ["delete"])),
+        t[2] || (t[2] = s((o) => d(o), ["enter"]))
       ]
     }), null, 16, E)), [
-      [D, o.value]
+      [D, l.value]
     ]);
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAiZA;;;;GAIG;;AACH,wBAgeI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA5f9B,CA5OC;qBA4OD,CA5OwB;;;;;;;mBA4OxB,CA5OC;qBA4OD,CA5OwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgvBd,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAkZA;;;;GAIG;;AACH,wBAieI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA7f9B,CA9OiD;qBA8OjD,CA7OQ;;;;;;;mBA6OR,CA9OiD;qBA8OjD,CA7OQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkvBE,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}

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

@@ -2,8 +2,8 @@ import o from "./TheCommandPalette.vue2.js";
 import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5143d9bb"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f73a73e6"]]);
 export {
   s as PaletteComponents,
-  a as default
+  r as default
 };

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

@@ -74,12 +74,12 @@ const he = {
           {
             name: "Add Environment",
             icon: "Brackets",
-            path: "environment"
+            path: "environment.default"
           },
           {
             name: "Add Cookie",
             icon: "Cookie",
-            path: "cookies"
+            path: "cookies.default"
           }
         ]
       },

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":"AAkKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAS/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAC;AAwCJ,iBAAS,cAAc;WA4OT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;EAa7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cApTN,OAAO;2BAGM,OAAO;cACpB,OAAO;6EAwTpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,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":"AAoKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAS/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAC;AAwCJ,iBAAS,cAAc;WA4OT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;EAa7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cApTN,OAAO;2BAGM,OAAO;cACpB,OAAO;6EAwTpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,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 a from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ a(t, [["__scopeId", "data-v-ea527929"]]);
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-de383491"]]);
 export {
   e 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":"AAmJA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAC;;;;;;uBADoB,OAAO;;AAmR/B,wBASG"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAC;;;;;;uBADoB,OAAO;;AAqR/B,wBASG"}