@scalar/api-client 2.0.16 → 2.0.17

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @scalar/api-client
 
+## 2.0.17
+
+### Patch Changes
+
+- 91b97fa: fix: input checked by default on required item
+- 05bc858: feat: display select for boolean type
+- 05bc858: fix: data table input enum select back
+
 ## 2.0.16
 
 ### Patch Changes

package/dist/components/CodeInput/CodeInput.vue.d.ts

@@ -14,12 +14,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     required?: boolean;
     disableEnter?: boolean;
     disableCloseBrackets?: boolean;
+    enum?: string[];
+    type?: string;
+    nullable?: boolean;
 }>, {
     disableCloseBrackets: boolean;
     disableEnter: boolean;
     disableTabIndent: boolean;
     emitOnBlur: boolean;
     colorPicker: boolean;
+    nullable: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (v: string) => void;
     "update:modelValue": (v: string) => void;
@@ -38,16 +42,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     required?: boolean;
     disableEnter?: boolean;
     disableCloseBrackets?: boolean;
+    enum?: string[];
+    type?: string;
+    nullable?: boolean;
 }>, {
     disableCloseBrackets: boolean;
     disableEnter: boolean;
     disableTabIndent: boolean;
     emitOnBlur: boolean;
     colorPicker: boolean;
+    nullable: boolean;
 }>>> & {
     onSubmit?: ((v: string) => any) | undefined;
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }, {
+    nullable: boolean;
     colorPicker: boolean;
     emitOnBlur: boolean;
     disableTabIndent: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OA6NO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAUb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;;;;;;;;;;;kBAbhB,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;;;;;;;;;;;iBAbhB,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;;qBA4KL,GAAG;kBACN,GAAG;;AA7L7B,wBA6NC;AAMD,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":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAyPO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAWb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;;;;;;;;;;;;kBAhBJ,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;;;;;;;;;;;;cAAP,OAAO;iBAhBJ,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;;qBAmPJ,GAAG;kBACN,GAAG;;AApQ9B,wBAuSC;AAMD,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/CodeInput/CodeInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./CodeInput.vue2.js";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4026c61a"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b2915d8"]]);
 export {
-  m as default
+  _ as default
 };

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -1,16 +1,17 @@
-import { defineComponent as k, useAttrs as C, ref as p, toRef as o, watch as v, openBlock as r, createElementBlock as a, Fragment as w, createElementVNode as x, mergeProps as F, unref as V, renderSlot as f, createCommentVNode as m } from "vue";
-import { useCodeMirror as S, colorPicker as E } from "@scalar/use-codemirror";
+import { defineComponent as F, useAttrs as S, ref as b, toRef as o, watch as $, computed as O, openBlock as t, createElementBlock as u, Fragment as P, createBlock as y, mergeProps as q, unref as E, renderSlot as h, createCommentVNode as g } from "vue";
+import { useCodeMirror as I, colorPicker as M } from "@scalar/use-codemirror";
 import { nanoid as N } from "nanoid";
