@scalar/api-client 2.2.62 → 2.3.1

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @scalar/api-client
 
+## 2.3.1
+
+### Patch Changes
+
+- 7bc87ef: fix: using config url data attribute import
+
+## 2.3.0
+
+### Minor Changes
+
+- 5f9a8a2: feat!: remove the spec prefix, make content and url top-level attributes
+
+### Patch Changes
+
+- 5be9418: fix: enhances request section icon positions
+- Updated dependencies [5f9a8a2]
+- Updated dependencies [14c5d22]
+  - @scalar/import@0.3.0
+  - @scalar/types@0.1.0
+  - @scalar/oas-utils@0.2.118
+  - @scalar/openapi-parser@0.10.10
+  - @scalar/snippetz@0.2.16
+  - @scalar/themes@0.9.77
+  - @scalar/postman-to-openapi@0.1.41
+  - @scalar/components@0.13.35
+  - @scalar/use-codemirror@0.11.80
+  - @scalar/use-hooks@0.1.31
+
+## 2.2.63
+
+### Patch Changes
+
+- 00a429f: fix: remove turbo cache from deploy examples
+- a0da28e: feat: adds security scheme auth description
+- Updated dependencies [fc6a45e]
+  - @scalar/types@0.0.41
+  - @scalar/oas-utils@0.2.117
+  - @scalar/openapi-parser@0.10.10
+  - @scalar/snippetz@0.2.16
+  - @scalar/themes@0.9.76
+  - @scalar/import@0.2.37
+  - @scalar/postman-to-openapi@0.1.40
+  - @scalar/components@0.13.34
+  - @scalar/use-codemirror@0.11.79
+  - @scalar/use-hooks@0.1.30
+
 ## 2.2.62
 
 ### Patch Changes

package/README.md

