@scalar/api-client 2.0.34 → 2.0.36

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @scalar/api-client
 
+## 2.0.36
+
+### Patch Changes
+
+- 276e506: fix: show alpha version copy
+
+## 2.0.35
+
+### Patch Changes
+
+- bf2895e: feat(api-client): add multiple auth to api client
+- 5d2825a: feat: add sidebar request menu
+- Updated dependencies [bf2895e]
+- Updated dependencies [5d2825a]
+  - @scalar/components@0.12.22
+  - @scalar/oas-utils@0.2.19
+
 ## 2.0.34
 
 ### Patch Changes

package/dist/components/DataTable/DataTableInput.vue.d.ts

@@ -10,11 +10,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     containerClass?: string;
     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;
 }>, {
+    canAddCustomEnumValue: boolean;
     required: boolean;
     readOnly: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -29,11 +32,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     containerClass?: string;
     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;
 }>, {
+    canAddCustomEnumValue: boolean;
     required: boolean;
     readOnly: boolean;
 }>>> & {
@@ -43,6 +49,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onInputBlur?: (() => any) | undefined;
 }, {
     required: boolean;
+    canAddCustomEnumValue: boolean;
     readOnly: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAmNA,iBAAS,cAAc;qBAkKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SAhQZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;SATP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;cALD,OAAO;cAEP,OAAO;MAiQpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAwNA,iBAAS,cAAc;qBAkKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SAlQZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;cAPD,OAAO;2BAGM,OAAO;cACpB,OAAO;MAiQpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

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

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

@@ -1,17 +1,17 @@
-import { defineComponent as k, ref as i, computed as V, openBlock as o, createBlock as d, normalizeClass as b, withCtx as x, createElementBlock as r, renderSlot as p, createCommentVNode as s, createElementVNode as m, Fragment as B, mergeProps as $, unref as q } from "vue";
-import { ScalarIconButton as C } from "@scalar/components";
-import F from "./DataTableCell.vue.js";
-import I from "./DataTableInputSelect.vue.js";
-const O = {
+import { defineComponent as h, ref as d, computed as k, openBlock as o, createBlock as i, normalizeClass as b, withCtx as B, createElementBlock as r, renderSlot as p, createCommentVNode as s, createElementVNode as m, Fragment as C, mergeProps as $, unref as x } from "vue";
+import { ScalarIconButton as q } from "@scalar/components";
+import A from "./DataTableCell.vue.js";
+import E from "./DataTableInputSelect.vue.js";
+const F = {
   key: 0,
-  class: "text-c-2 flex min-w-[100px] items-center border-r-1/2 pl-2 pr-0"
-}, S = { class: "row-1" }, P = ["id", "max", "min", "readOnly", "required", "type", "value"], _ = {
+  class: "text-c-2 flex min-w-[120px] items-center border-r-1/2 pl-2 pr-0"
+}, I = { class: "row-1" }, O = ["id", "max", "min", "readOnly", "required", "type", "value"], S = {
   key: 0,
   class: "absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-focus:opacity-0"
-}, D = {
+}, P = {
   key: 1,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, z = /* @__PURE__ */ k({
+}, _ = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -20,6 +20,7 @@ const O = {
     containerClass: {},
     required: { type: Boolean, default: !1 },
     modelValue: {},
+    canAddCustomEnumValue: { type: Boolean, default: !0 },
     readOnly: { type: Boolean, default: !1 },
     enum: {},
     min: {},
@@ -27,28 +28,29 @@ const O = {
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
   setup(c, { emit: f }) {
-    const l = c, n = f, a = i(!0), y = i(""), v = i(!1), w = () => {
+    const a = c, n = f, l = d(!0), y = d(""), v = d(!1), w = () => {
       v.value || n("inputBlur");
-    }, g = V(
-      () => l.type === "password" ? a.value ? "password" : "text" : l.type ?? "text"
-    ), h = (e) => {
+    }, V = k(
+      () => a.type === "password" ? l.value ? "password" : "text" : a.type ?? "text"
+    ), g = (e) => {
       const t = e.target;
       y.value = t.value, n("update:modelValue", t.value);
     };
-    return (e, t) => (o(), d(F, {
+    return (e, t) => (o(), i(A, {
       class: b(["relative row", e.containerClass])
     }, {
-      default: x(() => [
-        e.$slots.default ? (o(), r("div", O, [
+      default: B(() => [
+        e.$slots.default ? (o(), r("div", F, [
           p(e.$slots, "default", {}, void 0, !0)
         ])) : s("", !0),
-        m("div", S, [
-          l.enum && l.enum.length ? (o(), d(I, {
+        m("div", I, [
+          a.enum && a.enum.length ? (o(), i(E, {
             key: 0,
-            modelValue: l.modelValue,
-            value: l.enum,
+            canAddCustomValue: e.canAddCustomEnumValue,
+            modelValue: a.modelValue,
+            value: a.enum,
             "onUpdate:modelValue": t[0] || (t[0] = (u) => n("update:modelValue", u))
-          }, null, 8, ["modelValue", "value"])) : (o(), r(B, { key: 1 }, [
+          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (o(), r(C, { key: 1 }, [
             m("input", $(e.$attrs, {
               id: e.id,
               autocomplete: "off",
@@ -59,25 +61,25 @@ const O = {
               readOnly: e.readOnly,
               required: e.required,
               spellcheck: "false",
-              type: g.value,
+              type: V.value,
               value: e.modelValue,
               onBlur: w,
               onFocus: t[1] || (t[1] = (u) => n("inputFocus")),
-              onInput: h
-            }), null, 16, P),
-            e.required ? (o(), r("div", _, " Required ")) : s("", !0)
+              onInput: g
+            }), null, 16, O),
+            e.required ? (o(), r("div", S, " Required ")) : s("", !0)
           ], 64))
         ]),
-        e.$slots.warning ? (o(), r("div", D, [
+        e.$slots.warning ? (o(), r("div", P, [
           p(e.$slots, "warning", {}, void 0, !0)
         ])) : s("", !0),
         p(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (o(), d(q(C), {
+        e.type === "password" ? (o(), i(x(q), {
           key: 2,
           class: "-ml-.5 mr-1 h-6 w-6 self-center p-1.5",
-          icon: a.value ? "Show" : "Hide",
-          label: a.value ? "Show Password" : "Hide Password",
-          onClick: t[2] || (t[2] = (u) => a.value = !a.value)
+          icon: l.value ? "Show" : "Hide",
+          label: l.value ? "Show Password" : "Hide Password",
+          onClick: t[2] || (t[2] = (u) => l.value = !l.value)
         }, null, 8, ["icon", "label"])) : s("", !0)
       ]),
       _: 3
@@ -85,5 +87,5 @@ const O = {
   }
 });
 export {
-  z as default
+  _ as default
 };

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

@@ -1,15 +1,31 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     modelValue: string | number;
     value?: string[];
+    canAddCustomValue?: boolean;
+}>, {
+    canAddCustomValue: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (v: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     modelValue: string | number;
     value?: string[];
+    canAddCustomValue?: boolean;
+}>, {
+    canAddCustomValue: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-}, {}, {}>;
+}, {
+    canAddCustomValue: boolean;
+}, {}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBA0Ic,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;gBADJ,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;AA4TlB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBA+IgB,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;;;gBAFf,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;;;uBAAP,OAAO;;AAmU/B,wBAOG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,79 +1,81 @@
-import { defineComponent as B, computed as z, ref as i, watch as k, nextTick as N, openBlock as o, createElementBlock as p, withDirectives as T, withKeys as j, vModelText as I, createBlock as m, unref as l, withCtx as r, Fragment as A, renderList as E, createElementVNode as d, normalizeClass as K, createVNode as c, createTextVNode as R, toDisplayString as y, createCommentVNode as $ } from "vue";
-import { ScalarDropdown as F, ScalarDropdownItem as V, ScalarIcon as f, ScalarDropdownDivider as L, ScalarButton as M } from "@scalar/components";
-const U = { class: "w-full" }, W = { class: "flex items-center justify-center h-4 w-4" }, q = /* @__PURE__ */ d("span", null, "Add value", -1), O = /* @__PURE__ */ B({
+import { defineComponent as z, computed as A, ref as c, watch as k, nextTick as N, openBlock as n, createElementBlock as m, withDirectives as T, withKeys as j, vModelText as I, createBlock as i, unref as l, withCtx as r, Fragment as E, renderList as K, createElementVNode as p, normalizeClass as R, createVNode as d, createTextVNode as $, toDisplayString as y, createCommentVNode as V } from "vue";
+import { ScalarDropdown as F, ScalarDropdownItem as C, ScalarIcon as f, ScalarDropdownDivider as L, ScalarButton as M } from "@scalar/components";
+const U = { class: "w-full" }, W = { class: "flex items-center justify-center h-4 w-4" }, q = /* @__PURE__ */ p("span", null, "Add value", -1), O = /* @__PURE__ */ z({
   __name: "DataTableInputSelect",
   props: {
     modelValue: {},
-    value: {}
+    value: {},
+    canAddCustomValue: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
   setup(_, { emit: g }) {
-    const v = _, x = g, C = z(() => v.value ?? []), u = i(v.modelValue.toString()), s = i(!1), a = i(""), h = i(null);
+    const v = _, h = g, S = A(() => v.value ?? []), o = c(v.modelValue.toString()), s = c(!1), a = c(""), x = c(null);
     k(a, (e) => {
-      x("update:modelValue", e);
+      h("update:modelValue", e);
     });
     const w = (e) => {
-      u.value = e, x("update:modelValue", e), s.value = !1;
-    }, S = () => {
-      a.value.trim() && (w(a.value), a.value = "");
+      o.value = e, h("update:modelValue", e), s.value = !1;
     }, D = () => {
-      a.value.trim() || (u.value = "", s.value = !1);
-    }, b = (e) => u.value === e;
+      a.value.trim() && (w(a.value), a.value = "");
+    }, B = () => {
+      a.value.trim() || (o.value = "", s.value = !1);
+    }, b = (e) => o.value === e;
     return k(s, (e) => {
       e && N(() => {
-        var n;
-        (n = h.value) == null || n.focus();
+        var u;
+        (u = x.value) == null || u.focus();
       });
-    }), (e, n) => (o(), p("div", U, [
-      s.value ? T((o(), p("input", {
+    }), (e, u) => (n(), m("div", U, [
+      s.value ? T((n(), m("input", {
         key: 0,
         ref_key: "inputRef",
-        ref: h,
-        "onUpdate:modelValue": n[0] || (n[0] = (t) => a.value = t),
+        ref: x,
+        "onUpdate:modelValue": u[0] || (u[0] = (t) => a.value = t),
         class: "border-none focus:text-c-1 text-c-2 min-w-0 w-full px-2 py-1.5 outline-none",
         placeholder: "Value",
         type: "text",
-        onBlur: D,
-        onKeyup: j(S, ["enter"])
+        onBlur: B,
+        onKeyup: j(D, ["enter"])
       }, null, 544)), [
         [I, a.value]
-      ]) : (o(), m(l(F), {
+      ]) : (n(), i(l(F), {
         key: 1,
         resize: "",
-        value: u.value
+        value: o.value
       }, {
         items: r(() => [
-          (o(!0), p(A, null, E(C.value, (t) => (o(), m(l(V), {
+          (n(!0), m(E, null, K(S.value, (t) => (n(), i(l(C), {
             key: t,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
             value: t,
             onClick: (G) => w(t)
           }, {
             default: r(() => [
-              d("div", {
-                class: K([
+              p("div", {
+                class: R([
                   "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
                   b(t) ? "bg-blue text-b-1" : "text-transparent"
                 ])
               }, [
-                c(l(f), {
+                d(l(f), {
                   class: "size-2.5",
                   icon: "Checkmark",
                   thickness: "3.5"
                 })
               ], 2),
-              R(" " + y(t), 1)
+              $(" " + y(t), 1)
             ]),
             _: 2
           }, 1032, ["value", "onClick"]))), 128)),
-          c(l(L)),
-          c(l(V), {
+          d(l(L)),
+          e.canAddCustomValue ? (n(), i(l(C), {
+            key: 0,
             class: "flex items-center gap-1.5",
-            onClick: n[1] || (n[1] = (t) => s.value = !0)
+            onClick: u[1] || (u[1] = (t) => s.value = !0)
           }, {
             default: r(() => [
-              d("div", W, [
-                c(l(f), {
+              p("div", W, [
+                d(l(f), {
                   class: "h-2.5",
                   icon: "Add"
                 })
@@ -81,17 +83,17 @@ const U = { class: "w-full" }, W = { class: "flex items-center justify-center h-
               q
             ]),
             _: 1
-          })
+          })) : V("", !0)
         ]),
         default: r(() => [
-          c(l(M), {
+          d(l(M), {
             class: "gap-1.5 font-normal h-full justify-start px-2 py-1.5",
             fullWidth: "",
             variant: "ghost"
           }, {
             default: r(() => [
-              d("span", null, y(u.value || "Select a value"), 1),
-              u.value ? $("", !0) : (o(), m(l(f), {
+              p("span", null, y(o.value || "Select a value"), 1),
+              o.value ? V("", !0) : (n(), i(l(f), {
                 key: 0,
                 icon: "ChevronDown",
                 size: "xs"

package/dist/components/DataTable/index.d.ts

@@ -3,6 +3,7 @@ export { default as DataTableCell } from './DataTableCell.vue.js';
 export { default as DataTableCheckbox } from './DataTableCheckbox.vue.js';
 export { default as DataTableHeader } from './DataTableHeader.vue.js';
 export { default as DataTableInput } from './DataTableInput.vue.js';
+export { default as DataTableInputSelect } from './DataTableInputSelect.vue.js';
 export { default as DataTableRow } from './DataTableRow.vue.js';
 export { default as DataTableText } from './DataTableText.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/DataTable/index.js

@@ -1,16 +1,18 @@
 import { default as t } from "./DataTable.vue.js";
 import { default as o } from "./DataTableHeader.vue.js";
 import { default as f } from "./DataTableInput.vue.js";
-import { default as b } from "./DataTableRow.vue.js";
-import { default as p } from "./DataTableText.vue.js";
+import { default as u } from "./DataTableRow.vue.js";
+import { default as b } from "./DataTableText.vue.js";
 import { default as T } from "./DataTableCell.vue.js";
 import { default as s } from "./DataTableCheckbox.vue.js";
+import { default as c } from "./DataTableInputSelect.vue.js";
 export {
   t as DataTable,
   T as DataTableCell,
   s as DataTableCheckbox,
   o as DataTableHeader,
   f as DataTableInput,
-  b as DataTableRow,
-  p as DataTableText
+  c as DataTableInputSelect,
+  u as DataTableRow,
+  b as DataTableText
 };

package/dist/components/SideNav/SideHelp.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=SideHelp.vue.d.ts.map

package/dist/components/SideNav/SideHelp.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideHelp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideHelp.vue"],"names":[],"mappings":";AAmZA,wBAKG"}

package/dist/components/SideNav/SideHelp.vue.js

@@ -0,0 +1,127 @@
+import { defineComponent as n, openBlock as o, createBlock as i, unref as s, withCtx as c, createElementVNode as e, createVNode as t } from "vue";
+import { ScalarDropdown as r, ScalarDropdownItem as l, ScalarIcon as a, ScalarButton as d } from "@scalar/components";
+const _ = /* @__PURE__ */ e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 font-medium" }, "Support", -1), h = {
+  class: "no-underline block",
+  href: "https://discord.gg/scalar",
+  target: "_blank"
+}, u = { class: "flex items-center justify-center" }, f = /* @__PURE__ */ e("span", null, "Discord", -1), p = {
+  class: "no-underline block",
+  href: "https://github.com/scalar/scalar",
+  target: "_blank"
+}, m = { class: "flex items-center justify-center" }, x = /* @__PURE__ */ e("span", null, "Github", -1), g = {
+  class: "no-underline block",
+  href: "mailto:marc@scalar.com",
+  target: "_blank"
+}, b = { class: "flex items-center justify-center" }, k = /* @__PURE__ */ e("span", null, "Email", -1), w = /* @__PURE__ */ e("span", { class: "px-2.5 py-1.5 text-xs text-c-2 font-medium" }, "Product", -1), y = {
+  class: "no-underline block",
+  href: "https://scalar.com/changelog",
+  target: "_blank"
+}, v = { class: "flex items-center justify-center" }, j = /* @__PURE__ */ e("span", null, "Changelog", -1), S = {
+  class: "no-underline block",
+  href: "https://github.com/scalar/scalar/issues/2669",
+  target: "_blank"
+}, C = { class: "flex items-center justify-center" }, D = /* @__PURE__ */ e("span", null, "Roadmap", -1), N = /* @__PURE__ */ n({
+  __name: "SideHelp",
+  setup(B) {
+    return (E, H) => (o(), i(s(r), {
+      class: "max-w-[150px]",
+      placement: "top-end"
+    }, {
+      items: c(() => [
+        _,
+        e("a", h, [
+          t(s(l), { class: "flex items-center gap-1.5 w-full" }, {
+            default: c(() => [
+              e("div", u, [
+                t(s(a), {
+                  class: "h-2.5",
+                  icon: "Discord"
+                })
+              ]),
+              f
+            ]),
+            _: 1
+          })
+        ]),
+        e("a", p, [
+          t(s(l), { class: "flex items-center gap-1.5 w-full" }, {
+            default: c(() => [
+              e("div", m, [
+                t(s(a), {
+                  class: "h-2.5",
+                  icon: "GitHub"
+                })
+              ]),
+              x
+            ]),
+            _: 1
+          })
+        ]),
+        e("a", g, [
+          t(s(l), { class: "flex items-center gap-1.5 w-full" }, {
+            default: c(() => [
+              e("div", b, [
+                t(s(a), {
+                  class: "h-2.5",
+                  icon: "Email"
+                })
+              ]),
+              k
+            ]),
+            _: 1
+          })
+        ]),
+        w,
+        e("a", y, [
+          t(s(l), { class: "flex items-center gap-1.5 w-full" }, {
+            default: c(() => [
+              e("div", v, [
+                t(s(a), {
+                  class: "h-2.5",
+                  icon: "Changelog",
+                  thickness: "2"
+                })
+              ]),
+              j
+            ]),
+            _: 1
+          })
+        ]),
+        e("a", S, [
+          t(s(l), { class: "flex items-center gap-1.5 w-full" }, {
+            default: c(() => [
+              e("div", C, [
+                t(s(a), {
+                  class: "h-2.5",
+                  icon: "Roadmap",
+                  thickness: "2"
+                })
+              ]),
+              D
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: c(() => [
+        t(s(d), {
+          class: "min-w-[37px] max-w-[42px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px]",
+          fullWidth: "",
+          variant: "ghost"
+        }, {
+          default: c(() => [
+            t(s(a), {
+              icon: "Help",
+              thickness: "1.5"
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  N as default
+};

package/dist/components/SideNav/SideHelp.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAkJA,wBAKG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAkKA,wBAKG"}

package/dist/components/SideNav/SideNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./SideNav.vue2.js";
 /* empty css             */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-10f3a9af"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-919f36e4"]]);
 export {
-  m as default
+  f as default
 };