@scalar/api-client 2.9.0 → 2.10.0

package/dist/v2/components/code-input/CodeInput.vue2.js

@@ -0,0 +1,202 @@
+import { defineComponent as W, useAttrs as j, ref as d, computed as s, toRef as r, watch as H, createElementBlock as i, openBlock as n, Fragment as Q, createBlock as c, createCommentVNode as f, normalizeClass as G, createElementVNode as v, toDisplayString as J, mergeProps as X, unref as T, withKeys as b, withModifiers as D, createTextVNode as w, renderSlot as $ } from "vue";
+import { useCodeMirror as Y, useDropdown as Z, colorPicker as _ } from "@scalar/use-codemirror";
+import { nanoid as ee } from "nanoid";
+import V from "../data-table/DataTableInputSelect.vue.js";
+import te from "../../features/environments/components/EnvironmentVariablesDropdown.vue.js";
+import { pillPlugin as le, backspaceCommand as ne } from "./code-variable-widget.js";
+const oe = { class: "whitespace-nowrap" }, ae = ["id"], re = {
+  key: 0,
+  class: "z-context text-c-2 absolute right-1.5 bottom-1 hidden font-sans group-has-[:focus-visible]/input:block",
+  role: "alert"
+}, ie = {
+  key: 5,
+  class: "centered-y text-orange absolute right-7 text-xs"
+}, ue = {
+  key: 6,
+  class: "centered-y absolute right-0 flex h-full items-center p-1.5 group-has-[.cm-focused]:z-1"
+}, de = {
+  key: 7,
+  class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 pt-px pr-2 opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.alert]:shadow-none group-[.error]:bg-transparent group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0"
+}, se = {
+  inheritAttrs: !1
+}, ge = /* @__PURE__ */ W({
+  ...se,
+  __name: "CodeInput",
+  props: {
+    modelValue: {},
+    environment: {},
+    type: {},
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    layout: { default: "desktop" },
+    enum: {},
+    examples: {},
+    default: {},
+    nullable: { type: Boolean, default: !1 },
+    placeholder: {},
+    required: { type: Boolean },
+    colorPicker: { type: Boolean, default: !1 },
+    lineNumbers: { type: Boolean, default: !1 },
+    lint: { type: Boolean, default: !1 },
+    lineWrapping: { type: Boolean, default: !1 },
+    language: {},
+    extensions: { default: () => [] },
+    disableTabIndent: { type: Boolean, default: !1 },
+    disableEnter: { type: Boolean, default: !1 },
+    disableCloseBrackets: { type: Boolean, default: !1 },
+    emitOnBlur: { type: Boolean, default: !0 },
+    withVariables: { type: Boolean, default: !0 },
+    importCurl: { type: Boolean, default: !1 },
+    handleFieldChange: { type: Function },
+    handleFieldSubmit: { type: Function }
+  },
+  emits: ["update:modelValue", "submit", "blur", "curl", "redirectToEnvironment"],
+  setup(t, { expose: M, emit: R }) {
+    const u = R, B = j(), q = B.id || `id-${ee()}`, k = d(!1), A = s(() => t.enum?.length ? !1 : t.type === "boolean" || Array.isArray(t.type) && t.type.includes("boolean")), x = s(() => t.nullable ? ["true", "false", "null"] : ["true", "false"]), I = s(() => Array.isArray(t.type) ? t.type.find((e) => e !== "null") ?? "string" : t.type), C = (e) => {
+      if (e !== t.modelValue) {
+        if (t.importCurl && e.trim().toLowerCase().startsWith("curl")) {
+          u("curl", e), o.value && o.value.dispatch({
+            changes: {
+              from: 0,
+              to: o.value.state.doc.length,
+              insert: String(t.modelValue)
+            }
+          });
+          return;
+        }
+        t.handleFieldChange ? t.handleFieldChange(e) : u("update:modelValue", e);
+      }
+    }, p = (e) => {
+      t.handleFieldSubmit ? t.handleFieldSubmit(e) : u("submit", e);
+    }, S = (e) => {
+      k.value = !1, t.emitOnBlur && t.modelValue && p(e), u("blur", e);
+    }, y = (e) => {
+      u("update:modelValue", e);
+    }, N = () => {
+      const e = [...t.extensions];
+      return t.colorPicker && e.push(_), e;
+    }, O = s(
+      () => le({
+        environment: t.environment,
+        isReadOnly: t.layout === "modal"
+      })
+    ), z = s(() => [
+      ...N(),
+      O.value,
+      ne
+    ]), E = d(null), { codeMirror: o } = Y({
+      content: r(() => String(t.modelValue ?? "")),
+      onChange: (e) => {
+        C(e), L();
+      },
+      onFocus: () => {
+        k.value = !0;
+      },
+      onBlur: S,
+      codeMirrorRef: E,
+      disableTabIndent: r(() => t.disableTabIndent),
+      disableEnter: r(() => t.disableEnter),
+      disableCloseBrackets: r(() => t.disableCloseBrackets),
+      lineNumbers: r(() => t.lineNumbers),
+      language: r(() => t.language),
+      lint: r(() => t.lint),
+      extensions: z,
+      placeholder: r(() => t.placeholder)
+    });
+    H(o, () => {
+      o.value && Object.hasOwn(B, "autofocus") && o.value.focus();
+    });
+    const g = d(!1), F = d(""), P = d({ left: 0, top: 0 }), h = d(null), { handleDropdownSelect: K, updateDropdownVisibility: L } = Z({
+      codeMirror: o,
+      query: F,
+      showDropdown: g,
+      dropdownPosition: P
+    }), U = s(() => g.value && t.withVariables && t.layout !== "modal" && !!t.environment), m = (e, l) => {
+      if (g.value) {
+        e === "down" || e === "up" ? (l.preventDefault(), h.value?.handleArrowKey(e)) : e === "enter" && (l.preventDefault(), h.value?.handleSelect());
+        return;
+      }
+      e === "escape" && !t.disableTabIndent && l.stopPropagation(), e === "enter" && l.target instanceof HTMLDivElement && p(l.target.textContent ?? "");
+    };
+    return M({
+      focus: () => o.value?.focus(),
+      handleChange: C,
+      handleSubmit: p,
+      handleBlur: S,
+      booleanOptions: x,
+      codeMirror: o,
+      modelValue: t.modelValue
+    }), (e, l) => (n(), i(Q, null, [
+      e.disabled ? (n(), i("div", {
+        key: 0,
+        class: G(["text-c-2 flex cursor-default items-center justify-center", e.layout === "modal" ? "font-code pr-2 pl-1 text-base" : "px-2"]),
+        "data-testid": "code-input-disabled"
+      }, [
+        v("span", oe, J(e.modelValue), 1)
+      ], 2)) : t.enum?.length ? (n(), c(V, {
+        key: 1,
+        default: t.default,
+        modelValue: e.modelValue,
+        type: I.value,
+        value: t.enum,
+        "onUpdate:modelValue": y
+      }, null, 8, ["default", "modelValue", "type", "value"])) : A.value ? (n(), c(V, {
+        key: 2,
+        default: t.default,
+        modelValue: e.modelValue,
+        value: x.value,
+        "onUpdate:modelValue": y
+      }, null, 8, ["default", "modelValue", "value"])) : e.examples?.length ? (n(), c(V, {
+        key: 3,
+        default: t.default,
+        modelValue: e.modelValue,
+        value: e.examples,
+        "onUpdate:modelValue": y
+      }, null, 8, ["default", "modelValue", "value"])) : (n(), i("div", X({
+        key: 4,
+        id: T(q)
+      }, e.$attrs, {
+        ref_key: "codeMirrorRef",
+        ref: E,
+        class: ["group/input group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden text-xs leading-[1.44] whitespace-nowrap -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
+          "line-wrapping has-[:focus-visible]:bg-b-1 has-[:focus-visible]:absolute has-[:focus-visible]:z-1": e.lineWrapping,
+          "flow-code-input--error": e.error
+        }],
+        onKeydown: [
+          l[0] || (l[0] = b(D((a) => m("down", a), ["stop"]), ["down"])),
+          l[1] || (l[1] = b((a) => m("enter", a), ["enter"])),
+          l[2] || (l[2] = b((a) => m("escape", a), ["escape"])),
+          l[3] || (l[3] = b(D((a) => m("up", a), ["stop"]), ["up"]))
+        ]
+      }), [
+        e.disableTabIndent ? f("", !0) : (n(), i("div", re, [...l[5] || (l[5] = [
+          w(" Press ", -1),
+          v("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Esc", -1),
+          w(" then ", -1),
+          v("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Tab", -1),
+          w(" to exit ", -1)
+        ])]))
+      ], 16, ae)),
+      e.$slots.warning ? (n(), i("div", ie, [
+        $(e.$slots, "warning", {}, void 0, !0)
+      ])) : f("", !0),
+      e.$slots.icon ? (n(), i("div", ue, [
+        $(e.$slots, "icon", {}, void 0, !0)
+      ])) : f("", !0),
+      e.required ? (n(), i("div", de, " Required ")) : f("", !0),
+      U.value && e.environment ? (n(), c(te, {
+        key: 8,
+        ref_key: "dropdownRef",
+        ref: h,
+        dropdownPosition: P.value,
+        environment: e.environment,
+        query: F.value,
+        onRedirect: l[4] || (l[4] = (a) => u("redirectToEnvironment")),
+        onSelect: T(K)
+      }, null, 8, ["dropdownPosition", "environment", "query", "onSelect"])) : f("", !0)
+    ], 64));
+  }
+});
+export {
+  ge as default
+};

