@scalar/api-client 2.10.0 → 2.11.0

package/dist/v2/components/data-table/DataTableInput.vue.d.ts

@@ -1,5 +1,4 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { EnvVariable } from '../../../store/active-entities.js';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { VueClassProp } from '../../../types/vue';
 type __VLS_Props = {
     id?: string;
@@ -14,18 +13,17 @@ type __VLS_Props = {
     enum?: string[];
     min?: number;
     max?: number;
-    environment: Environment;
-    envVariables: EnvVariable[];
+    environment: XScalarEnvironment;
     description?: string | undefined;
     lineWrapping?: boolean;
 };
-declare var __VLS_5: {}, __VLS_25: {}, __VLS_27: {};
+declare var __VLS_5: {}, __VLS_26: {}, __VLS_28: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
 } & {
-    warning?: (props: typeof __VLS_25) => any;
+    warning?: (props: typeof __VLS_26) => any;
 } & {
-    icon?: (props: typeof __VLS_27) => any;
+    icon?: (props: typeof __VLS_28) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     selectVariable: (value: string) => any;

package/dist/v2/components/data-table/DataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInput.vue"],"names":[],"mappings":"AAqMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAIzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAK/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,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AAwSJ,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAmC7C,QAAA,MAAM,eAAe;;;;;;;;;;;cA3VN,OAAO;cAIP,OAAO;kBAOH,OAAO;2BARE,OAAO;6EAgWjC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInput.vue"],"names":[],"mappings":"AA8LA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAM/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,kBAAkB,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AAmSJ,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAmC7C,QAAA,MAAM,eAAe;;;;;;;;;;;cArVN,OAAO;cAIP,OAAO;kBAMH,OAAO;2BAPE,OAAO;6EA0VjC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/components/data-table/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 c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-f4b9c7c5"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-25ff4902"]]);
 export {
-  c as default
+  r as default
 };

package/dist/v2/components/data-table/DataTableInput.vue2.js

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

package/dist/v2/components/forms/ConfirmationForm.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** The label of the submit button */
+    label?: string;
+    /** Sets the style of the submit button */
+    variant?: 'danger' | 'solid';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    submit: () => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ConfirmationForm.vue.d.ts.map

package/dist/v2/components/forms/ConfirmationForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/forms/ConfirmationForm.vue"],"names":[],"mappings":"AAwDA,KAAK,WAAW,GAAG;IACjB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B,CAAC;AAqGF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/components/forms/ConfirmationForm.vue.js

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

package/dist/v2/components/forms/ConfirmationForm.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent as m, createElementBlock as p, openBlock as f, withModifiers as d, renderSlot as c, createElementVNode as v, createVNode as n, unref as a, withCtx as i, createTextVNode as l, toDisplayString as b } from "vue";
+import { ScalarButton as r } from "@scalar/components";
+const x = { class: "flex justify-between gap-10" }, S = /* @__PURE__ */ m({
+  __name: "ConfirmationForm",
+  props: {
+    label: { default: "Save" },
+    variant: { default: "solid" }
+  },
+  emits: ["cancel", "submit"],
+  setup(w, { emit: s }) {
+    const o = s;
+    return (t, e) => (f(), p("form", {
+      class: "flex flex-col gap-4 text-base",
+      onSubmit: e[1] || (e[1] = d((u) => o("submit"), ["prevent"]))
+    }, [
+      c(t.$slots, "default", {}, void 0, !0),
+      v("div", x, [
+        n(a(r), {
+          class: "flex h-8 cursor-pointer items-center gap-1.5 px-2.5 shadow-none focus:outline-none",
+          type: "button",
+          variant: "outlined",
+          onClick: e[0] || (e[0] = (u) => o("cancel"))
+        }, {
+          default: i(() => [...e[2] || (e[2] = [
+            l(" Cancel ", -1)
+          ])]),
+          _: 1
+        }),
+        n(a(r), {
+          class: "custom-scroll h-8 gap-1.5 px-2.5 font-medium whitespace-nowrap shadow-none focus:outline-none",
+          type: "submit",
+          variant: t.variant
+        }, {
+          default: i(() => [
+            l(b(t.label), 1)
+          ]),
+          _: 1
+        }, 8, ["variant"])
+      ])
+    ], 32));
+  }
+});
+export {
+  S as default
+};

package/dist/v2/components/forms/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ConfirmationForm } from './ConfirmationForm.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/v2/components/forms/index.js

@@ -0,0 +1,4 @@
+import { default as a } from "./ConfirmationForm.vue.js";
+export {
+  a as ConfirmationForm
+};

