@scalar/api-client 2.0.33 → 2.0.35

package/dist/components/CommandPalette/handleKeyDown.js

@@ -0,0 +1,7 @@
+import { isMacOS as t } from "@scalar/use-tooltip";
+const a = (r, o) => {
+  e(r) && (r.stopPropagation(), r.preventDefault(), o());
+}, e = (r) => t() ? r.metaKey && r.key === "Enter" : r.ctrlKey && r.key === "Enter";
+export {
+  a as handleKeyDown
+};

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/Form/Form.vue.js

@@ -3,7 +3,7 @@ import y from "../DataTable/DataTable.vue.js";
 import V from "../DataTable/DataTableInput.vue.js";
 import h from "../DataTable/DataTableRow.vue.js";
 import b from "../ViewLayout/ViewLayoutSection.vue.js";
-const g = { class: "custom-scroll flex flex-1 flex-col gap-1.5 px-5 py-2" }, w = /* @__PURE__ */ s({
+const g = { class: "custom-scroll flex flex-1 flex-col gap-1.5 px-5 py-5" }, w = /* @__PURE__ */ s({
   __name: "Form",
   props: {
     title: {},

package/dist/components/Search/SearchButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchButton.vue"],"names":[],"mappings":";;;;;AAmIA,wBAMG"}
+{"version":3,"file":"SearchButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchButton.vue"],"names":[],"mappings":";;;;;AAwHA,wBAMG"}

package/dist/components/Search/SearchButton.vue.js

@@ -1,32 +1,30 @@
-import { defineComponent as c, openBlock as r, createElementBlock as i, createElementVNode as e, createVNode as s, unref as a } from "vue";
-import l from "../ScalarHotkey.vue.js";
-import { ScalarIcon as m } from "@scalar/components";
-const d = { class: "bg-b-1 sticky top-0 z-50 px-3 py-2.5 pb-0" }, p = { class: "w-[15px] flex items-center justify-center" }, f = { class: "sidebar-search-input ml-1.5 flex w-full items-center justify-between text-sm font-medium" }, _ = /* @__PURE__ */ e("span", { class: "sidebar-search-placeholder" }, "Search", -1), S = /* @__PURE__ */ c({
+import { defineComponent as n, openBlock as c, createElementBlock as r, createElementVNode as e, createVNode as i, unref as a } from "vue";
+import { ScalarIcon as l } from "@scalar/components";
+const p = { class: "bg-b-1 sticky top-0 z-50 px-3 py-2.5 pb-0" }, d = { class: "w-[15px] flex items-center justify-center" }, m = /* @__PURE__ */ e("div", { class: "sidebar-search-input ml-1.5 flex w-full items-center justify-between text-sm font-medium" }, [
+  /* @__PURE__ */ e("span", { class: "sidebar-search-placeholder" }, "Search")
+], -1), b = /* @__PURE__ */ n({
   __name: "SearchButton",
   emits: ["openSearchModal"],
-  setup(u, { emit: o }) {
-    const n = o;
-    return (h, t) => (r(), i("div", d, [
+  setup(u, { emit: s }) {
+    const o = s;
+    return (f, t) => (c(), r("div", p, [
       e("button", {
-        class: "shadow-border text-c-2 flex w-full items-center rounded p-1.5",
+        class: "border-1/2 text-c-2 flex w-full items-center rounded p-1.5",
         type: "button",
-        onClick: t[0] || (t[0] = (x) => n("openSearchModal"))
+        onClick: t[0] || (t[0] = (_) => o("openSearchModal"))
       }, [
-        e("div", p, [
-          s(a(m), {
+        e("div", d, [
+          i(a(l), {
             icon: "Search",
             size: "xs",
             thickness: "2.5"
           })
         ]),
-        e("div", f, [
-          _,
-          s(l, { hotkey: "k" })
-        ])
+        m
       ])
     ]));
   }
 });
 export {
-  S as default
+  b as default
 };

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":";AAwaA,wBAKG"}

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

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