package/dist/v2/components/code-input/code-variable-widget.d.ts

@@ -0,0 +1,21 @@
+import { type DecorationSet, EditorView, ViewPlugin, type ViewUpdate } from '@scalar/use-codemirror';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+/**
+ * Styles the active environment variable pill.
+ * This plugin creates decorations for environment variables in the editor.
+ */
+export declare const pillPlugin: (props: {
+    environment: XScalarEnvironment | undefined;
+    isReadOnly: boolean | undefined;
+}) => ViewPlugin<{
+    decorations: DecorationSet;
+    lastEnvironment: XScalarEnvironment | undefined;
+    update(update: ViewUpdate): void;
+    buildDecorations(view: EditorView): DecorationSet;
+}>;
+/**
+ * Custom backspace handler for the editor.
+ * Handles special cases like removing entire variable syntax and clearing all content.
+ */
+export declare const backspaceCommand: import("@codemirror/state").Extension;
+//# sourceMappingURL=code-variable-widget.d.ts.map

package/dist/v2/components/code-input/code-variable-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-variable-widget.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/code-input/code-variable-widget.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAyFnH;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO;IAAE,WAAW,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE;iBAG/F,aAAa;qBACT,kBAAkB,GAAG,SAAS;mBAOhC,UAAU,GAAG,IAAI;2BAcT,UAAU,GAAG,aAAa;EAsCpD,CAAA;AAEH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,uCAoC3B,CAAA"}

