@scalar/api-client 2.9.0 → 2.9.1

package/dist/v2/components/code-input/CodeInput.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CodeInput.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.test.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/code-input/CodeInput.test.ts"],"names":[],"mappings":""}

package/dist/v2/components/code-input/CodeInput.vue.d.ts

@@ -0,0 +1,140 @@
+import { type CodeMirrorLanguage, type Extension } from '@scalar/use-codemirror';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+import { type Ref } from 'vue';
+import type { ClientLayout } from '../../../v2/types/layout';
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    modelValue: string | number;
+    /** Environment for variable substitution. Pass undefined to disable environment variables */
+    environment: XScalarEnvironment | undefined;
+    /** Type of the input value, affects rendering mode for booleans */
+    type?: string | string[];
+    /** Render as disabled text display */
+    disabled?: boolean;
+    /** Show error styling */
+    error?: boolean;
+    /** Layout context affects styling and behavior */
+    layout?: ClientLayout;
+    /** Predefined enum values, triggers select mode */
+    enum?: string[];
+    /** Example values, triggers select mode */
+    examples?: string[];
+    /** Default value to show in select mode */
+    default?: string | number;
+    /** Allow null in boolean select options */
+    nullable?: boolean;
+    /** Placeholder text for empty input */
+    placeholder?: string;
+    /** Show required indicator */
+    required?: boolean;
+    /** Enable color picker extension */
+    colorPicker?: boolean;
+    /** Show line numbers in editor */
+    lineNumbers?: boolean;
+    /** Enable linting */
+    lint?: boolean;
+    /** Enable line wrapping */
+    lineWrapping?: boolean;
+    /** CodeMirror language mode */
+    language?: CodeMirrorLanguage;
+    /** Additional CodeMirror extensions */
+    extensions?: Extension[];
+    /** Disable tab key for indentation */
+    disableTabIndent?: boolean;
+    /** Disable enter key */
+    disableEnter?: boolean;
+    /** Disable automatic bracket closing */
+    disableCloseBrackets?: boolean;
+    /** Emit submit event on blur */
+    emitOnBlur?: boolean;
+    /** Enable environment variable pills */
+    withVariables?: boolean;
+    /** Detect and emit curl commands */
+    importCurl?: boolean;
+    /** Custom change handler, prevents default emit */
+    handleFieldChange?: (value: string) => void;
+    /** Custom submit handler, prevents default emit */
+    handleFieldSubmit?: (value: string) => void;
+}, {
+    focus: () => void | undefined;
+    handleChange: (value: string) => void;
+    handleSubmit: (value: string) => void;
+    handleBlur: (value: string) => void;
+    booleanOptions: import("vue").ComputedRef<string[]>;
+    codeMirror: Ref<import("@codemirror/view").EditorView | null, import("@codemirror/view").EditorView | null>;
+    modelValue: string | number;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (value: string) => any;
+    redirectToEnvironment: () => any;
+    "update:modelValue": (value: string) => any;
+    blur: (value: string) => any;
+    curl: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue: string | number;
+    /** Environment for variable substitution. Pass undefined to disable environment variables */
+    environment: XScalarEnvironment | undefined;
+    /** Type of the input value, affects rendering mode for booleans */
+    type?: string | string[];
+    /** Render as disabled text display */
+    disabled?: boolean;
+    /** Show error styling */
+    error?: boolean;
+    /** Layout context affects styling and behavior */
+    layout?: ClientLayout;
+    /** Predefined enum values, triggers select mode */
+    enum?: string[];
+    /** Example values, triggers select mode */
+    examples?: string[];
+    /** Default value to show in select mode */
+    default?: string | number;
+    /** Allow null in boolean select options */
+    nullable?: boolean;
+    /** Placeholder text for empty input */
+    placeholder?: string;
+    /** Show required indicator */
+    required?: boolean;
+    /** Enable color picker extension */
+    colorPicker?: boolean;
+    /** Show line numbers in editor */
+    lineNumbers?: boolean;
+    /** Enable linting */
+    lint?: boolean;
+    /** Enable line wrapping */
+    lineWrapping?: boolean;
+    /** CodeMirror language mode */
+    language?: CodeMirrorLanguage;
+    /** Additional CodeMirror extensions */
+    extensions?: Extension[];
+    /** Disable tab key for indentation */
+    disableTabIndent?: boolean;
+    /** Disable enter key */
+    disableEnter?: boolean;
+    /** Disable automatic bracket closing */
+    disableCloseBrackets?: boolean;
+    /** Emit submit event on blur */
+    emitOnBlur?: boolean;
+    /** Enable environment variable pills */
+    withVariables?: boolean;
+    /** Detect and emit curl commands */
+    importCurl?: boolean;
+    /** Custom change handler, prevents default emit */
+    handleFieldChange?: (value: string) => void;
+    /** Custom submit handler, prevents default emit */
+    handleFieldSubmit?: (value: string) => void;
+}> & Readonly<{
+    onSubmit?: ((value: string) => any) | undefined;
+    onRedirectToEnvironment?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onBlur?: ((value: string) => any) | undefined;
+    onCurl?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    warning?: (props: {}) => any;
+} & {
+    icon?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CodeInput.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/code-input/CodeInput.vue"],"names":[],"mappings":"AAumBA,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAEnH,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAIrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;;gBAcvC,MAAM,GAAG,MAAM;IAC3B,6FAA6F;iBAChF,kBAAkB,GAAG,SAAS;IAC3C,mEAAmE;WAC5D,MAAM,GAAG,MAAM,EAAE;IACxB,sCAAsC;eAC3B,OAAO;IAClB,yBAAyB;YACjB,OAAO;IACf,kDAAkD;aACzC,YAAY;IACrB,mDAAmD;WAC5C,MAAM,EAAE;IACf,2CAA2C;eAChC,MAAM,EAAE;IACnB,2CAA2C;cACjC,MAAM,GAAG,MAAM;IACzB,2CAA2C;eAChC,OAAO;IAClB,uCAAuC;kBACzB,MAAM;IACpB,8BAA8B;eACnB,OAAO;IAClB,oCAAoC;kBACtB,OAAO;IACrB,kCAAkC;kBACpB,OAAO;IACrB,qBAAqB;WACd,OAAO;IACd,2BAA2B;mBACZ,OAAO;IACtB,+BAA+B;eACpB,kBAAkB;IAC7B,uCAAuC;iBAC1B,SAAS,EAAE;IACxB,sCAAsC;uBACnB,OAAO;IAC1B,wBAAwB;mBACT,OAAO;IACtB,wCAAwC;2BACjB,OAAO;IAC9B,gCAAgC;iBACnB,OAAO;IACpB,wCAAwC;oBACxB,OAAO;IACvB,oCAAoC;iBACvB,OAAO;IACpB,mDAAmD;wBAC/B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAC3C,mDAAmD;wBAC/B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;0BAyFhB,MAAM,KAAG,IAAI;0BAiCb,MAAM,KAAG,IAAI;wBAWf,MAAM,KAAG,IAAI;;;;;;;;;;;gBAvL1B,MAAM,GAAG,MAAM;IAC3B,6FAA6F;iBAChF,kBAAkB,GAAG,SAAS;IAC3C,mEAAmE;WAC5D,MAAM,GAAG,MAAM,EAAE;IACxB,sCAAsC;eAC3B,OAAO;IAClB,yBAAyB;YACjB,OAAO;IACf,kDAAkD;aACzC,YAAY;IACrB,mDAAmD;WAC5C,MAAM,EAAE;IACf,2CAA2C;eAChC,MAAM,EAAE;IACnB,2CAA2C;cACjC,MAAM,GAAG,MAAM;IACzB,2CAA2C;eAChC,OAAO;IAClB,uCAAuC;kBACzB,MAAM;IACpB,8BAA8B;eACnB,OAAO;IAClB,oCAAoC;kBACtB,OAAO;IACrB,kCAAkC;kBACpB,OAAO;IACrB,qBAAqB;WACd,OAAO;IACd,2BAA2B;mBACZ,OAAO;IACtB,+BAA+B;eACpB,kBAAkB;IAC7B,uCAAuC;iBAC1B,SAAS,EAAE;IACxB,sCAAsC;uBACnB,OAAO;IAC1B,wBAAwB;mBACT,OAAO;IACtB,wCAAwC;2BACjB,OAAO;IAC9B,gCAAgC;iBACnB,OAAO;IACpB,wCAAwC;oBACxB,OAAO;IACvB,oCAAoC;iBACvB,OAAO;IACpB,mDAAmD;wBAC/B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAC3C,mDAAmD;wBAC/B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;cA6kB/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;WAClC,CAAC,KAAK,IAAiB,KAAK,GAAG;;AAxoB1C,wBA4rBC;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/code-input/CodeInput.vue.js

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

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/code-variable-widget.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=code-variable-widget.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-variable-widget.test.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/code-input/code-variable-widget.test.ts"],"names":[],"mappings":""}

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
+};