@scalar/api-client 2.2.56 → 2.2.59

package/CHANGELOG.md

@@ -1,5 +1,74 @@
 # @scalar/api-client
 
+## 2.2.59
+
+### Patch Changes
+
+- 168e609: fix: body showing none instead of json
+- Updated dependencies [3f99afc]
+- Updated dependencies [bab7990]
+- Updated dependencies [2c621d4]
+- Updated dependencies [a31973c]
+  - @scalar/components@0.13.31
+  - @scalar/types@0.0.39
+  - @scalar/snippetz@0.2.16
+  - @scalar/oas-utils@0.2.113
+  - @scalar/use-codemirror@0.11.76
+  - @scalar/openapi-parser@0.10.9
+  - @scalar/themes@0.9.74
+  - @scalar/import@0.2.33
+  - @scalar/postman-to-openapi@0.1.36
+  - @scalar/use-hooks@0.1.28
+
+## 2.2.58
+
+### Patch Changes
+
+- 4682a6f: fix: add keyboard instructions for code inputs
+- Updated dependencies [7f1a40e]
+  - @scalar/types@0.0.38
+  - @scalar/oas-utils@0.2.112
+  - @scalar/openapi-parser@0.10.9
+  - @scalar/themes@0.9.73
+  - @scalar/import@0.2.32
+  - @scalar/postman-to-openapi@0.1.35
+  - @scalar/components@0.13.30
+  - @scalar/use-codemirror@0.11.75
+  - @scalar/use-hooks@0.1.27
+
+## 2.2.57
+
+### Patch Changes
+
+- 89d8b75: feat: new ApiReferenceConfiguration type
+- 8c0e147: feat: updates request creation flow
+- 8a04b8d: fix: mime type transformation issue
+- b93b22f: fix(api-client): improve api client sidebar and address bar a11y
+- 73513d3: fix: handle utf-8 encoded file names for content-disposition header
+- 51b7c5c: fix: updates request table form style and logic"
+- 8a04b8d: fix: adds vendor specific mime type support
+- Updated dependencies [89d8b75]
+- Updated dependencies [8a04b8d]
+- Updated dependencies [1459ce7]
+- Updated dependencies [479a2ef]
+- Updated dependencies [8a04b8d]
+  - @scalar/oas-utils@0.2.111
+  - @scalar/themes@0.9.72
+  - @scalar/types@0.0.37
+  - @scalar/components@0.13.29
+  - @scalar/import@0.2.31
+  - @scalar/postman-to-openapi@0.1.34
+  - @scalar/use-codemirror@0.11.74
+  - @scalar/use-hooks@0.1.26
+  - @scalar/openapi-parser@0.10.9
+  - @scalar/draggable@0.1.11
+  - @scalar/icons@0.1.3
+  - @scalar/object-utils@1.1.13
+  - @scalar/openapi-types@0.1.9
+  - @scalar/snippetz@0.2.15
+  - @scalar/use-toasts@0.7.9
+  - @scalar/use-tooltip@1.0.6
+
 ## 2.2.56
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AA6JA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAc9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAmQF,wBAOG"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AAmJA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAc9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAiQF,wBAOG"}

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 e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-113be377"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-50597ffd"]]);
 export {
-  e as default
+  a as default
 };

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

@@ -1,94 +1,93 @@
-import { defineComponent as y, ref as S, computed as _, openBlock as n, createBlock as i, unref as e, withCtx as r, createVNode as u, createSlots as B, createElementVNode as a, createCommentVNode as k, normalizeStyle as H, createElementBlock as V, Fragment as w, renderList as z, toDisplayString as d, normalizeClass as L } from "vue";
-import { Listbox as U, ListboxButton as E, ListboxOptions as F, ListboxOption as I } from "@headlessui/vue";
-import { ScalarFloating as M, ScalarIcon as N, ScalarFloatingBackdrop as R } from "@scalar/components";
-import { httpStatusCodes as O } from "@scalar/oas-utils/helpers";
+import { defineComponent as _, computed as y, openBlock as a, createBlock as i, unref as e, withCtx as o, createVNode as l, createSlots as S, createElementVNode as r, createCommentVNode as h, normalizeStyle as b, createElementBlock as M, Fragment as B, renderList as H, toDisplayString as c, normalizeClass as w } from "vue";
+import { Menu as z, MenuButton as I, MenuItems as E, MenuItem as F } from "@headlessui/vue";
+import { ScalarFloating as N, ScalarIcon as U, ScalarFloatingBackdrop as V } from "@scalar/components";
+import { httpStatusCodes as R } from "@scalar/oas-utils/helpers";
 import { useRouter as W } from "vue-router";
 import { formatMs as A } from "../../libs/formatters.js";