@@ -59,9 +59,7 @@ import { createApiClientApp } from '@/App'
 
 // Initialize
 await createApiClientApp(document.getElementById('scalar-client'), {
-  spec: {
-    url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
-  },
+  url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
   proxyUrl: 'https://proxy.scalar.com',
 })
 ```
@@ -78,9 +76,7 @@ import { createApiClientApp } from '@/App'
 const { open } = await createApiClientApp(
   document.getElementById('scalar-client'),
   {
-    spec: {
-      url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
-    },
+    url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
     proxyUrl: 'https://proxy.scalar.com',
   },
 )

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":"AAiWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAQrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;;;;;AAibJ,wBAQG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":"AAgWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAQrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;;;;;AAgbJ,wBAQG"}

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

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5e5a3c5f"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a1761ad5"]]);
 export {
-  e as default
+  d as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as z, useId as I, ref as i, watch as A, openBlock as k, createElementBlock as L, unref as r, createElementVNode as l, normalizeClass as U, normalizeStyle as M, createVNode as u, createBlock as $, createCommentVNode as H, withCtx as N, toDisplayString as x } from "vue";
+import { defineComponent as z, useId as I, ref as i, watch as L, openBlock as k, createElementBlock as U, unref as r, createElementVNode as t, normalizeClass as A, normalizeStyle as M, createVNode as u, createBlock as $, createCommentVNode as H, withCtx as N, toDisplayString as b } from "vue";
 import { ScalarButton as T, ScalarIcon as D } from "@scalar/components";
 import { REQUEST_METHODS as O } from "@scalar/oas-utils/helpers";
 import P from "../CodeInput/CodeInput.vue.js";
@@ -22,91 +22,91 @@ const G = ["id"], J = { class: "m-auto flex flex-row items-center" }, X = { clas
   },
   emits: ["importCurl"],
   setup(n) {
-    const p = I(), { requestMutators: v, events: c } = j(), { layout: h } = F(), f = i(null), g = i(null), B = (e) => {
-      n.operation.path !== e && v.edit(n.operation.uid, "path", e);
+    const m = I(), { requestMutators: p, events: c } = j(), { layout: v } = F(), h = i(null), x = i(null), B = (e) => {
+      n.operation.path !== e && p.edit(n.operation.uid, "path", e);
     };
-    A(
+    L(
       () => n.operation.path,
       (e) => {
         e && B(e);
       }
     );
-    const t = i(100), w = i(0), a = i(!1), s = i();
+    const l = i(100), w = i(0), a = i(!1), s = i();
     function C() {
-      a.value ? t.value -= (t.value - 15) / 60 : t.value -= w.value / 20, t.value <= 0 && (clearInterval(s.value), s.value = void 0, t.value = 100, a.value = !1);
+      a.value ? l.value -= (l.value - 15) / 60 : l.value -= w.value / 20, l.value <= 0 && (clearInterval(s.value), s.value = void 0, l.value = 100, a.value = !1);
     }
     function y() {
       s.value || (a.value = !0, s.value = setInterval(C, 20));
     }
     function R() {
-      w.value = t.value, a.value = !1;
+      w.value = l.value, a.value = !1;
     }
     function q() {
-      clearInterval(s.value), s.value = void 0, t.value = 100, a.value = !1;
+      clearInterval(s.value), s.value = void 0, l.value = 100, a.value = !1;
     }
     c.requestStatus.on((e) => {
       e === "start" && y(), e === "stop" && R(), e === "abort" && q();
     }), c.focusAddressBar.on(() => {
       var e, o, d;
-      console.log("focusAddressBar", g.value, f.value), h === "modal" ? (o = (e = g.value) == null ? void 0 : e.$el) == null || o.focus() : (d = f.value) == null || d.focus();
+      v === "modal" ? (o = (e = x.value) == null ? void 0 : e.$el) == null || o.focus() : (d = h.value) == null || d.focus();
     });
     function S(e) {
-      v.edit(n.operation.uid, "method", e);
+      p.edit(n.operation.uid, "method", e);
     }
     function E() {
       const { method: e } = n.operation;
       return O[e].backgroundColor;
     }
-    function b() {
+    function g() {
       a.value || (a.value = !0, c.executeRequest.emit({ requestUid: n.operation.uid }));
     }
     c.hotKeys.on((e) => {
       var o;
-      e != null && e.focusAddressBar && ((o = f.value) == null || o.focus()), e != null && e.executeRequest && b();
+      e != null && e.focusAddressBar && ((o = h.value) == null || o.focus()), e != null && e.executeRequest && g();
     });
     function V(e) {
-      v.edit(n.operation.uid, "path", e);
+      p.edit(n.operation.uid, "path", e);
     }
     return (e, o) => {
       var d;
-      return k(), L("div", {
-        id: r(p),
+      return k(), U("div", {
+        id: r(m),
         class: "scalar-address-bar order-last h-[--scalar-address-bar-height] w-full [--scalar-address-bar-height:32px] lg:order-none lg:w-auto"
       }, [
-        l("div", J, [
-          l("div", X, [
-            l("div", Y, [
-              l("div", {
-                class: U(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 z-[1002] h-full w-full", E()]),
-                style: M({ transform: `translate3d(-${t.value}%,0,0)` })
+        t("div", J, [
+          t("div", X, [
+            t("div", Y, [
+              t("div", {
+                class: A(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 z-[1002] h-full w-full", E()]),
+                style: M({ transform: `translate3d(-${l.value}%,0,0)` })
               }, null, 6)
             ]),
-            l("div", Z, [
+            t("div", Z, [
               u(K, {
-                isEditable: r(h) !== "modal",
+                isEditable: r(v) !== "modal",
                 isSquare: "",
                 method: e.operation.method,
                 teleport: "",
                 onChange: S
               }, null, 8, ["isEditable", "method"])
             ]),
-            l("div", _, [
+            t("div", _, [
               e.collection.servers.length ? (k(), $(r(W), {
                 key: 0,
                 collection: e.collection,
                 layout: "client",
                 operation: e.operation,
                 server: e.server,
-                target: r(p)
+                target: r(m)
               }, null, 8, ["collection", "operation", "server", "target"])) : H("", !0),
-              o[1] || (o[1] = l("div", { class: "fade-left" }, null, -1)),
+              o[1] || (o[1] = t("div", { class: "fade-left" }, null, -1)),
               u(P, {
                 ref_key: "addressBarRef",
-                ref: f,
+                ref: h,
                 "aria-label": "Path",
                 class: "min-w-fit outline-none",
                 disableCloseBrackets: "",
-                disabled: r(h) === "modal",
+                disabled: r(v) === "modal",
                 disableEnter: "",
                 disableTabIndent: "",
                 emitOnBlur: !1,
@@ -117,35 +117,35 @@ const G = ["id"], J = { class: "m-auto flex flex-row items-center" }, X = { clas
                 placeholder: (d = e.server) != null && d.uid && e.collection.servers.includes(e.server.uid) ? "" : "Enter a URL or cURL command",
                 server: "",
                 workspace: e.workspace,
-                onCurl: o[0] || (o[0] = (m) => e.$emit("importCurl", m)),
-                onSubmit: b,
+                onCurl: o[0] || (o[0] = (f) => e.$emit("importCurl", f)),
+                onSubmit: g,
                 "onUpdate:modelValue": V
               }, null, 8, ["disabled", "envVariables", "environment", "modelValue", "placeholder", "workspace"]),
-              o[2] || (o[2] = l("div", { class: "fade-right" }, null, -1))
+              o[2] || (o[2] = t("div", { class: "fade-right" }, null, -1))
             ]),
             u(Q, {
               operation: e.operation,
-              target: r(p)
+              target: r(m)
             }, null, 8, ["operation", "target"]),
             u(r(T), {
               ref_key: "sendButtonRef",
-              ref: g,
+              ref: x,
               class: "z-context-plus relative h-auto shrink-0 overflow-hidden py-1 pl-2 pr-2.5 font-bold",
               disabled: a.value,
-              onClick: b
+              onClick: g
             }, {
               default: N(() => {
-                var m;
+                var f;
                 return [
-                  l("span", ee, [
+                  t("span", ee, [
                     u(r(D), {
                       class: "relative shrink-0 fill-current",
                       icon: "Play",
                       size: "xs"
                     }),
-                    o[3] || (o[3] = l("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
+                    o[3] || (o[3] = t("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
                   ]),
-                  l("span", oe, " Send " + x(e.operation.method) + " request to " + x(((m = e.server) == null ? void 0 : m.url) ?? "") + x(e.operation.path), 1)
+                  t("span", oe, " Send " + b(e.operation.method) + " request to " + b(((f = e.server) == null ? void 0 : f.url) ?? "") + b(e.operation.path), 1)
                 ];
               }),
               _: 1

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":"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"}
+{"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;;qBA6fM,GAAG;kBACN,GAAG;;AAthB9B,wBAilBC;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-082b146a"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1c67ee32"]]);
 export {
   _ as default
 };

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

@@ -1,10 +1,10 @@
-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 { defineComponent as H, useAttrs as J, ref as i, toRef as a, 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 { nanoid as re } from "nanoid";
+import ae 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";
@@ -20,7 +20,7 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
   class: "centered-y text-orange absolute right-7 text-xs"
 }, 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"
+  class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 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"
 }, ye = {
   inheritAttrs: !1
 }, Pe = /* @__PURE__ */ H({
@@ -57,13 +57,13 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
   emits: ["submit", "update:modelValue", "curl", "blur"],
   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();
+    const o = I, s = R, C = J(), A = C.id || `id-${re()}`, 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({
+      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (s("curl", e), (t = r.value) == null || t.dispatch({
         changes: {
           from: 0,
-          to: a.value.state.doc.length,
+          to: r.value.state.doc.length,
           insert: String(o.modelValue)
         }
       }), null) : o.handleFieldChange ? o.handleFieldChange(e) : s("update:modelValue", e);
@@ -84,8 +84,8 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
       }),
       ue
     );
-    const D = i(null), { codeMirror: a } = oe({
-      content: r(
+    const D = i(null), { codeMirror: r } = oe({
+      content: a(
         () => o.modelValue !== void 0 ? String(o.modelValue) : ""
       ),
       onChange: (e) => {
@@ -94,20 +94,20 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
       onFocus: () => B.value = !0,
       onBlur: (e) => K(e),
       codeMirrorRef: D,
-      disableTabIndent: r(() => o.disableTabIndent),
-      disableEnter: r(() => o.disableEnter),
-      disableCloseBrackets: r(() => o.disableCloseBrackets),
-      lineNumbers: r(() => o.lineNumbers),
-      language: r(() => o.language),
-      lint: r(() => o.lint),
+      disableTabIndent: a(() => o.disableTabIndent),
+      disableEnter: a(() => o.disableEnter),
+      disableCloseBrackets: a(() => o.disableCloseBrackets),
+      lineNumbers: a(() => o.lineNumbers),
+      language: a(() => o.language),
+      lint: a(() => o.lint),
       extensions: h,
-      placeholder: r(() => o.placeholder)
+      placeholder: a(() => o.placeholder)
     });
-    (T = a.value) == null || T.focus(), Q(a, () => {
-      a.value && Object.prototype.hasOwnProperty.call(C, "autofocus") && a.value.focus();
+    (T = r.value) == null || T.focus(), Q(r, () => {
+      r.value && Object.prototype.hasOwnProperty.call(C, "autofocus") && r.value.focus();
     });
     const { handleDropdownSelect: z, updateDropdownVisibility: L } = te({
-      codeMirror: a,
+      codeMirror: r,
       query: x,
       showDropdown: v,
       dropdownPosition: S
@@ -118,7 +118,7 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
     N({
       focus: () => {
         var e;
-        (e = a.value) == null || e.focus();
+        (e = r.value) == null || e.focus();
       }
     });
     const b = (e, t) => {
@@ -200,7 +200,7 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
         ])) : 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, {
+        v.value && e.withVariables && d(w) !== "modal" && e.environment ? (n(), y(ae, {
           key: 7,
           ref_key: "dropdownRef",
           ref: c,

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

@@ -18,6 +18,7 @@ type __VLS_Props = {
     environment: Environment;
     envVariables: EnvVariable[];
     workspace: Workspace;
+    description?: string | undefined;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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":"AAsLA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAO/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC,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;IACZ,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;AAgDJ,iBAAS,cAAc;WAgPT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkEwsJ,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EApD31J;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cArUN,OAAO;cAIP,OAAO;2BADM,OAAO;6EA0UjC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAepG,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":"AAuLA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAO/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC,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;IACZ,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAC;AAgDJ,iBAAS,cAAc;WAuOT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkEkrK,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EApDr0K;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cA7TN,OAAO;cAIP,OAAO;2BADM,OAAO;6EAkUjC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAepG,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 m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-921a6c09"]]);
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-4d5c007e"]]);
 export {
-  m as default
+  e as default
 };

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

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

package/dist/components/SectionFilter.vue.js

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

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

@@ -9,7 +9,7 @@ const v = ["aria-labelledby"], k = { class: "bg-b-2 flex items-center" }, w = {
   class: "bg-b-2 text-c-2 text-3xs inline-flex h-4 w-4 items-center justify-center rounded-full border font-semibold"
 }, D = { class: "sr-only" }, N = {
   key: 0,
-  class: "ui-not-open:invisible flex items-center gap-2 pr-1.5"
+  class: "ui-not-open:invisible flex items-center gap-2 pr-2"
 }, P = /* @__PURE__ */ m({
   __name: "ViewLayoutCollapse",
   props: {