@scalar/api-client 2.2.34 → 2.2.37

package/CHANGELOG.md

@@ -1,5 +1,50 @@
 # @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
+
+- f9668c5: feat: updates checkbox style and display in path params
+- f9668c5: fix: handles path variable on request path change
+- b968e0f: fix: prevents raw removal when binary
+- b968e0f: fix: updates request body style
+- 406eb48: Increase OAuth state parameter to 8 characters for increased entropy
+- f1f8de9: fix: prevent hitting enter in auth from refreshing page
+- Updated dependencies [97d8981]
+- Updated dependencies [1bee104]
+- Updated dependencies [b552db5]
+  - @scalar/components@0.13.15
+  - @scalar/types@0.0.27
+  - @scalar/use-codemirror@0.11.60
+  - @scalar/oas-utils@0.2.98
+  - @scalar/openapi-parser@0.10.4
+  - @scalar/themes@0.9.61
+  - @scalar/import@0.2.18
+  - @scalar/postman-to-openapi@0.1.21
+  - @scalar/use-hooks@0.1.15
+
 ## 2.2.34
 
 ### 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/ContextBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;;;;;;AAwKF,wBAQG"}
+{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":"AAgJA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;;;;;;AAsKF,wBAQG"}

package/dist/components/ContextBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./ContextBar.vue2.js";
 /* empty css                */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cf482b83"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7906217f"]]);
 export {
   m as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":"AAwDA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B,CAAC;;;;;;WADQ,MAAM,GAAG,QAAQ;;AAsH7B,wBASG"}
+{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":"AA4DA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B,CAAC;;;;;;WADQ,MAAM,GAAG,QAAQ;;AAuH7B,wBASG"}