-import { PathId as v } from "../../routes.js";
+import { PathId as g } from "../../routes.js";
 import D from "../HttpMethod/HttpMethod.vue.js";
-import { getStatusCodeColor as P } from "./httpStatusCodeColors.js";
-import { useWorkspace as $ } from "../../store/store.js";
-const j = { class: "min-w-0" }, G = { class: "text-c-1 min-w-0 truncate" }, se = /* @__PURE__ */ y({
+import { getStatusCodeColor as L } from "./httpStatusCodeColors.js";
+import { useWorkspace as P } from "../../store/store.js";
+const $ = { class: "min-w-0" }, j = { class: "text-c-1 min-w-0 truncate" }, te = /* @__PURE__ */ _({
   __name: "AddressBarHistory",
   props: {
     operation: {},
     target: {}
   },
-  setup(p) {
-    const { requestHistory: f, requestExampleMutators: q } = $(), x = W(), g = S(f[0] ?? null), h = _(
-      () => f.filter((o) => o.request.requestUid === p.operation.uid).slice().reverse()
+  setup(m) {
+    const { requestHistory: k, requestExampleMutators: v } = P(), p = W(), f = y(
+      () => k.filter((s) => s.request.requestUid === m.operation.uid).slice().reverse()
     );
-    function b(o) {
-      const s = x.currentRoute.value.params.workspace;
-      p.operation.uid !== o.request.requestUid && x.push({
+    function x(s) {
+      const n = p.currentRoute.value.params.workspace;
+      m.operation.uid !== s.request.requestUid && p.push({
         name: "request",
         params: {
-          [v.Workspace]: s,
-          [v.Request]: o.request.requestUid
+          [g.Workspace]: n,
+          [g.Request]: s.request.requestUid
         }
-      }), q.set({ ...o.request });
+      }), v.set({ ...s.request });
     }
-    return (o, s) => (n(), i(e(U), {
-      modelValue: g.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (m) => g.value = m)
-    }, {
-      default: r(({ open: m }) => [
-        u(e(M), {
+    return (s, n) => (a(), i(e(z), { as: "div" }, {
+      default: o(({ open: q }) => [
+        l(e(N), {
           offset: 0,
           resize: "",
-          target: o.target
-        }, B({
-          default: r(() => {
-            var l;
+          target: s.target
+        }, S({
+          default: o(() => {
+            var u;
             return [
-              (l = h.value) != null && l.length ? (n(), i(e(E), {
+              (u = f.value) != null && u.length ? (a(), i(e(I), {
                 key: 0,
-                class: "address-bar-history-button z-context-plus text-c-3 focus:text-c-1 mr-1 rounded-lg p-1.5"
+                class: "address-bar-history-button z-context-plus text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5"
               }, {
-                default: r(() => [
-                  u(e(N), {
+                default: o(() => [
+                  l(e(U), {
                     icon: "History",
                     size: "sm",
                     thickness: "2.25"
                   }),
-                  s[1] || (s[1] = a("span", { class: "sr-only" }, "Request History", -1))
+                  n[0] || (n[0] = r("span", { class: "sr-only" }, "Request History", -1))
                 ]),
                 _: 1
-              })) : k("", !0)
+              })) : h("", !0)
             ];
           }),
           _: 2
         }, [
-          m ? {
+          q ? {
             name: "floating",
-            fn: r(({ width: l }) => [
-              u(e(F), {
+            fn: o(({ width: u }) => [
+              l(e(E), {
                 class: "custom-scroll p-0.75 grid max-h-[inherit] grid-cols-[44px,1fr,repeat(3,auto)] items-center border-t",
-                style: H({ width: l })
+                static: "",
+                style: b({ width: u })
               }, {
-                default: r(() => [
-                  (n(!0), V(w, null, z(h.value, (t, C) => (n(), i(e(I), {
+                default: o(() => [
+                  (a(!0), M(B, null, H(f.value, (t, C) => (a(), i(e(F), {
                     key: t.timestamp,
+                    as: "button",
                     class: "font-code *:ui-active:bg-b-2 text-c-2 contents text-sm font-medium *:flex *:h-8 *:cursor-pointer *:items-center *:rounded-none *:px-1.5 first:*:rounded-l last:*:rounded-r",
                     value: C,
-                    onClick: (c) => b(t)
+                    onClick: (d) => x(t)
                   }, {
-                    default: r(() => {
-                      var c;
+                    default: o(() => {
+                      var d;
                       return [
-                        t.response.method ? (n(), i(D, {
+                        t.response.method ? (a(), i(D, {
                           key: 0,
                           class: "text-[11px]",
                           method: t.response.method
-                        }, null, 8, ["method"])) : k("", !0),
-                        a("div", j, [
-                          a("div", G, d(t.response.path), 1)
+                        }, null, 8, ["method"])) : h("", !0),
+                        r("div", $, [
+                          r("div", j, c(t.response.path), 1)
                         ]),
-                        a("div", null, d(e(A)(t.response.duration)), 1),
-                        a("div", {
-                          class: L([e(P)(t.response.status).color])
-                        }, d(t.response.status), 3),
-                        a("div", null, d((c = e(O)[t.response.status]) == null ? void 0 : c.name), 1)
+                        r("div", null, c(e(A)(t.response.duration)), 1),
+                        r("div", {
+                          class: w([e(L)(t.response.status).color])
+                        }, c(t.response.status), 3),
+                        r("div", null, c((d = e(R)[t.response.status]) == null ? void 0 : d.name), 1)
                       ];
                     }),
                     _: 2
@@ -96,16 +95,16 @@ const j = { class: "min-w-0" }, G = { class: "text-c-1 min-w-0 truncate" }, se =
                 ]),
                 _: 2
               }, 1032, ["style"]),
-              u(e(R), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
+              l(e(V), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["target"])
       ]),
       _: 1
-    }, 8, ["modelValue"]));
+    }));
   }
 });
 export {
-  se as default
+  te as default
 };

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

@@ -69,8 +69,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onBlur?: (v: string) => any;
     onCurl?: (v: string) => any;
 }>, {
-    disabled: boolean;
     nullable: boolean;
+    disabled: boolean;
     colorPicker: boolean;
     emitOnBlur: 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":"AAkfA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;;;kBAzBN,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;cAxBT,OAAO;cAiBP,OAAO;iBAlBJ,OAAO;gBAIR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;;qBA4dM,GAAG;kBACN,GAAG;;AArf9B,wBAgjBC;AAeD,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":"AA6fA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;;;kBAzBN,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;cAPT,OAAO;cAjBP,OAAO;iBADJ,OAAO;gBAIR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;;qBA4fM,GAAG;kBACN,GAAG;;AArhB9B,wBAglBC;AAeD,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-18f34311"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-082b146a"]]);
 export {
   _ as default
 };

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

@@ -1,26 +1,30 @@
-import { defineComponent as j, useAttrs as H, ref as d, toRef as r, watch as J, computed as $, openBlock as n, createElementBlock as i, Fragment as Q, normalizeClass as W, unref as u, createElementVNode as w, toDisplayString as G, createBlock as f, mergeProps as X, withKeys as h, withModifiers as q, createVNode as Y, createCommentVNode as c, renderSlot as R } from "vue";
-import { ScalarIcon as Z } from "@scalar/components";
-import { prettyPrintJson as _ } from "@scalar/oas-utils/helpers";
-import { useCodeMirror as ee, useDropdown as oe, colorPicker as le } from "@scalar/use-codemirror";
-import { useClipboard as te } from "@scalar/use-hooks/useClipboard";
-import { nanoid as ne } from "nanoid";
-import ae from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import V from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as re, backspaceCommand as se } from "./codeVariableWidget.js";
-import { useLayout as ue } from "../../hooks/useLayout.js";
-const de = { class: "whitespace-nowrap" }, ie = ["id"], pe = {
+import { defineComponent as H, useAttrs as J, ref as i, toRef as r, watch as Q, computed as $, openBlock as n, createElementBlock as u, Fragment as W, normalizeClass as G, unref as d, createElementVNode as m, toDisplayString as X, createBlock as y, mergeProps as Y, withKeys as g, withModifiers as q, createVNode as Z, createCommentVNode as f, createTextVNode as V, renderSlot as E } from "vue";
+import { ScalarIcon as _ } from "@scalar/components";
+import { prettyPrintJson as ee } from "@scalar/oas-utils/helpers";
+import { useCodeMirror as oe, useDropdown as te, colorPicker as le } from "@scalar/use-codemirror";
+import { useClipboard as ne } from "@scalar/use-hooks/useClipboard";
+import { nanoid as ae } from "nanoid";
+import re from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import k from "../DataTable/DataTableInputSelect.vue.js";
+import { pillPlugin as se, backspaceCommand as ue } from "./codeVariableWidget.js";
+import { useLayout as de } from "../../hooks/useLayout.js";
+const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
   key: 0,
   class: "scalar-code-copy z-context"
-}, me = {
+}, fe = {
+  key: 1,
+  class: "z-context text-c-2 absolute bottom-1 right-1.5 hidden font-sans group-has-[:focus-visible]/input:block",
+  role: "alert"
+}, ce = {
   key: 5,
   class: "centered-y text-orange absolute right-7 text-xs"
-}, fe = {
+}, be = {
   key: 6,
   class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 pr-2 pt-px opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.error]:bg-transparent group-[.alert]:shadow-none group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0"
-}, ce = {
+}, ye = {
   inheritAttrs: !1
-}, Se = /* @__PURE__ */ j({
-  ...ce,
+}, Pe = /* @__PURE__ */ H({
+  ...ye,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -51,12 +55,12 @@ const de = { class: "whitespace-nowrap" }, ie = ["id"], pe = {
     workspace: {}
   },
   emits: ["submit", "update:modelValue", "curl", "blur"],
-  setup(A, { expose: E, emit: M }) {
-    var P;
-    const o = A, s = M, C = H(), N = C.id || `id-${ne()}`, B = d(!1), y = d(!1), k = d(""), S = d({ left: 0, top: 0 }), m = d(null), { layout: b } = ue(), { copyToClipboard: O } = te();
-    function T(e) {
-      var l;
-      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (s("curl", e), (l = a.value) == null || l.dispatch({
+  setup(I, { expose: N, emit: R }) {
+    var T;
+    const o = I, s = R, C = J(), A = C.id || `id-${ae()}`, B = i(!1), v = i(!1), x = i(""), S = i({ left: 0, top: 0 }), c = i(null), { layout: w } = de(), { copyToClipboard: M } = ne();
+    function O(e) {
+      var t;
+      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (s("curl", e), (t = a.value) == null || t.dispatch({
         changes: {
           from: 0,
           to: a.value.state.doc.length,
@@ -64,31 +68,31 @@ const de = { class: "whitespace-nowrap" }, ie = ["id"], pe = {
         }
       }), null) : o.handleFieldChange ? o.handleFieldChange(e) : s("update:modelValue", e);
     }
-    function x(e) {
+    function P(e) {
       return o.handleFieldSubmit ? o.handleFieldSubmit(e) : s("submit", e);
     }
-    function I(e) {
-      B.value = !1, o.emitOnBlur && o.modelValue && x(e), s("blur", e);
+    function K(e) {
+      B.value = !1, o.emitOnBlur && o.modelValue && P(e), s("blur", e);
     }
-    const v = [];
-    o.colorPicker && v.push(le), v.push(
-      re({
+    const h = [];
+    o.colorPicker && h.push(le), h.push(
+      se({
         environment: o.environment,
         envVariables: o.envVariables,
         workspace: o.workspace,
-        isReadOnly: b === "modal"
+        isReadOnly: w === "modal"
       }),
-      se
+      ue
     );
-    const D = d(null), { codeMirror: a } = ee({
+    const D = i(null), { codeMirror: a } = oe({
       content: r(
         () => o.modelValue !== void 0 ? String(o.modelValue) : ""
       ),
       onChange: (e) => {
-        T(e), z();
+        O(e), L();
       },
       onFocus: () => B.value = !0,
-      onBlur: (e) => I(e),
+      onBlur: (e) => K(e),
       codeMirrorRef: D,
       disableTabIndent: r(() => o.disableTabIndent),
       disableEnter: r(() => o.disableEnter),
@@ -96,112 +100,120 @@ const de = { class: "whitespace-nowrap" }, ie = ["id"], pe = {
       lineNumbers: r(() => o.lineNumbers),
       language: r(() => o.language),
       lint: r(() => o.lint),
-      extensions: v,
+      extensions: h,
       placeholder: r(() => o.placeholder)
     });
-    (P = a.value) == null || P.focus(), J(a, () => {
+    (T = a.value) == null || T.focus(), Q(a, () => {
       a.value && Object.prototype.hasOwnProperty.call(C, "autofocus") && a.value.focus();
     });
-    const { handleDropdownSelect: K, updateDropdownVisibility: z } = oe({
+    const { handleDropdownSelect: z, updateDropdownVisibility: L } = te({
       codeMirror: a,
-      query: k,
-      showDropdown: y,
+      query: x,
+      showDropdown: v,
       dropdownPosition: S
-    }), L = $(() => {
+    }), U = $(() => {
       var e;
       return o.type === "boolean" || (e = o.type) != null && e.includes("boolean") || o.nullable ? ["true", "false", "null"] : ["true", "false"];
     });
-    E({
+    N({
       focus: () => {
         var e;
         (e = a.value) == null || e.focus();
       }
     });
-    const g = (e, l) => {
-      var p, t, F;
-      y.value ? e === "down" ? (l.preventDefault(), (p = m.value) == null || p.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = m.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (F = m.value) == null || F.handleSelect()) : e === "enter" && l.target instanceof HTMLDivElement && x(l.target.textContent ?? "");
-    }, U = $(() => Array.isArray(o.type) ? (
+    const b = (e, t) => {
+      var p, l, F;
+      v.value ? e === "down" ? (t.preventDefault(), (p = c.value) == null || p.handleArrowKey("down")) : e === "up" ? (t.preventDefault(), (l = c.value) == null || l.handleArrowKey("up")) : e === "enter" && (t.preventDefault(), (F = c.value) == null || F.handleSelect()) : e === "escape" ? o.disableTabIndent || t.stopPropagation() : e === "enter" && t.target instanceof HTMLDivElement && P(t.target.textContent ?? "");
+    }, j = $(() => Array.isArray(o.type) ? (
       // Find the first type, that’s not 'null'
       o.type.find((e) => e !== "null") ?? "string"
     ) : (
       // If it’s not an array, just return the type
       o.type
     ));
-    return (e, l) => {
+    return (e, t) => {
       var p;
-      return n(), i(Q, null, [
-        e.disabled ? (n(), i("div", {
+      return n(), u(W, null, [
+        e.disabled ? (n(), u("div", {
           key: 0,
-          class: W(["text-c-2 flex cursor-default items-center justify-center", u(b) === "modal" ? "font-code pl-1 pr-2 text-sm" : "px-2"])
+          class: G(["text-c-2 flex cursor-default items-center justify-center", d(w) === "modal" ? "font-code pl-1 pr-2 text-sm" : "px-2"])
         }, [
-          w("span", de, G(e.modelValue), 1)
-        ], 2)) : o.enum && o.enum.length ? (n(), f(V, {
+          m("span", ie, X(e.modelValue), 1)
+        ], 2)) : o.enum && o.enum.length ? (n(), y(k, {
           key: 1,
           default: o.default,
           modelValue: e.modelValue,
-          type: U.value,
+          type: j.value,
           value: o.enum,
-          "onUpdate:modelValue": l[0] || (l[0] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "type", "value"])) : e.type === "boolean" || (p = e.type) != null && p.includes("boolean") ? (n(), f(V, {
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => s("update:modelValue", l))
+        }, null, 8, ["default", "modelValue", "type", "value"])) : e.type === "boolean" || (p = e.type) != null && p.includes("boolean") ? (n(), y(k, {
           key: 2,
           default: o.default,
           modelValue: e.modelValue,
-          value: L.value,
-          "onUpdate:modelValue": l[1] || (l[1] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "value"])) : o.examples && o.examples.length ? (n(), f(V, {
+          value: U.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (l) => s("update:modelValue", l))
+        }, null, 8, ["default", "modelValue", "value"])) : o.examples && o.examples.length ? (n(), y(k, {
           key: 3,
           default: o.default,
           modelValue: o.modelValue,
           value: o.examples,
-          "onUpdate:modelValue": l[2] || (l[2] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "value"])) : (n(), i("div", X({
+          "onUpdate:modelValue": t[2] || (t[2] = (l) => s("update:modelValue", l))
+        }, null, 8, ["default", "modelValue", "value"])) : (n(), u("div", Y({
           key: 4,
-          id: u(N)
+          id: d(A)
         }, e.$attrs, {
           ref_key: "codeMirrorRef",
           ref: D,
-          class: ["group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden whitespace-nowrap text-xs leading-[1.44] -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
+          class: ["group/input group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden whitespace-nowrap text-xs leading-[1.44] -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
             "flow-code-input--error": e.error
           }],
           onKeydown: [
-            l[4] || (l[4] = h(q((t) => g("down", t), ["stop"]), ["down"])),
-            l[5] || (l[5] = h((t) => g("enter", t), ["enter"])),
-            l[6] || (l[6] = h(q((t) => g("up", t), ["stop"]), ["up"]))
+            t[4] || (t[4] = g(q((l) => b("down", l), ["stop"]), ["down"])),
+            t[5] || (t[5] = g((l) => b("enter", l), ["enter"])),
+            t[6] || (t[6] = g((l) => b("escape", l), ["escape"])),
+            t[7] || (t[7] = g(q((l) => b("up", l), ["stop"]), ["up"]))
           ]
         }), [
-          e.isCopyable ? (n(), i("div", pe, [
-            w("button", {
+          e.isCopyable ? (n(), u("div", me, [
+            m("button", {
               class: "copy-button",
               type: "button",
-              onClick: l[3] || (l[3] = (t) => u(O)(u(_)(e.modelValue)))
+              onClick: t[3] || (t[3] = (l) => d(M)(d(ee)(e.modelValue)))
             }, [
-              l[7] || (l[7] = w("span", { class: "sr-only" }, "Copy content", -1)),
-              Y(u(Z), {
+              t[8] || (t[8] = m("span", { class: "sr-only" }, "Copy content", -1)),
+              Z(d(_), {
                 icon: "Clipboard",
                 size: "md"
               })
             ])
-          ])) : c("", !0)
-        ], 16, ie)),
-        e.$slots.warning ? (n(), i("div", me, [
-          R(e.$slots, "warning", {}, void 0, !0)
-        ])) : c("", !0),
-        R(e.$slots, "icon", {}, void 0, !0),
-        e.required ? (n(), i("div", fe, " Required ")) : c("", !0),
-        y.value && e.withVariables && u(b) !== "modal" && e.environment ? (n(), f(ae, {
+          ])) : f("", !0),
+          e.disableTabIndent ? f("", !0) : (n(), u("div", fe, t[9] || (t[9] = [
+            V(" Press "),
+            m("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Esc", -1),
+            V(" then "),
+            m("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Tab", -1),
+            V(" to exit ")
+          ])))
+        ], 16, pe)),
+        e.$slots.warning ? (n(), u("div", ce, [
+          E(e.$slots, "warning", {}, void 0, !0)
+        ])) : f("", !0),
+        E(e.$slots, "icon", {}, void 0, !0),
+        e.required ? (n(), u("div", be, " Required ")) : f("", !0),
+        v.value && e.withVariables && d(w) !== "modal" && e.environment ? (n(), y(re, {
           key: 7,
           ref_key: "dropdownRef",
-          ref: m,
+          ref: c,
           dropdownPosition: S.value,
           envVariables: e.envVariables,
           environment: e.environment,
-          query: k.value,
-          onSelect: u(K)
-        }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : c("", !0)
+          query: x.value,
+          onSelect: d(z)
+        }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : f("", !0)
       ], 64);
     };
   }
 });
 export {
-  Se as default
+  Pe as default
 };

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

@@ -13,23 +13,7 @@ export declare const PaletteComponents: {
         onClose?: () => any;
         onBack?: (e: KeyboardEvent) => any;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLFormElement>;
-    readonly 'Create Request': import("vue").DefineComponent<{
-        metaData?: {
-            itemUid: string;
-            parentUid: string;
-        };
-    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        close: () => any;
-        back: (e: KeyboardEvent) => any;
-    }, string, import("vue").PublicProps, Readonly<{
-        metaData?: {
-            itemUid: string;
-            parentUid: string;
-        };
-    }> & Readonly<{
-        onClose?: () => any;
-        onBack?: (e: KeyboardEvent) => any;
-    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLFormElement>;
+    readonly 'Create Request': "";
     readonly 'Create Workspace': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         close: () => any;
         back: (e: KeyboardEvent) => any;
@@ -115,13 +99,14 @@ export declare const PaletteComponents: {
                     schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
-                    examples?: Record<string, {
+                    examples?: unknown[] | Record<string, {
                         value?: unknown;
                         summary?: string | undefined;
                     }> | undefined;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
+                'x-scalar-stability'?: unknown;
                 method?: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace" | undefined;
             } & {
                 url?: string;
@@ -163,13 +148,14 @@ export declare const PaletteComponents: {
                     schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
-                    examples?: Record<string, {
+                    examples?: unknown[] | Record<string, {
                         value?: unknown;
                         summary?: string | undefined;
                     }> | undefined;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
+                'x-scalar-stability'?: unknown;
                 method?: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace" | undefined;
             } & {
                 url?: string;

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":"AAwaA;;;;GAIG;;AACH,wBAmfI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAlhB9B,CAvPoB;qBAuPpB,CAvP2C;;;;;;;mBAuP3C,CAvPoB;qBAuPpB,CAvP2C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA6lBmC,CAAC;;;;;;;;;;;;;;;2BAQQ,CAAC;4BAA2B,CAAC;+BACzF,CAAC;8BAAwC,CAAC;0BAAqC,CAAC;2BAA0B,CAAC;yBAChH,CAAC;4BAEiC,CAAC;6BAAqC,CAAA;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;+BAZ/C,CAAC;;;;;;;;;;;;;;;2BAQQ,CAAC;4BAA2B,CAAC;+BACzF,CAAC;8BAAwC,CAAC;0BAAqC,CAAC;2BAA0B,CAAC;yBAChH,CAAC;4BAEiC,CAAC;6BAAqC,CAAA;+BAA8B,CAAC;;;;;;;;;;;;;;;CAyKnH,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":"AAqcA;;;;GAIG;;AACH,wBA8gBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBA9iB9B,CAlRqC;qBAkRrC,CAjRY;;;;;;;mBAiRZ,CAlRqC;qBAkRrC,CAjRY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAmoB0D,CAAC;;;;;;;;;;;;;;;2BAO+C,CAAC;4BAA2B,CAAC;+BAEnJ,CAAA;8BAEoC,CAAC;0BACxB,CAAC;2BAA0B,CAAC;yBAAwB,CAAC;4BAIjC,CAAC;6BAAgD,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;+BAhB5C,CAAC;;;;;;;;;;;;;;;2BAO+C,CAAC;4BAA2B,CAAC;+BAEnJ,CAAA;8BAEoC,CAAC;0BACxB,CAAC;2BAA0B,CAAC;yBAAwB,CAAC;4BAIjC,CAAC;6BAAgD,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;CAqLxG,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"}