package/dist/v2/components/code-input/code-variable-widget.js

@@ -0,0 +1,106 @@
+import { ScalarTooltip as m } from "@scalar/components";
+import { REGEX as u } from "@scalar/helpers/regex/regex-helpers";
+import { ViewPlugin as p, EditorView as v, RangeSetBuilder as b, Decoration as g, WidgetType as E } from "@scalar/use-codemirror";
+import { defineComponent as C, h as l, createApp as w } from "vue";
+class c extends E {
+  constructor(e, n) {
+    super(), this.variableName = e, this.pillColor = n?.color || "var(--scalar-color-1)";
+    const t = n?.variables?.find((i) => i.name === e), a = t ? typeof t.value == "string" ? t.value : t.value?.default : void 0;
+    this.variableInfo = {
+      value: a || "No value",
+      hasValue: !!a
+    };
+  }
+  app;
+  pillColor;
+  variableInfo;
+  toDOM() {
+    const e = document.createElement("span");
+    e.className = "cm-pill", e.textContent = this.variableName, e.style.setProperty("--tw-bg-base", this.pillColor), e.style.opacity = this.variableInfo.hasValue ? "1" : "0.5";
+    const n = C({
+      render: () => {
+        const t = l("div", { class: "flex items-center gap-1 whitespace-nowrap" }, [
+          l("span", this.variableName)
+        ]);
+        return l(
+          m,
+          {
+            content: this.variableInfo.value,
+            delay: 0,
+            placement: "bottom",
+            offset: 6
+          },
+          {
+            default: () => t
+          }
+        );
+      }
+    });
+    return this.app = w(n), this.app.mount(e), e;
+  }
+  destroy() {
+    this.app && (this.app.unmount(), this.app = null);
+  }
+  eq(e) {
+    return e instanceof c && e.variableName === this.variableName && e.pillColor === this.pillColor && e.variableInfo.value === this.variableInfo.value && e.variableInfo.hasValue === this.variableInfo.hasValue;
+  }
+  ignoreEvent() {
+    return !1;
+  }
+}
+const N = (o) => p.fromClass(
+  class {
+    decorations;
+    lastEnvironment;
+    constructor(e) {
+      this.lastEnvironment = o.environment, this.decorations = this.buildDecorations(e);
+    }
+    update(e) {
+      if (o.environment !== this.lastEnvironment) {
+        this.lastEnvironment = o.environment, this.decorations = this.buildDecorations(e.view);
+        return;
+      }
+      (e.docChanged || e.viewportChanged) && (this.decorations = this.buildDecorations(e.view));
+    }
+    buildDecorations(e) {
+      const n = new b();
+      for (const { from: t, to: a } of e.visibleRanges) {
+        const i = e.state.doc.sliceString(t, a), f = new RegExp(u.VARIABLES.source, u.VARIABLES.flags);
+        let s;
+        for (; (s = f.exec(i)) !== null; ) {
+          const r = t + s.index, d = r + s[0].length, h = s[1] ?? "";
+          e.state.doc.sliceString(r, d).includes(`
+`) || n.add(
+            r,
+            d,
+            g.widget({
+              widget: new c(h, o.environment),
+              side: 1
+            })
+          );
+        }
+      }
+      return n.finish();
+    }
+  },
+  {
+    decorations: (e) => e.decorations
+  }
+), S = v.domEventHandlers({
+  keydown(o, e) {
+    if (o.key !== "Backspace")
+      return !1;
+    const { state: n } = e, { from: t, to: a } = n.selection.main;
+    return t === 0 && a === n.doc.length ? (e.dispatch({
+      changes: { from: 0, to: n.doc.length },
+      selection: { anchor: 0 }
+    }), o.preventDefault(), !0) : t === a && t >= 2 && n.doc.sliceString(t - 2, t) === "}}" ? (e.dispatch({
+      changes: { from: t - 2, to: t },
+      selection: { anchor: t - 2 }
+    }), o.preventDefault(), !0) : !1;
+  }
+});
+export {
+  S as backspaceCommand,
+  N as pillPlugin
+};

