@scalar/api-client 2.0.5 → 2.0.6

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @scalar/api-client
 
+## 2.0.6
+
+### Patch Changes
+
+- 4385ae2: fix: add missing dependencies
+- 632d6f7: fix: add cookie handler and schema
+- a5aedf5: feat: lint workspace sidenav icons
+- a5aedf5: feat: add server icon
+- d6a2a4d: feat: api client data table input enum select component
+- cd5d1a4: fix: made adding of scalar classes to headless more robust
+- Updated dependencies [d6a2a4d]
+- Updated dependencies [04ca40b]
+- Updated dependencies [632d6f7]
+- Updated dependencies [a5aedf5]
+- Updated dependencies [a5aedf5]
+- Updated dependencies [cd5d1a4]
+  - @scalar/oas-utils@0.2.9
+  - @scalar/object-utils@1.1.3
+  - @scalar/components@0.12.8
+
 ## 2.0.5
 
 ### Patch Changes

package/dist/Modal/ApiClientModal.vue.d.ts

@@ -1,4 +1,4 @@
-import type { useModal } from '@scalar/components';
+import { type useModal } from '@scalar/components';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /** Controls opening and closing the modal */
     modalState: ReturnType<typeof useModal>;

package/dist/Modal/ApiClientModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/ApiClientModal.vue"],"names":[],"mappings":"AAyKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;;IAOhD,6CAA6C;gBACjC,UAAU,CAAC,OAAO,QAAQ,CAAC;;IADvC,6CAA6C;gBACjC,UAAU,CAAC,OAAO,QAAQ,CAAC;;AAqGzC,wBAMG;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":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../src/Modal/ApiClientModal.vue"],"names":[],"mappings":"AA6KA,OAAO,EAA8B,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAA;;IAO5E,6CAA6C;gBACjC,UAAU,CAAC,OAAO,QAAQ,CAAC;;IADvC,6CAA6C;gBACjC,UAAU,CAAC,OAAO,QAAQ,CAAC;;AAyGzC,wBAMG;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/Modal/ApiClientModal.vue.js

@@ -2,7 +2,7 @@ import o from "./ApiClientModal.vue2.js";
 /* empty css                    */
 /* empty css                    */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d109beff"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-16873ba4"]]);
 export {
   m as default
 };

package/dist/Modal/ApiClientModal.vue2.js

