@scalar/api-client 2.2.51 → 2.2.53

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

@@ -1,7 +1,7 @@
 import t from "./DataTableInput.vue2.js";
 /* empty css                    */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-cb0ff5b1"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-921a6c09"]]);
 export {
-  r as default
+  m as default
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":"AA4LA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B,CAAC;;;;;;uBAFoB,OAAO;;AA2W/B,wBASG"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":"AA4LA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B,CAAC;;;;;;uBAFoB,OAAO;;AA4W/B,wBASG"}

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

@@ -1,6 +1,6 @@
 import { defineComponent as O, computed as m, ref as w, watch as S, nextTick as E, openBlock as o, createElementBlock as f, createBlock as v, unref as a, withCtx as u, createVNode as n, createElementVNode as d, toDisplayString as y, withDirectives as K, withKeys as M, vModelText as R, Fragment as C, renderList as U, normalizeClass as W, createTextVNode as $, createCommentVNode as _ } from "vue";
 import { ScalarComboboxMultiselect as F, ScalarButton as b, ScalarIcon as h, ScalarDropdown as L, ScalarDropdownItem as D, ScalarDropdownDivider as q } from "@scalar/components";
-const G = { class: "group-[.alert]:outline-orange w-full pr-4 -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline" }, H = { class: "text-c-1 whitespace-nowrap" }, J = { class: "text-c-1" }, P = { class: "flex h-4 w-4 items-center justify-center" }, Z = /* @__PURE__ */ O({
+const G = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-full pr-4 -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline" }, H = { class: "text-c-1 whitespace-nowrap" }, J = { class: "text-c-1" }, P = { class: "flex h-4 w-4 items-center justify-center" }, Z = /* @__PURE__ */ O({
   __name: "DataTableInputSelect",
   props: {
     modelValue: {},

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

@@ -1,6 +1,6 @@
 import { defineComponent as t, openBlock as a, createBlock as o, withCtx as r, createElementVNode as s, renderSlot as n, createTextVNode as p, toDisplayString as l } from "vue";
 import c from "./DataTableCell.vue.js";
-const i = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" }, x = /* @__PURE__ */ t({
+const i = { class: "flex-1 whitespace-nowrap px-2 py-1.5" }, x = /* @__PURE__ */ t({
   __name: "DataTableText",
   props: {
     text: {}

package/dist/components/EmptyState.vue.js

@@ -1,7 +1,7 @@
 import t from "./EmptyState.vue2.js";
 /* empty css                */
 import o from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6c848a44"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6e1f579f"]]);
 export {
   r as default
 };

package/dist/components/EmptyState.vue2.js

@@ -2,25 +2,25 @@ import { defineComponent as o, openBlock as c, createElementBlock as n, createEl
 import l from "../assets/keycap.ascii.js";
 import s from "./ScalarAsciiArt.vue.js";
 import i from "./ScalarHotkey.vue.js";
-const p = { class: "scale-75 flex flex-center w-full" }, m = { class: "relative" }, d = { class: "relative -ml-12" }, h = /* @__PURE__ */ o({
+const p = { class: "flex-center flex w-full scale-75" }, m = { class: "relative" }, d = { class: "relative -ml-12" }, h = /* @__PURE__ */ o({
   __name: "EmptyState",
   setup(_) {
     return (f, r) => (c(), n("div", p, [
       e("div", m, [
         t(i, {
-          class: "keycap-hotkey border-transparent right-14 text-xl",
+          class: "keycap-hotkey right-14 border-transparent text-xl",
           hotkey: ""
         }),
         t(s, {
           art: a(l),
-          class: "!leading-[6px] text-c-3"
+          class: "text-c-3 !leading-[6px]"
         }, null, 8, ["art"])
       ]),
       e("div", d, [
         r[0] || (r[0] = e("div", { class: "keycap-hotkey right-16 text-xl" }, "K", -1)),
         t(s, {
           art: a(l),
-          class: "!leading-[6px] keycap-n"
+          class: "keycap-n !leading-[6px]"
         }, null, 8, ["art"])
       ])
     ]));

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAodA,wBAMG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAsdA,wBAMG"}

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -1,13 +1,13 @@
 import { defineComponent as I, computed as f, watch as B, onMounted as D, openBlock as c, createElementBlock as x, createVNode as s, unref as n, withCtx as l, Fragment as j, renderList as M, createBlock as w, withModifiers as h, createTextVNode as E, toDisplayString as k, createElementVNode as u, normalizeClass as V, createCommentVNode as z } from "vue";
-import { useActiveEntities as L } from "../../store/active-entities.js";
-import { ScalarDropdown as W, ScalarDropdownItem as m, ScalarListboxCheckbox as $, ScalarIcon as g, ScalarDropdownDivider as A, ScalarButton as F } from "@scalar/components";
-import { useRouter as O } from "vue-router";
+import { ScalarDropdown as L, ScalarDropdownItem as m, ScalarListboxCheckbox as W, ScalarIcon as g, ScalarDropdownDivider as $, ScalarButton as A } from "@scalar/components";
+import { useRouter as F } from "vue-router";
+import { useActiveEntities as O } from "../../store/active-entities.js";
 import { useWorkspace as R } from "../../store/store.js";
 import { useLayout as T } from "../../hooks/useLayout.js";
-const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap" }, G = { class: "flex items-center justify-center h-4 w-4" }, Y = /* @__PURE__ */ I({
+const q = { class: "m-0 flex items-center gap-1.5 whitespace-nowrap font-medium" }, G = { class: "flex h-4 w-4 items-center justify-center" }, Y = /* @__PURE__ */ I({
   __name: "EnvironmentSelector",
   setup(H) {
-    const { activeCollection: a, activeWorkspace: i, activeEnvironment: v } = L(), { collectionMutators: _ } = R(), { layout: b } = T(), C = O(), d = (e) => {
+    const { activeCollection: a, activeWorkspace: i, activeEnvironment: v } = O(), { collectionMutators: _ } = R(), { layout: b } = T(), C = F(), d = (e) => {
       a.value && i.value && (_.edit(
         a.value.uid,
         "x-scalar-active-environment",
@@ -41,17 +41,17 @@ const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
     ), D(() => {
       a.value && p(a.value);
     }), (e, t) => (c(), x("div", null, [
-      s(n(W), { placement: "bottom-end" }, {
+      s(n(L), { placement: "bottom-end" }, {
         items: l(() => [
           (c(!0), x(j, null, M(N.value, (o) => (c(), w(n(m), {
             key: o.uid,
-            class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
+            class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
             onClick: h((r) => d(o.uid), ["stop"])
           }, {
             default: l(() => {
               var r;
               return [
-                s(n($), {
+                s(n(W), {
                   selected: ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === o.uid
                 }, null, 8, ["selected"]),
                 E(" " + k(o.name), 1)
@@ -60,7 +60,7 @@ const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
             _: 2
           }, 1032, ["onClick"]))), 128)),
           s(n(m), {
-            class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
+            class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
             onClick: t[0] || (t[0] = h((o) => d(""), ["stop"]))
           }, {
             default: l(() => {
@@ -68,7 +68,7 @@ const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
               return [
                 u("div", {
                   class: V([
-                    "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
+                    "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
                     ((o = n(v)) == null ? void 0 : o.uid) === "" && ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === "" ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
                   ])
                 }, [
@@ -83,7 +83,7 @@ const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
             }),
             _: 1
           }),
-          s(n(A)),
+          s(n($)),
           n(b) !== "modal" ? (c(), w(n(m), {
             key: 0,
             class: "flex items-center gap-1.5",
@@ -102,8 +102,8 @@ const q = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
           })) : z("", !0)
         ]),
         default: l(() => [
-          s(n(F), {
-            class: "font-normal h-auto justify-start py-1.5 px-1.5 pl-2 text-c-1 hover:bg-b-2 w-fit",
+          s(n(A), {
+            class: "text-c-1 hover:bg-b-2 h-auto w-fit justify-start px-1.5 py-1.5 pl-2 font-normal",
             fullWidth: "",
             variant: "ghost"
           }, {

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

@@ -1 +1 @@
-{"version":3,"file":"Form.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAUlE,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,EAAE,CAAA;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACzB,QAAQ,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,EAC/B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KACrC,IAAI,CAAA;CACV,CAAC;AAWF,iBAAS,cAAc;WAwGT,OAAO,IAA6B;;uBARvB,GAAG;;;;EAa7B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Form.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAWlE,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,EAAE,CAAA;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACzB,QAAQ,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,EAC/B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KACrC,IAAI,CAAA;CACV,CAAC;AAYF,iBAAS,cAAc;WA+HT,OAAO,IAA6B;;uBARvB,GAAG;;;;EAa7B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Form/Form.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as u, openBlock as t, createBlock as r, withCtx as a, createElementBlock as i, toDisplayString as m, renderSlot as f, createElementVNode as k, unref as l, Fragment as V, renderList as v, normalizeClass as _, createVNode as y, createTextVNode as b, createCommentVNode as h } from "vue";
-import w from "../DataTable/DataTable.vue.js";
-import E from "../DataTable/DataTableInput.vue.js";
-import g from "../DataTable/DataTableRow.vue.js";
-import C from "../ViewLayout/ViewLayoutSection.vue.js";
-import { useActiveEntities as N } from "../../store/active-entities.js";
-const U = { key: 0 }, B = { class: "custom-scroll flex flex-1 flex-col gap-1.5" }, A = /* @__PURE__ */ u({
+import { defineComponent as v, useId as b, openBlock as l, createBlock as r, createSlots as c, withCtx as o, createElementVNode as n, unref as t, createElementBlock as m, Fragment as y, renderList as h, normalizeClass as V, createVNode as p, toDisplayString as f, createCommentVNode as g, renderSlot as w } from "vue";
+import { ScalarIcon as E } from "@scalar/components";
+import C from "../DataTable/DataTable.vue.js";
+import S from "../DataTable/DataTableInput.vue.js";
+import U from "../DataTable/DataTableRow.vue.js";
+import $ from "../ViewLayout/ViewLayoutSection.vue.js";
+import { useActiveEntities as B } from "../../store/active-entities.js";
+const D = { key: 0 }, F = { class: "custom-scroll flex flex-1 flex-col gap-1.5" }, I = ["for"], N = { class: "bg-b-2 flex-center border-l px-2" }, q = /* @__PURE__ */ v({
   __name: "Form",
   props: {
     title: {},
@@ -12,49 +13,68 @@ const U = { key: 0 }, B = { class: "custom-scroll flex flex-1 flex-col gap-1.5"
     data: {},
     onUpdate: { type: Function }
   },
-  setup(D) {
-    const { activeEnvVariables: c, activeEnvironment: d, activeWorkspace: n } = N();
-    return (e, F) => (t(), r(C, null, {
-      title: a(() => [
-        e.title ? (t(), i("span", U, m(e.title), 1)) : f(e.$slots, "title", { key: 1 })
-      ]),
-      default: a(() => [
-        k("div", B, [
-          Object.keys(e.data).length > 0 && l(n) ? (t(), r(w, {
+  setup(z) {
+    const { activeEnvVariables: u, activeEnvironment: k, activeWorkspace: s } = B(), i = b();
+    return (e, T) => (l(), r($, null, c({
+      default: o(() => [
+        n("div", F, [
+          Object.keys(e.data).length > 0 && t(s) ? (l(), r(C, {
             key: 0,
             columns: [""]
           }, {
-            default: a(() => [
-              (t(!0), i(V, null, v(e.options, (o, s) => (t(), r(g, {
-                key: s,
-                class: _({ "border-t": s === 0 })
+            default: o(() => [
+              (l(!0), m(y, null, h(e.options, (a, d) => (l(), r(U, {
+                key: d,
+                class: V({ "border-t": d === 0 })
               }, {
-                default: a(() => [
-                  y(E, {
-                    envVariables: l(c),
-                    environment: l(d),
-                    modelValue: e.data[o.key] ?? "",
-                    placeholder: o.placeholder,
-                    workspace: l(n),
-                    "onUpdate:modelValue": (p) => e.onUpdate(o.key, p)
-                  }, {
-                    default: a(() => [
-                      b(m(o.label), 1)
+                default: o(() => [
+                  p(S, {
+                    id: t(i),
+                    envVariables: t(u),
+                    environment: t(k),
+                    modelValue: e.data[a.key] ?? "",
+                    placeholder: a.placeholder,
+                    workspace: t(s),
+                    "onUpdate:modelValue": (_) => e.onUpdate(a.key, _)
+                  }, c({
+                    default: o(() => [
+                      n("label", { for: t(i) }, f(a.label), 9, I)
                     ]),
                     _: 2
-                  }, 1032, ["envVariables", "environment", "modelValue", "placeholder", "workspace", "onUpdate:modelValue"])
+                  }, [
+                    a.key === "description" ? {
+                      name: "icon",
+                      fn: o(() => [
+                        n("div", N, [
+                          p(t(E), {
+                            icon: "Markdown",
+                            size: "lg"
+                          })
+                        ])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["id", "envVariables", "environment", "modelValue", "placeholder", "workspace", "onUpdate:modelValue"])
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
             _: 1
-          })) : h("", !0)
+          })) : g("", !0)
         ])
       ]),
-      _: 3
-    }));
+      _: 2
+    }, [
+      e.title || e.$slots.title ? {
+        name: "title",
+        fn: o(() => [
+          e.title ? (l(), m("span", D, f(e.title), 1)) : w(e.$slots, "title", { key: 1 })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024));
   }
 });
 export {
-  A as default
+  q as default
 };

package/dist/components/Form/LabelInput.vue.d.ts

@@ -0,0 +1,14 @@
+import type { ClientLayout } from '../../hooks/useLayout';
+type __VLS_Props = {
+    inputId: string;
+    placeholder: string;
+    value: string | undefined;
+    layout?: ClientLayout;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    updateValue: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdateValue?: (value: string) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=LabelInput.vue.d.ts.map

package/dist/components/Form/LabelInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/LabelInput.vue"],"names":[],"mappings":"AAyEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB,CAAC;;;;;;AA2FF,wBAQG"}

package/dist/components/Form/LabelInput.vue.js

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

package/dist/components/Form/LabelInput.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as c, openBlock as l, createElementBlock as n, normalizeProps as u, guardReactiveProps as m, unref as o, Fragment as f, createElementVNode as p, mergeProps as r, toDisplayString as v } from "vue";
+import { useBindCx as h } from "@scalar/components";
+const g = ["for"], y = ["id", "placeholder", "value"], b = /* @__PURE__ */ c({
+  __name: "LabelInput",
+  props: {
+    inputId: {},
+    placeholder: {},
+    value: {},
+    layout: {}
+  },
+  emits: ["updateValue"],
+  setup(_, { emit: i }) {
+    const s = i, { cx: t } = h(), d = (e) => {
+      const a = e.target;
+      s("updateValue", a.value);
+    };
+    return (e, a) => (l(), n("div", u(m(o(t)("flex-1 flex gap-1 items-center pointer-events-none group"))), [
+      e.layout !== "modal" ? (l(), n(f, { key: 0 }, [
+        p("label", r(
+          o(t)(
+            "absolute w-full h-full top-0 left-0 pointer-events-auto opacity-0 cursor-text"
+          ),
+          { for: e.inputId }
+        ), null, 16, g),
+        p("input", r(
+          o(t)(
+            "flex-1 text-c-1 rounded pointer-events-auto relative w-full pl-1.25 -ml-0.5 md:-ml-1.25 h-8 group-hover-input has-[:focus-visible]:outline z-10"
+          ),
+          {
+            id: e.inputId,
+            placeholder: e.placeholder,
+            value: e.value,
+            onInput: d
+          }
+        ), null, 16, y)
+      ], 64)) : (l(), n("span", u(r({ key: 1 }, o(t)("flex items-center text-c-1 h-8"))), v(e.value), 17))
+    ], 16));
+  }
+});
+export {
+  b as default
+};

package/dist/components/HelpfulLink.vue.js

@@ -6,7 +6,7 @@ const l = ["href"], p = /* @__PURE__ */ r({
   },
   setup(s) {
     return (e, f) => (n(), o("a", {
-      class: "cursor-help decoration-c-3 underline underline-offset-2",
+      class: "decoration-c-3 cursor-help underline underline-offset-2",
       href: e.href,
       rel: "noopener noreferrer",
       target: "_blank"

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

@@ -8,8 +8,8 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onChange?: (value: "delete" | "get" | "head" | "connect" | "options" | "patch" | "post" | "put" | "trace") => any;
 }>, {
-    isSquare: boolean;
     isEditable: boolean;
+    isSquare: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=HttpMethod.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":"AAgGA,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;;;;;;cAHW,OAAO;gBAEL,OAAO;;AAwIxB,wBAQG"}
+{"version":3,"file":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":"AAgGA,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;;;;;;gBADa,OAAO;cAFT,OAAO;;AA0ItB,wBAQG"}

package/dist/components/HttpMethod/HttpMethod.vue.js

@@ -1,7 +1,7 @@
 import t from "./HttpMethod.vue2.js";
 /* empty css                */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ o(t, [["__scopeId", "data-v-46723816"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-73e8dbd2"]]);
 export {
-  _ as default
+  e as default
 };

package/dist/components/HttpMethod/HttpMethod.vue2.js

@@ -34,7 +34,7 @@ const H = /* @__PURE__ */ g({
       key: 0,
       modelValue: i.value,
       "onUpdate:modelValue": u[0] || (u[0] = (S) => i.value = S),
-      class: "mt-1 font-code text-sm scalar-client",
+      class: "font-code scalar-client mt-1 text-sm",
       options: t(n)
     }, {
       default: q(() => [

package/dist/components/IconSelector.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as g, computed as V, openBlock as s, createBlock as n,
 import { RadioGroup as S, RadioGroupLabel as m, RadioGroupOption as C } from "@headlessui/vue";
 import { ScalarPopover as I } from "@scalar/components";
 import { libraryIcons as h, LibraryIcon as B } from "@scalar/icons";
-const G = { class: "flex text-sm" }, L = { class: "grid grid-cols-[repeat(auto-fill,minmax(32px,1fr))] auto-rows-[32px] justify-between content-between rounded bg-b-1 border p-1 max-w-[420px] w-dvw custom-scroll" }, $ = /* @__PURE__ */ g({
+const G = { class: "flex text-sm" }, L = { class: "bg-b-1 custom-scroll grid w-dvw max-w-[420px] auto-rows-[32px] grid-cols-[repeat(auto-fill,minmax(32px,1fr))] content-between justify-between rounded border p-1" }, $ = /* @__PURE__ */ g({
   __name: "IconSelector",
   props: {
     modelValue: {},
@@ -26,7 +26,7 @@ const G = { class: "flex text-sm" }, L = { class: "grid grid-cols-[repeat(auto-f
         }, {
           default: o(() => [
             u("div", G, [
-              a(e(m), { class: "text-c-2 py-1 px-1" }, {
+              a(e(m), { class: "text-c-2 px-1 py-1" }, {
                 default: o(() => [
                   d(l.$slots, "title", {}, () => [
                     r[1] || (r[1] = p("Select an icon"))
@@ -39,7 +39,7 @@ const G = { class: "flex text-sm" }, L = { class: "grid grid-cols-[repeat(auto-f
               (s(!0), k(y, null, _(e(h), (t) => (s(), n(e(C), {
                 key: t.src,
                 as: "li",
-                class: "p-2 rounded flex items-center justify-center text-c-3 cursor-pointer hover:text-c-2 hover:bg-b-2 ui-checked:bg-b-3 ui-active:bg-b-2",
+                class: "text-c-3 hover:text-c-2 hover:bg-b-2 ui-checked:bg-b-3 ui-active:bg-b-2 flex cursor-pointer items-center justify-center rounded p-2",
                 value: t.src,
                 onClick: v
               }, {

package/dist/components/ImportCollection/DropEventListener.vue.js

@@ -2,8 +2,8 @@ import { defineComponent as x, ref as h, onMounted as D, onBeforeUnmount as E, o
 import { ScalarIcon as w } from "@scalar/components";
 const B = {
   key: 0,
-  class: "fixed translate-x-1/2 translate-y-1/2 md:translate-x-0 md:translate-y-0 right-1/2 bottom-1/2 md:bottom-10 md:right-10 w-64 h-64 bg-b-2 z-50 rounded-xl border transition-opacity duration-200"
-}, F = { class: "flex flex-col items-center justify-center h-full" }, z = /* @__PURE__ */ x({
+  class: "bg-b-2 fixed bottom-1/2 right-1/2 z-50 h-64 w-64 translate-x-1/2 translate-y-1/2 rounded-xl border transition-opacity duration-200 md:bottom-10 md:right-10 md:translate-x-0 md:translate-y-0"
+}, F = { class: "flex h-full flex-col items-center justify-center" }, z = /* @__PURE__ */ x({
   __name: "DropEventListener",
   emits: ["input"],
   setup(N, { emit: y }) {
@@ -71,7 +71,7 @@ const B = {
                 thickness: "2"
               })
             ]),
-            n[0] || (n[0] = d("div", { class: "text-center text-c-1 m-4" }, " Drop your OpenAPI document here ", -1))
+            n[0] || (n[0] = d("div", { class: "text-c-1 m-4 text-center" }, " Drop your OpenAPI document here ", -1))
           ])
         ])) : A("", !0)
       ]),

package/dist/components/ImportCollection/ImportNowButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportNowButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportNowButton.vue"],"names":[],"mappings":"AAkHA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;;;;;;AA+KF,wBAOG"}
+{"version":3,"file":"ImportNowButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportNowButton.vue"],"names":[],"mappings":"AAoHA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;;;;;;AA+KF,wBAOG"}