-const P = ["id"], $ = {
-  key: 0,
+import B from "../DataTable/DataTableInputSelect.vue.js";
+const R = ["id"], T = {
+  key: 3,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, q = {
-  key: 1,
+}, A = {
+  key: 4,
   class: "required 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-has-[.cm-focused]:opacity-0"
-}, I = {
+}, U = {
   inheritAttrs: !1
-}, A = /* @__PURE__ */ k({
-  ...I,
+}, H = /* @__PURE__ */ F({
+  ...U,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -26,58 +27,82 @@ const P = ["id"], $ = {
     placeholder: {},
     required: { type: Boolean },
     disableEnter: { type: Boolean, default: !1 },
-    disableCloseBrackets: { type: Boolean, default: !1 }
+    disableCloseBrackets: { type: Boolean, default: !1 },
+    enum: {},
+    type: {},
+    nullable: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue"],
-  setup(h, { emit: b }) {
-    var c;
-    const e = h, n = b, i = C(), g = i.id || `id-${N()}`, s = p(!1);
-    function y(t) {
-      return e.handleFieldChange ? e.handleFieldChange(t) : n("update:modelValue", t);
+  setup(V, { emit: k }) {
+    var m;
+    const e = V, a = k, s = S(), v = s.id || `id-${N()}`, i = b(!1);
+    function C(l) {
+      return e.handleFieldChange ? e.handleFieldChange(l) : a("update:modelValue", l);
     }
-    function B(t) {
-      return e.handleFieldSubmit ? e.handleFieldSubmit(t) : n("submit", t);
+    function _(l) {
+      return e.handleFieldSubmit ? e.handleFieldSubmit(l) : a("submit", l);
     }
-    function _(t) {
-      s.value = !1, e.emitOnBlur && e.modelValue && B(t);
+    function w(l) {
+      i.value = !1, e.emitOnBlur && e.modelValue && _(l);
     }
-    const d = [];
-    e.colorPicker && d.push(E);
-    const u = p(null), { codeMirror: l } = S({
+    const c = [];
+    e.colorPicker && c.push(M);
+    const p = b(null), { codeMirror: n } = I({
       content: o(
         () => e.modelValue !== void 0 ? String(e.modelValue) : ""
       ),
-      onChange: y,
-      onFocus: () => s.value = !0,
-      onBlur: (t) => _(t),
-      codeMirrorRef: u,
+      onChange: C,
+      onFocus: () => i.value = !0,
+      onBlur: (l) => w(l),
+      codeMirrorRef: p,
       disableTabIndent: o(() => e.disableTabIndent),
       disableEnter: o(() => e.disableEnter),
       disableCloseBrackets: o(() => e.disableCloseBrackets),
       lineNumbers: o(() => e.lineNumbers),
       language: o(() => e.language),
       lint: o(() => e.lint),
-      extensions: d,
+      extensions: c,
       placeholder: o(() => e.placeholder)
     });
-    return (c = l.value) == null || c.focus(), v(l, () => {
-      l.value && Object.prototype.hasOwnProperty.call(i, "autofocus") && l.value.focus();
-    }), (t, M) => (r(), a(w, null, [
-      x("div", F({ id: V(g) }, t.$attrs, {
-        ref_key: "codeMirrorRef",
-        ref: u,
-        class: ["peer font-code w-full whitespace-nowrap text-xs leading-[1.44] relative", {
-          "flow-code-input--error": t.error
-        }]
-      }), null, 16, P),
-      t.$slots.warning ? (r(), a("div", $, [
-        f(t.$slots, "warning", {}, void 0, !0)
-      ])) : m("", !0),
-      f(t.$slots, "icon", {}, void 0, !0),
-      t.required ? (r(), a("div", q, " Required ")) : m("", !0)
-    ], 64));
+    (m = n.value) == null || m.focus(), $(n, () => {
+      n.value && Object.prototype.hasOwnProperty.call(s, "autofocus") && n.value.focus();
+    });
+    const x = O(() => {
+      var l;
+      return e.type === "boolean" || (l = e.type) != null && l.includes("boolean") || e.nullable ? ["true", "false", "null"] : ["true", "false"];
+    });
+    return (l, r) => {
+      var f;
+      return t(), u(P, null, [
+        e.enum && e.enum.length ? (t(), y(B, {
+          key: 0,
+          modelValue: e.modelValue,
+          value: e.enum,
+          "onUpdate:modelValue": r[0] || (r[0] = (d) => a("update:modelValue", d))
+        }, null, 8, ["modelValue", "value"])) : e.type === "boolean" || (f = e.type) != null && f.includes("boolean") ? (t(), y(B, {
+          key: 1,
+          modelValue: e.modelValue,
+          value: x.value,
+          "onUpdate:modelValue": r[1] || (r[1] = (d) => a("update:modelValue", d))
+        }, null, 8, ["modelValue", "value"])) : (t(), u("div", q({
+          key: 2,
+          id: E(v)
+        }, l.$attrs, {
+          ref_key: "codeMirrorRef",
+          ref: p,
+          class: ["peer font-code w-full whitespace-nowrap text-xs leading-[1.44] relative", {
+            "flow-code-input--error": l.error
+          }]
+        }), null, 16, R)),
+        l.$slots.warning ? (t(), u("div", T, [
+          h(l.$slots, "warning", {}, void 0, !0)
+        ])) : g("", !0),
+        h(l.$slots, "icon", {}, void 0, !0),
+        l.required ? (t(), u("div", A, " Required ")) : g("", !0)
+      ], 64);
+    };
   }
 });
 export {
-  A as default
+  H as default
 };

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

@@ -1,7 +1,7 @@
 import t from "./DataTableInput.vue2.js";
 /* empty css                    */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-01e08774"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-266b624d"]]);
 export {
-  e as default
+  m as default
 };

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

@@ -2,7 +2,7 @@ import { defineComponent as $, ref as d, computed as x, openBlock as o, createBl
 import F from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
 import { ScalarIconButton as I } from "@scalar/components";
 import M from "./DataTableCell.vue.js";
-import O from "./DataTableInputEnumSelect.vue.js";
+import O from "./DataTableInputSelect.vue.js";
 const N = {
   key: 0,
   class: "text-c-2 flex min-w-[100px] items-center border-r-1/2 pl-2 pr-0"
@@ -27,16 +27,16 @@ const N = {
     max: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(y, { emit: v }) {
-    const n = y, l = v, a = d(!0), c = d(""), u = d(!1), w = () => {
-      u.value || l("inputBlur");
+  setup(v, { emit: y }) {
+    const l = v, n = y, a = d(!0), c = d(""), u = d(!1), w = () => {
+      u.value || n("inputBlur");
     }, h = x(
-      () => n.type === "password" ? a.value ? "password" : "text" : n.type ?? "text"
+      () => l.type === "password" ? a.value ? "password" : "text" : l.type ?? "text"
     ), V = (e) => {
       const t = e.target;
-      c.value = t.value, l("update:modelValue", t.value);
+      c.value = t.value, n("update:modelValue", t.value);
     }, g = (e) => {
-      l("update:modelValue", e);
+      n("update:modelValue", e);
     }, k = () => {
       u.value = !0;
     }, b = () => {
@@ -50,12 +50,12 @@ const N = {
           m(e.$slots, "default", {}, void 0, !0)
         ])) : s("", !0),
         f("div", P, [
-          n.enum && n.enum.length ? (o(), p(O, {
+          l.enum && l.enum.length ? (o(), p(O, {
             key: 0,
-            enum: n.enum,
-            modelValue: n.modelValue,
-            "onUpdate:modelValue": t[0] || (t[0] = (i) => l("update:modelValue", i))
-          }, null, 8, ["enum", "modelValue"])) : (o(), r(C, { key: 1 }, [
+            modelValue: l.modelValue,
+            value: l.enum,
+            "onUpdate:modelValue": t[0] || (t[0] = (i) => n("update:modelValue", i))
+          }, null, 8, ["modelValue", "value"])) : (o(), r(C, { key: 1 }, [
             f("input", S(e.$attrs, {
               id: e.id,
               autocomplete: "off",
@@ -69,7 +69,7 @@ const N = {
               type: h.value,
               value: e.modelValue,
               onBlur: w,
-              onFocus: t[1] || (t[1] = (i) => l("inputFocus")),
+              onFocus: t[1] || (t[1] = (i) => n("inputFocus")),
               onInput: V
             }), null, 16, E),
             e.required ? (o(), r("div", H, " Required ")) : s("", !0)

package/dist/components/DataTable/{DataTableInputEnumSelect.vue.d.ts → DataTableInputSelect.vue.d.ts}

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     modelValue: string | number;
-    enum?: string[];
+    value?: string[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (v: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     modelValue: string | number;
-    enum?: string[];
+    value?: string[];
 }>>> & {
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }, {}, {}>;
@@ -19,4 +19,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=DataTableInputEnumSelect.vue.d.ts.map
+//# sourceMappingURL=DataTableInputSelect.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBAyIc,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;gBADJ,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;AA0TlB,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"}

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

@@ -0,0 +1,109 @@
+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({
+  __name: "DataTableInputSelect",
+  props: {
+    modelValue: {},
+    value: {}
+  },
+  emits: ["update:modelValue"],
+  setup(_, { emit: g }) {
+    const v = _, x = g, C = z(() => v.value ?? []), n = i(v.modelValue.toString()), s = i(!1), a = i(""), h = i(null);
+    k(a, (e) => {
+      x("update:modelValue", e);
+    });
+    const w = (e) => {
+      n.value = e, x("update:modelValue", e), s.value = !1;
+    }, S = () => {
+      a.value.trim() && (w(a.value), a.value = "");
+    }, D = () => {
+      a.value.trim() || (n.value = "", s.value = !1);
+    }, b = (e) => n.value === e;
+    return k(s, (e) => {
+      e && N(() => {
+        var u;
+        (u = h.value) == null || u.focus();
+      });
+    }), (e, u) => (o(), p("div", U, [
+      s.value ? T((o(), p("input", {
+        key: 0,
+        ref_key: "inputRef",
+        ref: h,
+        "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"])
+      }, null, 544)), [
+        [I, a.value]
+      ]) : (o(), m(l(F), {
+        key: 1,
+        resize: "",
+        value: n.value
+      }, {
+        items: r(() => [
+          (o(!0), p(A, null, E(C.value, (t) => (o(), m(l(V), {
+            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([
+                  "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), {
+                  class: "size-2.5 stroke-[1.75]",
+                  icon: "Checkmark"
+                })
+              ], 2),
+              R(" " + y(t), 1)
+            ]),
+            _: 2
+          }, 1032, ["value", "onClick"]))), 128)),
+          c(l(L)),
+          c(l(V), {
+            class: "flex items-center gap-1.5",
+            onClick: u[1] || (u[1] = (t) => s.value = !0)
+          }, {
+            default: r(() => [
+              d("div", W, [
+                c(l(f), {
+                  class: "h-2.5",
+                  icon: "Add"
+                })
+              ]),
+              q
+            ]),
+            _: 1
+          })
+        ]),
+        default: r(() => [
+          c(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(n.value || "Select a value"), 1),
+              n.value ? $("", !0) : (o(), m(l(f), {
+                key: 0,
+                icon: "ChevronDown",
+                size: "xs"
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"]))
+    ]));
+  }
+});
+export {
+  O as default
+};

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

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