package/dist/v2/components/code-input/index.d.ts

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

package/dist/v2/components/code-input/index.d.ts.map

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

package/dist/v2/components/code-input/index.js

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

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    columns: (string | undefined)[];
+    /** Scroll horizontally */
+    scroll?: boolean;
+    /** Presentational table */
+    presentational?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    caption?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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=DataTable.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTable.vue"],"names":[],"mappings":"AAwCA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAA;IAC/B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AA8CF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,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,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe,kSAMnB,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/data-table/DataTable.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as s, createElementBlock as o, openBlock as l, normalizeProps as n, guardReactiveProps as i, unref as m, createElementVNode as p, normalizeStyle as c, normalizeClass as u, createCommentVNode as d, renderSlot as t } from "vue";
+import { useBindCx as f } from "@scalar/components";
+const b = ["role"], y = {
+  key: 0,
+  class: "sr-only"
+}, _ = /* @__PURE__ */ s({
+  __name: "DataTable",
+  props: {
+    columns: {},
+    scroll: { type: Boolean },
+    presentational: { type: Boolean }
+  },
+  setup(v) {
+    const { cx: a } = f();
+    return (e, w) => (l(), o("div", n(i(
+      m(a)(
+        e.scroll ? "overflow-x-auto custom-scroll" : "overflow-visible",
+        "scalar-data-table"
+      )
+    )), [
+      p("table", {
+        class: u(["mb-0 grid min-h-8 auto-rows-auto border-t", { "w-max min-w-full": e.scroll }]),
+        role: e.presentational ? "presentation" : "table",
+        style: c({
+          gridTemplateColumns: e.columns.map((r) => r || "1fr").join(" ")
+        })
+      }, [
+        e.$slots.caption ? (l(), o("caption", y, [
+          t(e.$slots, "caption")
+        ])) : d("", !0),
+        t(e.$slots, "default")
+      ], 14, b)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

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

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

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

@@ -0,0 +1,19 @@
+import type { Component } from 'vue';
+type __VLS_Props = {
+    is?: string | Component;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    is: string | Component;
+}, {}, {}, {}, 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=DataTableCell.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableCell.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxB,CAAC;AA4CJ,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;AAqB/C,QAAA,MAAM,eAAe;QApEZ,MAAM,GAAG,SAAS;6EA2EzB,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/DataTableCell.vue.js

@@ -0,0 +1,26 @@
+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({
+  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)(
+        "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")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  f as default
+};

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

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

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    modelValue: boolean;
+    disabled?: boolean;
+    align?: 'left' | 'center';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+}>, {
+    align: "left" | "center";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=DataTableCheckbox.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableCheckbox.vue"],"names":[],"mappings":"AA0DA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B,CAAC;;;;;;WADQ,MAAM,GAAG,QAAQ;;AAoH7B,wBAQG"}

package/dist/v2/components/data-table/DataTableCheckbox.vue.js

@@ -0,0 +1,53 @@
+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({
+  __name: "DataTableCheckbox",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    align: { default: "center" }
+  },
+  emits: ["update:modelValue"],
+  setup(h) {
+    const s = p({
+      base: "w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-1 pointer-events-none absolute",
+      variants: {
+        align: {
+          left: "left-0",
+          center: "centered"
+        }
+      }
+    });
+    return (e, o) => (i(), n(b, { class: "group/cell relative flex min-w-8" }, {
+      default: d(() => [
+        a("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 }))
+        }, [
+          a("div", {
+            class: t([
+              "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), {
+            icon: "Checkmark",
+            size: "xs",
+            thickness: "2.5"
+          })
+        ], 2)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  y as default
+};

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

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

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

@@ -0,0 +1,13 @@
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=DataTableHeader.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableHeader.vue"],"names":[],"mappings":"AA8CA,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;AAoB/C,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,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/DataTableHeader.vue.js

@@ -0,0 +1,18 @@
+import { defineComponent as o, createBlock as r, openBlock as n, mergeProps as m, unref as s, withCtx as a, renderSlot as f } from "vue";
+import { useBindCx as i } from "@scalar/components";
+import c from "./DataTableCell.vue.js";
+const x = /* @__PURE__ */ o({
+  __name: "DataTableHeader",
+  setup(p) {
+    const { cx: e } = i();
+    return (t, u) => (n(), r(c, m({ is: "th" }, s(e)("items-center font-medium px-2 min-w-0 -outline-offset-1")), {
+      default: a(() => [
+        f(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  x as default
+};

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

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

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

@@ -0,0 +1,53 @@
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { EnvVariable } from '../../../store/active-entities.js';
+import type { VueClassProp } from '../../../types/vue';
+type __VLS_Props = {
+    id?: string;
+    type?: string | undefined;
+    /** Class for the wrapping cell because attrs is bound to the input */
+    containerClass?: VueClassProp | undefined;
+    required?: boolean;
+    modelValue: string | number;
+    /** Allows adding a custom value to the enum dropdown, defaults to true */
+    canAddCustomEnumValue?: boolean;
+    readOnly?: boolean;
+    enum?: string[];
+    min?: number;
+    max?: number;
+    environment: Environment;
+    envVariables: EnvVariable[];
+    description?: string | undefined;
+    lineWrapping?: boolean;
+};
+declare var __VLS_5: {}, __VLS_25: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    warning?: (props: typeof __VLS_25) => any;
+} & {
+    icon?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    selectVariable: (value: string) => any;
+    "update:modelValue": (v: string) => any;
+    inputFocus: () => any;
+    inputBlur: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelectVariable?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onInputFocus?: (() => any) | undefined;
+    onInputBlur?: (() => any) | undefined;
+}>, {
+    required: boolean;
+    readOnly: boolean;
+    lineWrapping: boolean;
+    canAddCustomEnumValue: boolean;
+}, {}, {}, {}, 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=DataTableInput.vue.d.ts.map

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

@@ -0,0 +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"}