package/dist/v2/components/layout/CollapsibleSection.vue.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Simple collapsible section component that can be used to wrap content that should be collapsed and expanded
+ *
+ * Would like to replace with details/summary elements, but they are not supported in all browsers yet?
+ */
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Whether the disclosure is open by default. */
+    defaultOpen?: boolean;
+    /** Number of items to show in badge when collapsed. */
+    itemCount?: number;
+    /** Whether the disclosure is static and cannot be toggled. */
+    isStatic?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Whether the disclosure is open by default. */
+    defaultOpen?: boolean;
+    /** Number of items to show in badge when collapsed. */
+    itemCount?: number;
+    /** Whether the disclosure is static and cannot be toggled. */
+    isStatic?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    title?: (props: {
+        open: any;
+    }) => any;
+} & {
+    actions?: (props: {
+        open: any;
+    }) => any;
+} & {
+    default?: (props: {
+        open: any;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CollapsibleSection.vue.d.ts.map

package/dist/v2/components/layout/CollapsibleSection.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/layout/CollapsibleSection.vue"],"names":[],"mappings":"AA0HA;;;;GAIG;;IAGD,iDAAiD;kBACnC,OAAO;IACrB,uDAAuD;gBAC3C,MAAM;IAClB,8DAA8D;eACnD,OAAO;;;;IALlB,iDAAiD;kBACnC,OAAO;IACrB,uDAAuD;gBAC3C,MAAM;IAClB,8DAA8D;eACnD,OAAO;;;;YAsNR,CAAC,KAAK;;KAAiB,KAAK,GAAG;;cAC7B,CAAC,KAAK;;KAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK;;KAAiB,KAAK,GAAG;;AA/N7C,wBAyQC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/components/layout/CollapsibleSection.vue.js

@@ -0,0 +1,89 @@
+import { defineComponent as x, useId as y, createBlock as f, openBlock as o, unref as s, normalizeClass as i, withCtx as n, createVNode as r, createElementVNode as l, createElementBlock as d, createCommentVNode as a, renderSlot as c, createTextVNode as C, toDisplayString as m, mergeProps as _ } from "vue";
+import { Disclosure as S, DisclosureButton as v, DisclosurePanel as k } from "@headlessui/vue";
+import { ScalarIcon as B } from "@scalar/components";
+import V from "./ValueEmitter.vue.js";
+const $ = ["aria-labelledby"], w = { class: "text-c-1 m-0 flex flex-1 items-center gap-1.5 leading-[20px]" }, D = ["id"], I = {
+  key: 0,
+  class: "sr-only"
+}, N = {
+  key: 0,
+  class: "bg-b-2 text-c-2 inline-flex h-5 w-5 items-center justify-center rounded-full border text-xs font-semibold"
+}, O = { class: "sr-only" }, z = {
+  key: 0,
+  class: "ui-not-open:hidden flex items-center gap-2 pr-0.75"
+}, E = {
+  name: "CollapsibleSection"
+}, A = /* @__PURE__ */ x({
+  ...E,
+  props: {
+    defaultOpen: { type: Boolean, default: !0 },
+    itemCount: { default: 0 },
+    isStatic: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(P, { emit: b }) {
+    const h = b, u = y();
+    return (e, p) => (o(), f(s(S), {
+      as: "div",
+      class: i(["group/collapse text-c-2 focus-within:text-c-1 last:ui-open:border-b-0 border-b", e.isStatic && "last-of-type:first-of-type:border-b-0"]),
+      defaultOpen: e.defaultOpen,
+      static: e.isStatic
+    }, {
+      default: n(({ open: t }) => [
+        r(V, {
+          value: t,
+          onChange: p[0] || (p[0] = (g) => h("update:modelValue", g))
+        }, null, 8, ["value"]),
+        l("section", {
+          "aria-labelledby": s(u),
+          class: "contents"
+        }, [
+          l("div", {
+            class: i(["bg-b-2 flex items-center", e.isStatic && "rounded-t-lg border border-b-0"])
+          }, [
+            r(s(v), {
+              class: i(["hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-base font-medium outline-none md:px-1.5 xl:pr-0.5 xl:pl-2", e.isStatic && "!pl-3"]),
+              disabled: e.isStatic
+            }, {
+              default: n(() => [
+                e.isStatic ? a("", !0) : (o(), f(s(B), {
+                  key: 0,
+                  class: "text-c-3 group-hover:text-c-1 rounded-px ui-open:rotate-90 ui-not-open:rotate-0 outline-offset-2 group-focus-visible:outline",
+                  icon: "ChevronRight",
+                  size: "md"
+                })),
+                l("h2", w, [
+                  l("span", {
+                    id: s(u),
+                    class: "contents"
+                  }, [
+                    c(e.$slots, "title", { open: t }),
+                    t ? a("", !0) : (o(), d("span", I, " (Collapsed) "))
+                  ], 8, D),
+                  !t && e.itemCount ? (o(), d("span", N, [
+                    C(m(e.itemCount) + " ", 1),
+                    l("span", O, "Item" + m(e.itemCount === 1 ? "" : "s"), 1)
+                  ])) : a("", !0)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class", "disabled"]),
+            e.$slots.actions ? (o(), d("div", z, [
+              c(e.$slots, "actions", { open: t })
+            ])) : a("", !0)
+          ], 2),
+          r(s(k), _(e.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
+            default: n(() => [
+              c(e.$slots, "default", { open: t })
+            ]),
+            _: 2
+          }, 1040)
+        ], 8, $)
+      ]),
+      _: 3
+    }, 8, ["class", "defaultOpen", "static"]));
+  }
+});
+export {
+  A as default
+};

package/dist/v2/components/layout/CollapsibleSection.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CollapsibleSection.vue.js";
+export {
+  f as default
+};

package/dist/v2/components/layout/ValueEmitter.vue.d.ts

@@ -0,0 +1,23 @@
+/**
+ * This component takes in any value and emits it back
+ *
+ * This is useful when we need to catch the open state of a disclosure from its v-slot
+ */
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((value: T) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChange"> & {
+        value: T;
+    } & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (e: "change", value: T) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=ValueEmitter.vue.d.ts.map

package/dist/v2/components/layout/ValueEmitter.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueEmitter.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/layout/ValueEmitter.vue"],"names":[],"mappings":"AAiCA;;;;GAIG;yBACc,CAAC,EACjB,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA+CO,mBAAmB,CAAC;;;eA9CA,CAAC;QA8CoC,OAAO,IAAsB,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA9Ca,QAAQ,SAAS,CAAC,KAAG,IAAI;EAkD7C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1DzE,wBA2DC;AACD,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/v2/components/layout/ValueEmitter.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as m, watch as c } from "vue";
+const r = {
+  name: "ValueEmitter"
+}, o = /* @__PURE__ */ m({
+  ...r,
+  props: {
+    value: {}
+  },
+  emits: ["change"],
+  setup(t, { emit: a }) {
+    const n = a;
+    return c(
+      () => t.value,
+      (e) => n("change", e),
+      { immediate: !0 }
+    ), (e, u) => null;
+  }
+});
+export {
+  o as default
+};

package/dist/v2/components/layout/ValueEmitter.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ValueEmitter.vue.js";
+export {
+  f as default
+};

package/dist/v2/components/layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CollapsibleSection } from './CollapsibleSection.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/v2/components/layout/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./CollapsibleSection.vue.js";
+export {
+  o as CollapsibleSection
+};

package/dist/v2/components/modals/DeleteModal.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    /** The name of the item to delete */
+    name: string;
+    /** The warning message to display */
+    warningMessage?: string | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=DeleteModal.vue.d.ts.map

package/dist/v2/components/modals/DeleteModal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/modals/DeleteModal.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACpC,CAAC;;;;;;;;AAkFF,wBAOG"}

package/dist/v2/components/modals/DeleteModal.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as s, computed as i, createBlock as p, openBlock as o, unref as c, withCtx as d, createElementBlock as u, createCommentVNode as f, toDisplayString as g } from "vue";
+import { truncate as C } from "@scalar/helpers/string/truncate";
+import k from "../forms/ConfirmationForm.vue.js";
+const v = {
+  key: 0,
+  class: "text-c-2 text-sm leading-normal text-pretty"
+}, b = /* @__PURE__ */ s({
+  __name: "DeleteModal",
+  props: {
+    name: {},
+    warningMessage: {}
+  },
+  emits: ["close", "delete"],
+  setup(a, { emit: r }) {
+    const t = r, m = i(() => C(a.name));
+    return (n, e) => (o(), p(c(k), {
+      label: `Delete ${m.value}`,
+      variant: "danger",
+      onCancel: e[0] || (e[0] = (l) => t("close")),
+      onSubmit: e[1] || (e[1] = (l) => t("delete"))
+    }, {
+      default: d(() => [
+        n.warningMessage ? (o(), u("p", v, g(n.warningMessage), 1)) : f("", !0)
+      ]),
+      _: 1
+    }, 8, ["label"]));
+  }
+});
+export {
+  b as default
+};

package/dist/v2/components/modals/DeleteModal.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DeleteModal.vue.js";
+export {
+  f as default
+};

package/dist/v2/components/modals/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DeleteModal } from './DeleteModal.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/modals/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/modals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/v2/components/modals/index.js

@@ -0,0 +1,4 @@
+import { default as l } from "./DeleteModal.vue.js";
+export {
+  l as DeleteModal
+};

package/dist/v2/components/server/ServerDropdown.vue.d.ts

@@ -13,20 +13,22 @@ type __VLS_Props = {
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     addServer: () => any;
     "update:variable": (payload: {
+        index: number;
         key: string;
         value: string;
     }) => any;
     "update:selectedServer": (payload: {
-        id: string;
+        index: number;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onAddServer?: (() => any) | undefined;
     "onUpdate:variable"?: ((payload: {
+        index: number;
         key: string;
         value: string;
     }) => any) | undefined;
     "onUpdate:selectedServer"?: ((payload: {
-        id: string;
+        index: number;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/v2/components/server/ServerDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/server/ServerDropdown.vue"],"names":[],"mappings":"AAkHA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAGhG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3C,KAAK,WAAW,GAAG;IACjB,0EAA0E;IAC1E,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;CACrB,CAAC;;;;aAMuC,MAAM;eAAS,MAAM;;;YADhB,MAAM;;;;;aACX,MAAM;eAAS,MAAM;;;YADhB,MAAM;;;AAwOpD,wBAOG"}
+{"version":3,"file":"ServerDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/server/ServerDropdown.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAGhG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3C,KAAK,WAAW,GAAG;IACjB,0EAA0E;IAC1E,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;CACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;AAmPF,wBAOG"}