@scalar/api-client 2.18.0 → 2.18.3

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

@@ -1,21 +1,21 @@
-import { defineComponent as t, createBlock as o, openBlock as a, resolveDynamicComponent as n, mergeProps as s, unref as l, withCtx as p, renderSlot as b } from "vue";
-import { useBindCx as d } from "@scalar/components";
-const f = /* @__PURE__ */ t({
+import { defineComponent as o, createBlock as a, openBlock as n, resolveDynamicComponent as l, mergeProps as s, unref as b, withCtx as d, renderSlot as p } from "vue";
+import { useBindCx as i } from "@scalar/components";
+const f = /* @__PURE__ */ o({
   inheritAttrs: !1,
   __name: "DataTableCell",
   props: {
     is: { default: "td" }
   },
-  setup(i) {
-    const { cx: r } = d();
-    return (e, m) => (a(), o(n(e.is), s(
-      l(r)(
+  setup(e) {
+    const { cx: r } = i();
+    return (t, m) => (n(), a(l(e.is), s(
+      b(r)(
         "box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base last:border-r-0 group-last:border-b-transparent p-0 m-0 relative"
       ),
       { class: "group-[.alert]:bg-b-alert group-[.error]:bg-b-danger" }
     ), {
-      default: p(() => [
-        b(e.$slots, "default")
+      default: d(() => [
+        p(t.$slots, "default")
       ]),
       _: 3
     }, 16));

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

@@ -1,7 +1,7 @@
-import { defineComponent as c, createBlock as n, openBlock as i, withCtx as d, createElementVNode as a, normalizeClass as t, unref as l, createVNode as u } from "vue";
-import { cva as p, ScalarIcon as m } from "@scalar/components";
-import b from "./DataTableCell.vue.js";
-const f = ["checked", "disabled"], y = /* @__PURE__ */ c({
+import { defineComponent as i, createBlock as r, openBlock as d, withCtx as u, createElementVNode as t, normalizeClass as l, unref as o, createVNode as m } from "vue";
+import { cva as p, ScalarIcon as b } from "@scalar/components";
+import f from "./DataTableCell.vue.js";
+const h = ["checked", "disabled"], x = /* @__PURE__ */ i({
   __name: "DataTableCheckbox",
   props: {
     modelValue: { type: Boolean },
@@ -9,8 +9,8 @@ const f = ["checked", "disabled"], y = /* @__PURE__ */ c({
     align: { default: "center" }
   },
   emits: ["update:modelValue"],
-  setup(h) {
-    const s = p({
+  setup(e) {
+    const c = p({
       base: "w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-1 pointer-events-none absolute",
       variants: {
         align: {
@@ -19,25 +19,25 @@ const f = ["checked", "disabled"], y = /* @__PURE__ */ c({
         }
       }
     });
-    return (e, o) => (i(), n(b, { class: "group/cell relative flex min-w-8" }, {
-      default: d(() => [
-        a("input", {
+    return (n, a) => (d(), r(f, { class: "group/cell relative flex min-w-8" }, {
+      default: u(() => [
+        t("input", {
           checked: e.modelValue,
           class: "peer absolute inset-0 cursor-pointer opacity-0 disabled:cursor-default",
           disabled: !!e.disabled,
           type: "checkbox",
-          onChange: o[0] || (o[0] = (r) => e.$emit("update:modelValue", r.target.checked))
-        }, null, 40, f),
-        a("div", {
-          class: t(l(s)({ align: e.align }))
+          onChange: a[0] || (a[0] = (s) => n.$emit("update:modelValue", s.target.checked))
+        }, null, 40, h),
+        t("div", {
+          class: l(o(c)({ align: e.align }))
         }, [
-          a("div", {
-            class: t([
+          t("div", {
+            class: l([
               "absolute m-auto size-3/4 rounded border-[1px] opacity-0",
               !e.disabled && "group-has-[:focus-visible]/cell:border-c-accent group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100"
             ])
           }, null, 2),
-          u(l(m), {
+          m(o(b), {
             icon: "Checkmark",
             size: "xs",
             thickness: "2.5"
@@ -49,5 +49,5 @@ const f = ["checked", "disabled"], y = /* @__PURE__ */ c({
   }
 });
 export {
-  y as default
+  x as default
 };

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

@@ -1,13 +1,13 @@
-import { defineComponent as g, ref as p, computed as B, createBlock as s, openBlock as a, normalizeClass as $, withCtx as I, createElementBlock as u, createCommentVNode as d, createElementVNode as O, renderSlot as m, createTextVNode as S, Fragment as E, mergeProps as v, unref as i } from "vue";
-import { ScalarIconButton as c } from "@scalar/components";
-import { ScalarIconX as h, ScalarIconEye as A, ScalarIconEyeSlash as W } from "@scalar/icons";
-import q from "../CodeInput/CodeInput.vue.js";
-import F from "./DataTableCell.vue.js";
-import T from "./DataTableInputSelect.vue.js";
-const N = ["for"], P = { class: "relative flex min-w-0 flex-1" }, D = ["readOnly", "type", "value"], U = {
+import { defineComponent as g, ref as c, computed as x, createBlock as d, openBlock as n, normalizeClass as B, withCtx as $, createElementBlock as s, createCommentVNode as m, createElementVNode as I, renderSlot as f, createTextVNode as O, Fragment as S, mergeProps as v, unref as r } from "vue";
+import { ScalarIconButton as V } from "@scalar/components";
+import { ScalarIconX as E, ScalarIconEye as h, ScalarIconEyeSlash as A } from "@scalar/icons";
+import W from "../CodeInput/CodeInput.vue.js";
+import q from "./DataTableCell.vue.js";
+import F from "./DataTableInputSelect.vue.js";
+const T = ["for"], N = { class: "relative flex min-w-0 flex-1" }, P = ["readOnly", "type", "value"], D = {
   key: 1,
   class: "centered-y text-orange absolute right-7 text-xs"
-}, J = /* @__PURE__ */ g({
+}, G = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -27,36 +27,36 @@ const N = ["for"], P = { class: "relative flex min-w-0 flex-1" }, D = ["readOnly
     lineWrapping: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(V, { emit: w }) {
-    const n = V, t = w, r = p(!0), k = p(!1), f = p(null), b = () => {
-      k.value || t("inputBlur");
-    }, y = B(
-      () => n.type === "password" ? "text" : n.type ?? "text"
+  setup(e, { emit: w }) {
+    const t = e, i = w, u = c(!0), k = c(!1), p = c(null), b = () => {
+      k.value || i("inputBlur");
+    }, y = x(
+      () => t.type === "password" ? "text" : t.type ?? "text"
     ), C = () => {
-      !n.enum?.length && !n.readOnly && f.value?.focus();
+      !t.enum?.length && !t.readOnly && p.value?.focus();
     };
-    return (e, l) => (a(), s(F, {
-      class: $(["relative flex", e.containerClass])
+    return (a, l) => (n(), d(q, {
+      class: B(["relative flex", e.containerClass])
     }, {
-      default: I(() => [
-        e.$slots.default ? (a(), u("div", {
+      default: $(() => [
+        a.$slots.default ? (n(), s("div", {
           key: 0,
           class: "text-c-1 flex items-center pr-0 pl-3",
           for: e.id ?? "",
           onClick: C
         }, [
-          m(e.$slots, "default", {}, void 0, !0),
-          l[6] || (l[6] = S(": ", -1))
-        ], 8, N)) : d("", !0),
-        O("div", P, [
-          n.enum && n.enum.length ? (a(), s(T, {
+          f(a.$slots, "default", {}, void 0, !0),
+          l[6] || (l[6] = O(": ", -1))
+        ], 8, T)) : m("", !0),
+        I("div", N, [
+          t.enum && t.enum.length ? (n(), d(F, {
             key: 0,
-            canAddCustomValue: n.canAddCustomEnumValue,
-            modelValue: n.modelValue,
-            value: n.enum,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => t("update:modelValue", o))
-          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (a(), u(E, { key: 1 }, [
-            r.value && e.type === "password" ? (a(), u("input", v({ key: 0 }, e.id ? { ...e.$attrs, id: e.id } : e.$attrs, {
+            canAddCustomValue: t.canAddCustomEnumValue,
+            modelValue: t.modelValue,
+            value: t.enum,
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => i("update:modelValue", o))
+          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (n(), s(S, { key: 1 }, [
+            u.value && e.type === "password" ? (n(), s("input", v({ key: 0 }, e.id ? { ...a.$attrs, id: e.id } : a.$attrs, {
               autocomplete: "off",
               class: ["text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none px-2 py-1.25 -outline-offset-1", { "scalar-password-input": e.type === "password" }],
               "data-1p-ignore": "",
@@ -64,14 +64,14 @@ const N = ["for"], P = { class: "relative flex min-w-0 flex-1" }, D = ["readOnly
               spellcheck: "false",
               type: y.value,
               value: e.modelValue,
-              onInput: l[1] || (l[1] = (o) => t(
+              onInput: l[1] || (l[1] = (o) => i(
                 "update:modelValue",
                 o.target.value ?? ""
               ))
-            }), null, 16, D)) : (a(), s(q, v({ key: 1 }, e.$attrs, {
+            }), null, 16, P)) : (n(), d(W, v({ key: 1 }, a.$attrs, {
               id: e.id,
               ref_key: "codeInput",
-              ref: f,
+              ref: p,
               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",
@@ -91,34 +91,34 @@ const N = ["for"], P = { class: "relative flex min-w-0 flex-1" }, D = ["readOnly
               spellcheck: "false",
               type: y.value,
               onBlur: b,
-              onFocus: l[2] || (l[2] = (o) => t("inputFocus")),
-              "onUpdate:modelValue": l[3] || (l[3] = (o) => t("update:modelValue", o))
+              onFocus: l[2] || (l[2] = (o) => i("inputFocus")),
+              "onUpdate:modelValue": l[3] || (l[3] = (o) => i("update:modelValue", o))
             }), null, 16, ["id", "class", "description", "envVariables", "environment", "lineWrapping", "max", "min", "modelValue", "readOnly", "required", "type"]))
           ], 64))
         ]),
-        e.$slots.warning ? (a(), u("div", U, [
-          m(e.$slots, "warning", {}, void 0, !0)
-        ])) : d("", !0),
-        m(e.$slots, "icon", {}, void 0, !0),
-        e.modelValue ? (a(), s(i(c), {
+        a.$slots.warning ? (n(), s("div", D, [
+          f(a.$slots, "warning", {}, void 0, !0)
+        ])) : m("", !0),
+        f(a.$slots, "icon", {}, void 0, !0),
+        e.modelValue ? (n(), d(r(V), {
           key: 2,
           class: "-ml-.25 h-6 w-6 self-center p-1.25",
-          icon: i(h),
+          icon: r(E),
           label: "Clear Value",
-          onClick: l[4] || (l[4] = (o) => t("update:modelValue", ""))
-        }, null, 8, ["icon"])) : d("", !0),
-        e.type === "password" ? (a(), s(i(c), {
+          onClick: l[4] || (l[4] = (o) => i("update:modelValue", ""))
+        }, null, 8, ["icon"])) : m("", !0),
+        e.type === "password" ? (n(), d(r(V), {
           key: 3,
           class: "-ml-.5 mr-1.25 h-6 w-6 self-center p-1.25",
-          icon: r.value ? i(A) : i(W),
-          label: r.value ? "Show Password" : "Hide Password",
-          onClick: l[5] || (l[5] = (o) => r.value = !r.value)
-        }, null, 8, ["icon", "label"])) : d("", !0)
+          icon: u.value ? r(h) : r(A),
+          label: u.value ? "Show Password" : "Hide Password",
+          onClick: l[5] || (l[5] = (o) => u.value = !u.value)
+        }, null, 8, ["icon", "label"])) : m("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  J as default
+  G as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as T, computed as m, ref as V, watch as S, nextTick as E, createElementBlock as f, openBlock as o, createBlock as v, withDirectives as K, unref as a, withCtx as s, createVNode as n, createElementVNode as i, toDisplayString as y, withKeys as M, vModelText as R, createCommentVNode as C, Fragment as _, renderList as U, normalizeClass as $ } from "vue";
-import { ScalarComboboxMultiselect as F, ScalarButton as b, ScalarIcon as h, ScalarDropdown as L, ScalarDropdownItem as D, ScalarDropdownDivider as W } from "@scalar/components";
+import { defineComponent as T, computed as m, ref as x, watch as C, nextTick as E, createElementBlock as f, openBlock as o, createBlock as v, withDirectives as K, unref as a, withCtx as s, createVNode as n, createElementVNode as i, toDisplayString as y, withKeys as M, vModelText as R, createCommentVNode as _, Fragment as b, renderList as U, normalizeClass as $ } from "vue";
+import { ScalarComboboxMultiselect as F, ScalarButton as D, ScalarIcon as h, ScalarDropdown as L, ScalarDropdownItem as z, ScalarDropdownDivider as W } from "@scalar/components";
 const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-full pr-10 -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline" }, G = { class: "text-c-1 whitespace-nowrap" }, H = { class: "text-c-1 overflow-hidden text-ellipsis" }, J = { class: "overflow-hidden text-ellipsis" }, P = { class: "flex h-4 w-4 items-center justify-center" }, Z = /* @__PURE__ */ T({
   __name: "DataTableInputSelect",
   props: {
@@ -10,47 +10,47 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
     type: {}
   },
   emits: ["update:modelValue"],
-  setup(z, { emit: B }) {
-    const u = z, c = B, p = m(() => u.value ?? []), d = V(!1), r = V(""), x = V(null);
-    S(r, (e) => {
+  setup(w, { emit: B }) {
+    const u = w, c = B, p = m(() => u.value ?? []), d = x(!1), r = x(""), g = x(null);
+    C(r, (e) => {
       c("update:modelValue", e);
     });
-    const g = (e) => {
+    const k = (e) => {
       c("update:modelValue", e), d.value = !1;
     }, j = () => {
-      r.value.trim() && g(r.value);
+      r.value.trim() && k(r.value);
     }, A = () => {
       r.value.trim() || c("update:modelValue", ""), d.value = !1;
     }, I = (e) => u.modelValue.toString() === e;
-    S(d, (e) => {
+    C(d, (e) => {
       e && E(() => {
-        x.value?.focus();
+        g.value?.focus();
       });
     });
-    const k = m(() => u.modelValue !== void 0 ? u.modelValue : u.default), w = m(() => {
+    const S = m(() => u.modelValue !== void 0 ? u.modelValue : u.default), V = m(() => {
       const e = new Set(u.modelValue.toString().split(", "));
-      return p.value.filter((l) => e.has(l)).map((l) => ({ id: l, label: l, value: l }));
+      return p.value.filter((t) => e.has(t)).map((t) => ({ id: t, label: t, value: t }));
     }), N = m(
       () => p.value.map((e) => ({ id: e, label: e, value: e }))
     ), O = (e) => {
-      const l = e.map((t) => t.value);
-      c("update:modelValue", l.join(", "));
+      const t = e.map((l) => l.value);
+      c("update:modelValue", t.join(", "));
     };
-    return (e, l) => (o(), f("div", q, [
-      e.type === "array" ? (o(), v(a(F), {
+    return (e, t) => (o(), f("div", q, [
+      w.type === "array" ? (o(), v(a(F), {
         key: 0,
-        modelValue: w.value,
+        modelValue: V.value,
         options: N.value,
         "onUpdate:modelValue": O
       }, {
         default: s(() => [
-          n(a(b), {
+          n(a(D), {
             class: "custom-scroll h-full justify-start gap-1.5 px-2 py-1.5 pr-6 font-normal outline-none",
             fullWidth: "",
             variant: "ghost"
           }, {
             default: s(() => [
-              i("span", G, y(w.value.length > 0 ? w.value.map((t) => t.label).join(", ") : "Select a value"), 1),
+              i("span", G, y(V.value.length > 0 ? V.value.map((l) => l.label).join(", ") : "Select a value"), 1),
               n(a(h), {
                 icon: "ChevronDown",
                 size: "md",
@@ -64,8 +64,8 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
       }, 8, ["modelValue", "options"])) : d.value ? K((o(), f("input", {
         key: 1,
         ref_key: "inputRef",
-        ref: x,
-        "onUpdate:modelValue": l[0] || (l[0] = (t) => r.value = t),
+        ref: g,
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => r.value = l),
         class: "text-c-1 w-full min-w-0 border-none px-2 py-1.5 outline-none",
         placeholder: "Value",
         type: "text",
@@ -76,20 +76,20 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
       ]) : (o(), v(a(L), {
         key: 2,
         resize: "",
-        value: k.value
+        value: S.value
       }, {
         items: s(() => [
-          (o(!0), f(_, null, U(p.value, (t) => (o(), v(a(D), {
-            key: t,
+          (o(!0), f(b, null, U(p.value, (l) => (o(), v(a(z), {
+            key: l,
             class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
-            value: t,
-            onClick: (Q) => g(t)
+            value: l,
+            onClick: (Q) => k(l)
           }, {
             default: s(() => [
               i("div", {
                 class: $([
                   "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
-                  I(t) ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
+                  I(l) ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
                 ])
               }, [
                 n(a(h), {
@@ -98,15 +98,15 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
                   thickness: "3"
                 })
               ], 2),
-              i("span", J, y(t), 1)
+              i("span", J, y(l), 1)
             ]),
             _: 2
           }, 1032, ["value", "onClick"]))), 128)),
-          e.canAddCustomValue ? (o(), f(_, { key: 0 }, [
-            p.value.length ? (o(), v(a(W), { key: 0 })) : C("", !0),
-            n(a(D), {
+          w.canAddCustomValue ? (o(), f(b, { key: 0 }, [
+            p.value.length ? (o(), v(a(W), { key: 0 })) : _("", !0),
+            n(a(z), {
               class: "flex items-center gap-1.5",
-              onClick: l[1] || (l[1] = (t) => d.value = !0)
+              onClick: t[1] || (t[1] = (l) => d.value = !0)
             }, {
               default: s(() => [
                 i("div", P, [
@@ -115,19 +115,19 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
                     size: "sm"
                   })
                 ]),
-                l[2] || (l[2] = i("span", null, "Add value", -1))
+                t[2] || (t[2] = i("span", null, "Add value", -1))
               ]),
               _: 1
             })
-          ], 64)) : C("", !0)
+          ], 64)) : _("", !0)
         ]),
         default: s(() => [
-          n(a(b), {
+          n(a(D), {
             class: "size-full justify-start gap-1.5 overflow-auto px-2 py-1.5 font-normal whitespace-nowrap outline-none",
             variant: "ghost"
           }, {
             default: s(() => [
-              i("span", H, y(k.value || "Select a value"), 1),
+              i("span", H, y(S.value || "Select a value"), 1),
               n(a(h), {
                 icon: "ChevronDown",
                 size: "md"

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

@@ -1,16 +1,16 @@
-import { defineComponent as t, createBlock as a, openBlock 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({
+import { defineComponent as a, createBlock as o, openBlock as r, withCtx as s, createElementVNode as n, renderSlot as l, createTextVNode as c, toDisplayString as p } from "vue";
+import i from "./DataTableCell.vue.js";
+const f = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" }, d = /* @__PURE__ */ a({
   __name: "DataTableText",
   props: {
     text: {}
   },
-  setup(_) {
-    return (e, f) => (o(), a(c, { class: "relative flex" }, {
-      default: r(() => [
-        s("span", i, [
-          n(e.$slots, "default", {}, () => [
-            p(l(e.text), 1)
+  setup(e) {
+    return (t, _) => (r(), o(i, { class: "relative flex" }, {
+      default: s(() => [
+        n("span", f, [
+          l(t.$slots, "default", {}, () => [
+            c(p(e.text), 1)
           ])
         ])
       ]),
@@ -19,5 +19,5 @@ const i = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" }, x = /* @__PURE__ */
   }
 });
 export {
-  x as default
+  d as default
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as b, useId as v, createBlock as r, openBlock as l, createSlots as c, withCtx as o, createElementVNode as n, createCommentVNode as y, unref as t, createElementBlock as m, Fragment as h, renderList as g, normalizeClass as V, createVNode as p, toDisplayString as u, renderSlot as w } from "vue";
+import { defineComponent as y, useId as h, createBlock as n, openBlock as o, createSlots as m, withCtx as a, createElementVNode as r, createCommentVNode as g, unref as t, createElementBlock as u, Fragment as V, renderList as _, normalizeClass as w, createVNode as f, toDisplayString as p, renderSlot as x } 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 z } from "../../store/active-entities.js";
-const B = { key: 0 }, D = { class: "flex flex-1 flex-col gap-1.5" }, F = ["for"], I = { class: "centered-y bg-b-2 flex-center absolute right-1 z-1 rounded px-1 py-0.5" }, q = /* @__PURE__ */ b({
+const B = { key: 0 }, D = { class: "flex flex-1 flex-col gap-1.5" }, F = ["for"], I = { class: "centered-y bg-b-2 flex-center absolute right-1 z-1 rounded px-1 py-0.5" }, R = /* @__PURE__ */ y({
   __name: "Form",
   props: {
     title: {},
@@ -13,43 +13,43 @@ const B = { key: 0 }, D = { class: "flex flex-1 flex-col gap-1.5" }, F = ["for"]
     data: {},
     onUpdate: { type: Function }
   },
-  setup(N) {
-    const { activeEnvVariables: f, activeEnvironment: k, activeWorkspace: s } = z(), i = v();
-    return (e, T) => (l(), r($, { class: "last:rounded-b-lg" }, c({
-      default: o(() => [
-        n("div", D, [
-          Object.keys(e.data).length > 0 && t(s) ? (l(), r(C, {
+  setup(e) {
+    const { activeEnvVariables: k, activeEnvironment: b, activeWorkspace: i } = z(), s = h();
+    return (c, N) => (o(), n($, { class: "last:rounded-b-lg" }, m({
+      default: a(() => [
+        r("div", D, [
+          Object.keys(e.data).length > 0 && t(i) ? (o(), n(C, {
             key: 0,
             columns: [""],
             class: "rounded-b-lg"
           }, {
-            default: o(() => [
-              (l(!0), m(h, null, g(e.options, (a, d) => (l(), r(U, {
+            default: a(() => [
+              (o(!0), u(V, null, _(e.options, (l, d) => (o(), n(U, {
                 key: d,
-                class: V({ "border-t": d === 0 })
+                class: w({ "border-t": d === 0 })
               }, {
-                default: o(() => [
-                  p(S, {
+                default: a(() => [
+                  f(S, {
                     class: "pr-9",
                     lineWrapping: "",
-                    id: t(i),
-                    envVariables: t(f),
-                    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) }, u(a.label), 9, F)
+                    id: t(s),
+                    envVariables: t(k),
+                    environment: t(b),
+                    modelValue: e.data[l.key] ?? "",
+                    placeholder: l.placeholder,
+                    workspace: t(i),
+                    "onUpdate:modelValue": (v) => e.onUpdate(l.key, v)
+                  }, m({
+                    default: a(() => [
+                      r("label", { for: t(s) }, p(l.label), 9, F)
                     ]),
                     _: 2
                   }, [
-                    a.key === "description" ? {
+                    l.key === "description" ? {
                       name: "icon",
-                      fn: o(() => [
-                        n("div", I, [
-                          p(t(E), {
+                      fn: a(() => [
+                        r("div", I, [
+                          f(t(E), {
                             icon: "Markdown",
                             size: "lg"
                           })
@@ -63,15 +63,15 @@ const B = { key: 0 }, D = { class: "flex flex-1 flex-col gap-1.5" }, F = ["for"]
               }, 1032, ["class"]))), 128))
             ]),
             _: 1
-          })) : y("", !0)
+          })) : g("", !0)
         ])
       ]),
       _: 2
     }, [
-      e.title || e.$slots.title ? {
+      e.title || c.$slots.title ? {
         name: "title",
-        fn: o(() => [
-          e.title ? (l(), m("span", B, u(e.title), 1)) : w(e.$slots, "title", { key: 1 })
+        fn: a(() => [
+          e.title ? (o(), u("span", B, p(e.title), 1)) : x(c.$slots, "title", { key: 1 })
         ]),
         key: "0"
       } : void 0
@@ -79,5 +79,5 @@ const B = { key: 0 }, D = { class: "flex flex-1 flex-col gap-1.5" }, F = ["for"]
   }
 });
 export {
-  q as default
+  R as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as c, createElementBlock as l, openBlock 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({
+import { defineComponent as m, createElementBlock as o, openBlock as n, normalizeProps as i, guardReactiveProps as f, unref as l, Fragment as v, createElementVNode as c, mergeProps as a, toDisplayString as h } from "vue";
+import { useBindCx as x } from "@scalar/components";
+const g = ["for"], y = ["id", "placeholder", "value"], k = /* @__PURE__ */ m({
   __name: "LabelInput",
   props: {
     inputId: {},
@@ -9,21 +9,21 @@ const g = ["for"], y = ["id", "placeholder", "value"], b = /* @__PURE__ */ c({
     layout: {}
   },
   emits: ["updateValue"],
-  setup(_, { emit: i }) {
-    const s = i, { cx: t } = h(), d = (e) => {
-      const a = e.target;
-      s("updateValue", a.value);
+  setup(e, { emit: p }) {
+    const s = p, { cx: t } = x(), d = (u) => {
+      const r = u.target;
+      s("updateValue", r.value);
     };
-    return (e, a) => (n(), l("div", u(m(o(t)("flex-1 flex gap-1 items-center pointer-events-none group"))), [
-      e.layout !== "modal" ? (n(), l(f, { key: 0 }, [
-        p("label", r(
-          o(t)(
+    return (u, r) => (n(), o("div", i(f(l(t)("flex-1 flex gap-1 items-center pointer-events-none group"))), [
+      e.layout !== "modal" ? (n(), o(v, { key: 0 }, [
+        c("label", a(
+          l(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)(
+        c("input", a(
+          l(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"
           ),
           {
@@ -33,10 +33,10 @@ const g = ["for"], y = ["id", "placeholder", "value"], b = /* @__PURE__ */ c({
             onInput: d
           }
         ), null, 16, y)
-      ], 64)) : (n(), l("span", u(r({ key: 1 }, o(t)("flex items-center text-c-1 h-8"))), v(e.value), 17))
+      ], 64)) : (n(), o("span", i(a({ key: 1 }, l(t)("flex items-center text-c-1 h-8"))), h(e.value), 17))
     ], 16));
   }
 });
 export {
-  b as default
+  k as default
 };

package/dist/components/HelpfulLink.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as r, createElementBlock as n, openBlock as o, renderSlot as t } from "vue";
-const l = ["href"], p = /* @__PURE__ */ r({
+import { defineComponent as n, createElementBlock as o, openBlock as t, renderSlot as l } from "vue";
+const f = ["href"], c = /* @__PURE__ */ n({
   __name: "HelpfulLink",
   props: {
     href: {}
   },
-  setup(s) {
-    return (e, f) => (o(), n("a", {
+  setup(e) {
+    return (r, s) => (t(), o("a", {
       class: "decoration-c-3 cursor-help underline underline-offset-2",
       href: e.href,
       rel: "noopener noreferrer",
       target: "_blank"
     }, [
-      t(e.$slots, "default")
-    ], 8, l));
+      l(r.$slots, "default")
+    ], 8, f));
   }
 });
 export {
-  p as default
+  c as default
 };