@@ -1,32 +1,33 @@
-import { defineComponent as l, watch as r, onBeforeUnmount as s, withDirectives as c, openBlock as m, createElementBlock as d, createElementVNode as t, createVNode as i, unref as p, vShow as u } from "vue";
-import { RouterView as f } from "vue-router";
-const v = { class: "scalar" }, h = { className: "scalar-container" }, _ = { className: "scalar-app scalar-client" }, S = /* @__PURE__ */ l({
+import { defineComponent as r, watch as l, onBeforeMount as s, onBeforeUnmount as c, withDirectives as m, openBlock as d, createElementBlock as i, createElementVNode as o, createVNode as p, unref as u, vShow as f } from "vue";
+import { addScalarClassesToHeadless as v } from "@scalar/components";
+import { RouterView as h } from "vue-router";
+const _ = { class: "scalar" }, w = { className: "scalar-container" }, y = { className: "scalar-app scalar-client" }, C = /* @__PURE__ */ r({
   __name: "ApiClientModal",
   props: {
     modalState: {}
   },
-  setup(n) {
-    const a = n;
-    return r(
-      () => a.modalState.open,
+  setup(a) {
+    const n = a;
+    return l(
+      () => n.modalState.open,
       (e) => {
         e ? document.documentElement.style.overflow = "hidden" : document.documentElement.style.removeProperty("overflow");
       }
-    ), s(() => document.documentElement.style.removeProperty("overflow")), (e, o) => c((m(), d("div", v, [
-      t("div", h, [
-        t("div", _, [
-          i(p(f), { key: "$route.fullPath" })
+    ), s(() => v()), c(() => document.documentElement.style.removeProperty("overflow")), (e, t) => m((d(), i("div", _, [
+      o("div", w, [
+        o("div", y, [
+          p(u(h), { key: "$route.fullPath" })
         ]),
-        t("div", {
+        o("div", {
           class: "scalar-app-exit",
-          onClick: o[0] || (o[0] = (w) => e.modalState.hide())
+          onClick: t[0] || (t[0] = (S) => e.modalState.hide())
         })
       ])
     ], 512)), [
-      [u, e.modalState.open]
+      [f, e.modalState.open]
     ]);
   }
 });
 export {
-  S as default
+  C as default
 };

package/dist/Modal/api-client-modal.d.ts

@@ -19,7 +19,7 @@ export type OpenClientPayload = {
     method: RequestMethod;
 };
 /** Initialize Scalar API Client Modal */
-export declare const createScalarApiClient: (el: HTMLElement | null, initialConfig: ClientConfiguration, mountOnInitialize?: boolean) => Promise<{
+export declare const createScalarApiClient: (el: HTMLElement | null, config: ClientConfiguration, mountOnInitialize?: boolean) => Promise<{
     /** The vue app instance for the modal, be careful with this */
     app: import("vue").App<Element>;
     /** Update the API client config */

package/dist/Modal/api-client-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-client-modal.d.ts","sourceRoot":"","sources":["../../src/Modal/api-client-modal.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAG/E,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,2BAA2B,CAAA;AAQ3E,sDAAsD;AACtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,yCAAyC;IACzC,IAAI,EAAE,iBAAiB,CAAA;IACvB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4DAA4D;IAE5D,mFAAmF;IACnF,YAAY,CAAC,EACT,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAA;CACR,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,aAAa,CAAA;CAAE,CAAA;AAEvE,yCAAyC;AACzC,eAAO,MAAM,qBAAqB,OAE5B,WAAW,GAAG,IAAI,iBAEP,mBAAmB;IA+DhC,+DAA+D;;IAE/D,mCAAmC;4BACX,mBAAmB;IAQ3C;;;OAGG;iCAC0B,MAAM;IAMnC;;;OAGG;uBACgB,mBAAmB;IAyEtC,uEAAuE;uBACpD,iBAAiB;IAapC,iCAAiC;qBAChB,iBAAiB;IAalC,8CAA8C;;;;;;;EAIjD,CAAA"}
+{"version":3,"file":"api-client-modal.d.ts","sourceRoot":"","sources":["../../src/Modal/api-client-modal.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAG/E,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,2BAA2B,CAAA;AAQ3E,sDAAsD;AACtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,yCAAyC;IACzC,IAAI,EAAE,iBAAiB,CAAA;IACvB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4DAA4D;IAE5D,mFAAmF;IACnF,YAAY,CAAC,EACT,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAA;CACR,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,aAAa,CAAA;CAAE,CAAA;AAEvE,yCAAyC;AACzC,eAAO,MAAM,qBAAqB,OAE5B,WAAW,GAAG,IAAI,UAEd,mBAAmB;IA6DzB,+DAA+D;;IAE/D,mCAAmC;4BACX,mBAAmB;IAQ3C;;;OAGG;iCAC0B,MAAM;IAMnC;;;OAGG;uBACgB,mBAAmB;IAyEtC,uEAAuE;uBACpD,iBAAiB;IAapC,iCAAiC;qBAChB,iBAAiB;IAalC,8CAA8C;;;;;;;EAIjD,CAAA"}

package/dist/Modal/api-client-modal.js

@@ -1,31 +1,31 @@
-import { clientRouter as b } from "../router.js";
-import { useWorkspace as O } from "../store/workspace.js";
-import { objectMerge as R } from "@scalar/oas-utils/helpers";
-import { getNestedValue as j } from "@scalar/object-utils/nested";
-import { toRaw as i, createApp as C } from "vue";
-import q from "./ApiClientModal.vue.js";
-const N = async (k, v, I = !0) => {
-  var h, S, w;
-  const o = i(v), {
+import { clientRouter as A } from "../router.js";
+import { useWorkspace as x } from "../store/workspace.js";
+import { objectMerge as O } from "@scalar/oas-utils/helpers";
+import { getNestedValue as R } from "@scalar/object-utils/nested";
+import { createApp as j } from "vue";
+import C from "./ApiClientModal.vue.js";
+const L = async (b, r, k = !0) => {
+  var f, h, S;
+  const {
     activeCollection: u,
-    collectionMutators: g,
-    importSpecFile: a,
-    importSpecFromUrl: m,
-    modalState: n,
-    requests: U,
-    securitySchemeMutators: M,
-    securitySchemes: P,
-    serverMutators: x,
+    collectionMutators: v,
+    importSpecFile: i,
+    importSpecFromUrl: n,
+    modalState: c,
+    requests: I,
+    securitySchemeMutators: U,
+    securitySchemes: M,
+    serverMutators: P,
     workspaceMutators: p
-  } = O();
-  (h = o.spec) != null && h.url ? m(i(o.spec.url), i(o.proxyUrl)) : (S = o.spec) != null && S.content ? a(i((w = o.spec) == null ? void 0 : w.content)) : console.error(
+  } = x();
+  (f = r.spec) != null && f.url ? n(r.spec.url, r.proxyUrl) : (h = r.spec) != null && h.content ? i((S = r.spec) == null ? void 0 : S.content) : console.error(
     "[@scalar/api-client-modal] Could not create the API client.",
     "Please provide an OpenAPI document: { spec: { url: '…' } }",
     "Read more: https://github.com/scalar/scalar/tree/main/packages/api-client-modal"
   );
-  const d = C(q, { config: i(o), modalState: n });
-  d.use(b);
-  const f = (e = k) => {
+  const d = j(C, { modalState: c });
+  d.use(A);
+  const m = (e = b) => {
     if (!e) {
       console.error(
         "[@scalar/api-client-modal] Could not create the API client.",
@@ -36,12 +36,12 @@ const N = async (k, v, I = !0) => {
     }
     d.mount(e);
   };
-  return I && f(), p.edit("isReadOnly", !0), o.proxyUrl && p.edit("proxyUrl", o.proxyUrl), o.themeId && p.edit("themeId", o.themeId), {
+  return k && m(), p.edit("isReadOnly", !0), r.proxyUrl && p.edit("proxyUrl", r.proxyUrl), r.themeId && p.edit("themeId", r.themeId), {
     /** The vue app instance for the modal, be careful with this */
     app: d,
     /** Update the API client config */
     updateConfig(e, s = !0) {
-      s ? Object.assign(o, e) : R(o, e), e.spec && a(e.spec);
+      s ? Object.assign(r, e) : O(r, e), e.spec && i(e.spec);
     },
     /**
      * TODO this is just temporary for the modal, we'll put in a proper solution later
@@ -49,7 +49,7 @@ const N = async (k, v, I = !0) => {
      */
     updateServerUrl: (e) => {
       var s;
-      return x.edit(
+      return P.edit(
         ((s = u.value) == null ? void 0 : s.selectedServerUid) ?? "",
         "url",
         e
@@ -60,34 +60,34 @@ const N = async (k, v, I = !0) => {
      * maps the references useAuthenticationStore to the client auth
      */
     updateAuth: (e) => {
-      var c, l;
-      if (Object.values(P).forEach((r) => {
-        const t = (y, A = "value") => y.length && !j(r, A).length && M.edit(r.uid, A, y);
-        switch (r.type) {
+      var l, a;
+      if (Object.values(M).forEach((o) => {
+        const t = (y, w = "value") => y.length && !R(o, w).length && U.edit(o.uid, w, y);
+        switch (o.type) {
           case "apiKey":
             t(e.apiKey.token);
             break;
           case "http":
-            r.scheme === "bearer" ? t(e.http.bearer.token) : r.scheme === "basic" && (t(e.http.basic.username), t(e.http.basic.password, "secondValue"));
+            o.scheme === "bearer" ? t(e.http.bearer.token) : o.scheme === "basic" && (t(e.http.basic.username), t(e.http.basic.password, "secondValue"));
             break;
           case "oauth2":
-            t(e.oAuth2.clientId, "clientId"), r.flows.implicit ? (t(e.oAuth2.accessToken, "flows.implicit.token"), t(e.oAuth2.scopes, "flows.implicit.selectedScopes")) : r.flows.password && (t(e.oAuth2.accessToken, "flows.password.token"), t(e.oAuth2.scopes, "flows.password.selectedScopes"), t(e.oAuth2.username, "flows.password.value"), t(e.oAuth2.password, "flows.password.secondValue"));
+            t(e.oAuth2.clientId, "clientId"), o.flows.implicit ? (t(e.oAuth2.accessToken, "flows.implicit.token"), t(e.oAuth2.scopes, "flows.implicit.selectedScopes")) : o.flows.password && (t(e.oAuth2.accessToken, "flows.password.token"), t(e.oAuth2.scopes, "flows.password.selectedScopes"), t(e.oAuth2.username, "flows.password.value"), t(e.oAuth2.password, "flows.password.secondValue"));
             break;
         }
       }), e.preferredSecurityScheme) {
-        const r = {
+        const o = {
           uid: e.preferredSecurityScheme
-        }, t = (c = e.securitySchemes) == null ? void 0 : c[e.preferredSecurityScheme ?? ""];
-        (t == null ? void 0 : t.type) === "oauth2" && (r.flowKey = (l = t.flows) != null && l.implicit ? "implicit" : "password"), g.edit(
+        }, t = (l = e.securitySchemes) == null ? void 0 : l[e.preferredSecurityScheme ?? ""];
+        (t == null ? void 0 : t.type) === "oauth2" && (o.flowKey = (a = t.flows) != null && a.implicit ? "implicit" : "password"), v.edit(
           u.value.uid,
           "selectedSecuritySchemes",
-          [r]
+          [o]
         );
       }
     },
     /** Update the spec file, this will re-parse it and clear your store */
     updateSpec: (e) => {
-      e != null && e.url ? m(i(e.url), i(o.proxyUrl)) : e != null && e.content ? a(i(e == null ? void 0 : e.content)) : console.error(
+      e != null && e.url ? n(e.url, r.proxyUrl) : e != null && e.content ? i(e == null ? void 0 : e.content) : console.error(
         "[@scalar/api-client-modal] Could not create the API client.",
         "Please provide an OpenAPI document: { spec: { url: '…' } }",
         "Read more: https://github.com/scalar/scalar/tree/main/packages/api-client-modal"
@@ -95,22 +95,22 @@ const N = async (k, v, I = !0) => {
     },
     /** Open the  API client modal */
     open: (e) => {
-      const s = Object.values(U).find(
-        ({ path: c, method: l }) => e ? (
+      const s = Object.values(I).find(
+        ({ path: l, method: a }) => e ? (
           // The given operation
-          c === e.path && l === e.method
+          l === e.path && a === e.method
         ) : (
           // Or the first request
           !0
         )
       );
-      s && b.push(`/request/${s.uid}`), n.open = !0;
+      s && A.push(`/request/${s.uid}`), c.open = !0;
     },
     /** Mount the references to a given element */
-    mount: f,
-    modalState: n
+    mount: m,
+    modalState: c
   };
 };
 export {
-  N as createScalarApiClient
+  L as createScalarApiClient
 };

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.js

@@ -7,7 +7,7 @@ const M = /* @__PURE__ */ c({
   setup(k) {
     const { toggleDarkMode: t, isDark: n } = f();
     return (g, o) => (l(), i("button", {
-      class: "w-[37px] hover:text-c-1 flex items-center justify-center rounded-lg p-2",
+      class: "w-[37px] hover:text-c-1 flex items-center justify-center rounded-lg p-[7px]",
       type: "button",
       onClick: o[0] || (o[0] = //@ts-ignore
       (...a) => e(t) && e(t)(...a))

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

@@ -10,6 +10,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     required?: boolean;
     modelValue: string | number;
     readOnly?: boolean;
+    enum?: string[];
 }>, {
     required: boolean;
     readOnly: boolean;
@@ -26,6 +27,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     required?: boolean;
     modelValue: string | number;
     readOnly?: boolean;
+    enum?: string[];
 }>, {
     required: boolean;
     readOnly: boolean;

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":"AAkMA,iBAAS,cAAc;qBAqJM,GAAG;kBACN,GAAG;EA2B5B;AACD,QAAA,MAAM,eAAe;SAlPZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;;;;;;;;;;SANb,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;;;;;;;;;;cAAP,OAAO;cAFP,OAAO;MAqPpB,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":"AA8MA,iBAAS,cAAc;qBAmLM,GAAG;kBACL,GAAG;EA4B7B;AACD,QAAA,MAAM,eAAe;SAlRZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;;;;;;;;;;SAPV,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;;;;;;;;;;cADJ,OAAO;cAFP,OAAO;MAqRpB,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 e = /* @__PURE__ */ a(t, [["__scopeId", "data-v-691e52ba"]]);
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-74a9b970"]]);
 export {
-  e as default
+  m as default
 };

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

@@ -1,11 +1,12 @@
-import { defineComponent as q, ref as l, computed as V, openBlock as n, createBlock as d, normalizeClass as i, withCtx as $, createElementBlock as x, renderSlot as p, createCommentVNode as c, createElementVNode as f, mergeProps as C, unref as S, createVNode as D } from "vue";
+import { defineComponent as B, ref as s, computed as q, openBlock as r, createBlock as d, normalizeClass as p, withCtx as $, createElementBlock as m, renderSlot as f, createCommentVNode as c, createElementVNode as x, mergeProps as C, unref as S, createVNode as D } from "vue";
 import I from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
 import { ScalarIconButton as M } from "@scalar/components";
 import O from "./DataTableCell.vue.js";
-const F = {
+import F from "./DataTableInputEnumSelect.vue.js";
+const N = {
   key: 0,
   class: "text-c-2 flex min-w-[100px] items-center border-r-1/2 pl-2 pr-0"
-}, N = ["id", "readOnly", "required", "type", "value"], T = /* @__PURE__ */ q({
+}, P = ["id", "readOnly", "required", "type", "value"], z = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -14,37 +15,43 @@ const F = {
     containerClass: {},
     required: { type: Boolean, default: !1 },
     modelValue: {},
-    readOnly: { type: Boolean, default: !1 }
+    readOnly: { type: Boolean, default: !1 },
+    enum: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(m, { emit: v }) {
-    const s = m, a = v, o = l(!0), u = l(""), r = l(!1), w = () => {
-      r.value || a("inputBlur");
-    }, y = V(
-      () => s.type === "password" ? o.value ? "password" : "text" : s.type ?? "text"
-    ), h = (e) => {
+  setup(v, { emit: y }) {
+    const o = v, l = y, a = s(!0), i = s(""), n = s(!1), w = () => {
+      n.value || l("inputBlur");
+    }, h = q(
+      () => o.type === "password" ? a.value ? "password" : "text" : o.type ?? "text"
+    ), V = (e) => {
       const t = e.target;
-      u.value = t.value, a("update:modelValue", t.value);
-    }, b = (e) => {
-      a("update:modelValue", e);
-    }, B = () => {
-      r.value = !0;
+      i.value = t.value, l("update:modelValue", t.value);
+    }, k = (e) => {
+      l("update:modelValue", e);
+    }, b = () => {
+      n.value = !0;
     }, g = () => {
-      r.value = !1;
+      n.value = !1;
     };
-    return (e, t) => (n(), d(O, {
-      class: i(["relative row", e.containerClass])
+    return (e, t) => (r(), d(O, {
+      class: p(["relative row", e.containerClass])
     }, {
       default: $(() => [
-        e.$slots.default ? (n(), x("div", F, [
-          p(e.$slots, "default", {}, void 0, !0)
+        e.$slots.default ? (r(), m("div", N, [
+          f(e.$slots, "default", {}, void 0, !0)
         ])) : c("", !0),
-        f("div", {
-          class: i(["group row-1", {
+        x("div", {
+          class: p(["group row-1", {
             "relative required after:absolute after:centered-y after:right-0 after:pt-px after:pr-2 after:text-xxs after:font-medium after:text-c-3 after:bg-b-1 after:shadow-[-8px_0_4px_var(--scalar-background-1)] group-has-[:focus]:after:hidden": e.required
           }])
         }, [
-          f("input", C(e.$attrs, {
+          o.enum && o.enum.length ? (r(), d(F, {
+            key: 0,
+            enum: o.enum,
+            modelValue: o.modelValue,
+            "onUpdate:modelValue": t[0] || (t[0] = (u) => l("update:modelValue", u))
+          }, null, 8, ["enum", "modelValue"])) : (r(), m("input", C({ key: 1 }, e.$attrs, {
             id: e.id,
             autocomplete: "off",
             class: "border-none focus:text-c-1 text-c-2 min-w-0 w-full px-2 py-1.5 outline-none",
@@ -52,26 +59,26 @@ const F = {
             readOnly: e.readOnly,
             required: e.required,
             spellcheck: "false",
-            type: y.value,
+            type: h.value,
             value: e.modelValue,
             onBlur: w,
-            onFocus: t[0] || (t[0] = (k) => a("inputFocus")),
-            onInput: h
-          }), null, 16, N)
+            onFocus: t[1] || (t[1] = (u) => l("inputFocus")),
+            onInput: V
+          }), null, 16, P))
         ], 2),
-        p(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (n(), d(S(M), {
+        f(e.$slots, "icon", {}, void 0, !0),
+        e.type === "password" ? (r(), d(S(M), {
           key: 1,
           class: "-ml-.5 mr-1 h-6 w-6 self-center p-1.5",
-          icon: o.value ? "Show" : "Hide",
-          label: o.value ? "Show Password" : "Hide Password",
-          onClick: t[1] || (t[1] = (k) => o.value = !o.value)
+          icon: a.value ? "Show" : "Hide",
+          label: a.value ? "Show Password" : "Hide Password",
+          onClick: t[2] || (t[2] = (u) => a.value = !a.value)
         }, null, 8, ["icon", "label"])) : c("", !0),
         D(I, {
-          query: u.value,
-          onMousedown: B,
+          query: i.value,
+          onMousedown: b,
           onMouseup: g,
-          onSelect: b
+          onSelect: k
         }, null, 8, ["query"])
       ]),
       _: 3
@@ -79,5 +86,5 @@ const F = {
   }
 });
 export {
-  T as default
+  z as default
 };

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

@@ -0,0 +1,22 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    modelValue: string | number;
+    enum?: 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[];
+}>>> & {
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=DataTableInputEnumSelect.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableInputEnumSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputEnumSelect.vue"],"names":[],"mappings":";gBA+Hc,MAAM,GAAG,MAAM;WACpB,MAAM,EAAE;;;;gBADH,MAAM,GAAG,MAAM;WACpB,MAAM,EAAE;;;;AA4SjB,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/DataTableInputEnumSelect.vue.js

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

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

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

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

@@ -12,12 +12,12 @@ const d = { class: "sr-only" }, k = /* @__PURE__ */ t({
       const o = n("router-link");
       return r(), s(o, {
         activeClass: "active-link",
-        class: a(["w-[37px] hover:text-c-1 flex items-center justify-center rounded-lg p-2", { "bg-b-2 transition-none hover:cursor-auto text-c-1": e.active }]),
+        class: a(["w-[37px] hover:text-c-1 flex items-center justify-center rounded-lg p-[7px]", { "bg-b-2 transition-none hover:cursor-auto text-c-1": e.active }]),
         to: e.path
       }, {
         default: c(() => [
           l(i(m), {
-            class: "stroke-[0.75]",
+            class: "stroke-[1.5]",
             icon: e.icon
           }, null, 8, ["icon"]),
           p("span", d, [

package/dist/constants.js

@@ -2,7 +2,7 @@ const e = [
   { label: "Requests", icon: "ExternalLink", path: "/request" },
   { label: "Cookies", icon: "Cookie", path: "/cookies" },
   { label: "Environment", icon: "Brackets", path: "/environment" },
-  { label: "Servers", icon: "CodeFolder", path: "/servers" }
+  { label: "Servers", icon: "Server", path: "/servers" }
   // { label: 'Git Sync', icon: 'Branch', path: '/git-sync' },
 ];
 export {