@scalar/api-client 2.1.45 → 2.1.47

package/dist/components/CommandPalette/CommandPaletteRequest.vue.js

@@ -1,27 +1,27 @@
-import { defineComponent as P, ref as c, computed as x, openBlock as C, createBlock as h, withCtx as u, createElementVNode as f, createVNode as i, unref as n, normalizeClass as V, toDisplayString as q, createCommentVNode as W, createTextVNode as j } from "vue";
-import E from "../HttpMethod/HttpMethod.vue.js";
+import { defineComponent as W, ref as c, computed as x, openBlock as C, createBlock as h, withCtx as u, createElementVNode as f, createVNode as i, unref as n, normalizeClass as q, toDisplayString as V, createCommentVNode as j, createTextVNode as E } from "vue";
+import H from "../HttpMethod/HttpMethod.vue.js";
 import { ScalarListbox as D, ScalarButton as k, ScalarIcon as w } from "@scalar/components";
-import { useToasts as H } from "@scalar/use-toasts";
-import { useRouter as I } from "vue-router";
+import { useToasts as I } from "@scalar/use-toasts";
+import { useRouter as $ } from "vue-router";
 import L from "./CommandActionForm.vue.js";
 import O from "./CommandActionInput.vue.js";
 import { isHTTPMethod as A } from "../HttpMethod/helpers.js";
 import { useWorkspace as F } from "../../store/store.js";
-const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
+const G = { class: "flex gap-2" }, le = /* @__PURE__ */ W({
   __name: "CommandPaletteRequest",
   props: {
     metaData: {}
   },
   emits: ["close", "back"],
   setup(S, { emit: _ }) {
-    const r = S, b = _, { push: M } = I(), { toast: N } = H(), {
+    const r = S, b = _, { push: M } = $(), { toast: N } = I(), {
       activeCollection: R,
       activeWorkspace: U,
       activeWorkspaceCollections: g,
       requestMutators: T,
       activeRequest: y,
-      tags: $
-    } = F(), o = c(""), d = c("get"), v = x(
+      tags: z
+    } = F(), o = c(""), d = c("get"), p = x(
       () => g.value.map((t) => {
         var e;
         return {
@@ -34,23 +34,23 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
         (t) => {
           var e;
           return t.uid === ((e = l.value) == null ? void 0 : e.id) ? t.tags.flatMap((a) => {
-            const p = $[a];
-            return p ? [
+            const v = z[a];
+            return v ? [
               {
-                id: p.uid,
-                label: p.name
+                id: v.uid,
+                label: v.name
               }
             ] : [];
           }) : [];
         }
       )
     ), l = c(
-      r.metaData ? v.value.find(
+      r.metaData ? p.value.find(
         (t) => {
           var e, a;
           return t.id === ((e = r.metaData) == null ? void 0 : e.itemUid) || t.id === ((a = r.metaData) == null ? void 0 : a.parentUid);
         }
-      ) : v.value.find(
+      ) : p.value.find(
         (t) => {
           var e;
           return t.id === ((e = R.value) == null ? void 0 : e.uid);
@@ -64,7 +64,7 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
         var e, a;
         return t.label === ((a = (e = y.value) == null ? void 0 : e.tags) == null ? void 0 : a[0]);
       })
-    ), z = (t) => d.value = t, B = () => {
+    ), B = (t) => d.value = t, P = () => {
       var e;
       if (!o.value.trim()) {
         N("Please enter a name before creating a request.", "error");
@@ -83,24 +83,30 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
         },
         l.value.id
       );
-      t && M(`/workspace/${U.value.uid}/request/${t.uid}`), b("close");
+      t && M({
+        name: "request",
+        params: {
+          workspace: U.value.uid,
+          request: t.uid
+        }
+      }), b("close");
     };
     return (t, e) => (C(), h(L, {
       disabled: !o.value.trim(),
-      onSubmit: B
+      onSubmit: P
     }, {
       options: u(() => [
         f("div", G, [
-          i(E, {
+          i(H, {
             isEditable: !0,
             isSquare: "",
             method: d.value,
-            onChange: z
+            onChange: B
           }, null, 8, ["method"]),
           i(n(D), {
             modelValue: l.value,
             "onUpdate:modelValue": e[2] || (e[2] = (a) => l.value = a),
-            options: v.value
+            options: p.value
           }, {
             default: u(() => [
               i(n(k), {
@@ -109,8 +115,8 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
               }, {
                 default: u(() => [
                   f("span", {
-                    class: V(l.value ? "text-c-1" : "text-c-3")
-                  }, q(l.value ? l.value.label : "Select Collection"), 3),
+                    class: q(l.value ? "text-c-1" : "text-c-3")
+                  }, V(l.value ? l.value.label : "Select Collection"), 3),
                   i(n(w), {
                     class: "text-c-3",
                     icon: "ChevronDown",
@@ -135,8 +141,8 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
               }, {
                 default: u(() => [
                   f("span", {
-                    class: V(s.value ? "text-c-1" : "text-c-3")
-                  }, q(s.value ? s.value.label : "Select Tag"), 3),
+                    class: q(s.value ? "text-c-1" : "text-c-3")
+                  }, V(s.value ? s.value.label : "Select Tag"), 3),
                   i(n(w), {
                     class: "text-c-3",
                     icon: "ChevronDown",
@@ -147,11 +153,11 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
               })
             ]),
             _: 1
-          }, 8, ["modelValue", "options"])) : W("", !0)
+          }, 8, ["modelValue", "options"])) : j("", !0)
         ])
       ]),
       submit: u(() => e[4] || (e[4] = [
-        j("Create Request")
+        E("Create Request")
       ])),
       default: u(() => [
         i(O, {

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteWorkspace.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteWorkspace.vue"],"names":[],"mappings":";;;;;;;AAwLA,wBAOG"}
+{"version":3,"file":"CommandPaletteWorkspace.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteWorkspace.vue"],"names":[],"mappings":";;;;;;;AAsMA,wBAOG"}

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as i, ref as c, openBlock as d, createBlock as f, withCtx as s, createTextVNode as k, createVNode as b } from "vue";
-import { useToasts as _ } from "@scalar/use-toasts";
-import { useRouter as w } from "vue-router";
+import { defineComponent as c, ref as i, openBlock as d, createBlock as f, withCtx as s, createTextVNode as k, createVNode as b } from "vue";
+import { useToasts as w } from "@scalar/use-toasts";
+import { useRouter as _ } from "vue-router";
 import v from "./CommandActionForm.vue.js";
 import N from "./CommandActionInput.vue.js";
 import { useWorkspace as V } from "../../store/store.js";
-const T = /* @__PURE__ */ i({
+const $ = /* @__PURE__ */ c({
   __name: "CommandPaletteWorkspace",
   emits: ["close", "back"],
   setup(W, { emit: m }) {
-    const a = m, { push: n } = w(), { toast: l } = _(), { workspaceMutators: p } = V(), o = c(""), u = () => {
+    const t = m, { push: n } = _(), { toast: l } = w(), { workspaceMutators: p } = V(), o = i(""), u = () => {
       if (!o.value.trim()) {
         l("Please enter a name before creating a workspace.", "error");
         return;
@@ -16,7 +16,12 @@ const T = /* @__PURE__ */ i({
       const r = p.add({
         name: o.value
       });
-      n(`/workspace/${r.uid}`), a("close");
+      n({
+        name: "workspace",
+        params: {
+          workspace: r.uid
+        }
+      }), t("close");
     };
     return (r, e) => (d(), f(v, {
       disabled: !o.value.trim(),
@@ -28,10 +33,10 @@ const T = /* @__PURE__ */ i({
       default: s(() => [
         b(N, {
           modelValue: o.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (t) => o.value = t),
+          "onUpdate:modelValue": e[0] || (e[0] = (a) => o.value = a),
           label: "Workspace Name",
           placeholder: "Workspace Name",
-          onOnDelete: e[1] || (e[1] = (t) => a("back", t))
+          onOnDelete: e[1] || (e[1] = (a) => t("back", a))
         }, null, 8, ["modelValue"])
       ]),
       _: 1
@@ -39,5 +44,5 @@ const T = /* @__PURE__ */ i({
   }
 });
 export {
-  T as default
+  $ as default
 };

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAwYA;;;;GAIG;;AACH,wBAydI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA8YA;;;;GAIG;;AACH,wBA+dI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}

package/dist/components/CommandPalette/TheCommandPalette.vue.js

@@ -1,9 +1,9 @@
 import o from "./TheCommandPalette.vue2.js";
-import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
+import { PaletteComponents as f } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-feffe6c9"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8de4d9e3"]]);
 export {
-  s as PaletteComponents,
-  r as default
+  f as PaletteComponents,
+  a as default
 };

package/dist/components/CommandPalette/TheCommandPalette.vue2.js

@@ -73,12 +73,12 @@ const ve = {
           {
             name: "Add Environment",
             icon: "Brackets",
-            path: "/environment"
+            path: "environment"
           },
           {
             name: "Add Cookie",
             icon: "Cookie",
-            path: "/cookies"
+            path: "cookies"
           }
         ]
       },
@@ -87,10 +87,10 @@ const ve = {
         commands: se.map((e) => ({
           name: e.prettyName,
           icon: e.icon,
-          path: `/${e.name}`
+          path: `${e.name}.default`
         }))
       }
-    ], d = oe(), { push: W } = le(), { activeWorkspace: H, events: f } = fe(), x = i(), l = i(""), s = i(null), c = i(-1), $ = i([]), v = T(
+    ], d = oe(), { push: W } = le(), { activeWorkspace: H, events: f } = fe(), x = i(), l = i(""), s = i(null), c = i(-1), D = i([]), v = T(
       () => P.reduce((e, o) => {
         const t = o.commands.filter(
           (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
@@ -104,8 +104,13 @@ const ve = {
         var o;
         return (o = _.value) == null ? void 0 : o.focus();
       });
-    }, D = (e) => {
-      "path" in e ? (W(`/workspace/${H.value.uid}${e.path}`), h()) : s.value = e.name;
+    }, $ = (e) => {
+      "path" in e ? (W({
+        name: e.path,
+        params: {
+          workspace: H.value.uid
+        }
+      }), h()) : s.value = e.name;
     }, _ = i(), I = ({
       commandName: e,
       metaData: o
@@ -123,14 +128,14 @@ const ve = {
       if (!d.open) return;
       o.preventDefault();
       const t = e === "up" ? -1 : 1, n = v.value.length;
-      c.value = (c.value + t + n) % n, (C = $.value[c.value]) == null || C.scrollIntoView({
+      c.value = (c.value + t + n) % n, (C = D.value[c.value]) == null || C.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
     }, k = T(
       () => v.value[c.value]
     ), U = (e) => {
-      !k.value || s.value || (e.preventDefault(), e.stopPropagation(), D(k.value));
+      !k.value || s.value || (e.preventDefault(), e.stopPropagation(), $(k.value));
     }, L = (e) => {
       d.open && e != null && e.closeModal && h();
     };
@@ -216,12 +221,12 @@ const ve = {
                     key: n.name,
                     ref_for: !0,
                     ref: (b) => {
-                      b && ($.value[C] = b);
+                      b && (D.value[C] = b);
                     },
                     class: X(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
                       "bg-b-2": n.name === ((E = k.value) == null ? void 0 : E.name)
                     }]),
-                    onClick: (b) => D(n)
+                    onClick: (b) => $(n)
                   }, [
                     p(r(A), {
                       class: "text-c-2 mr-2.5",

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

@@ -6,6 +6,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     setActiveSection: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSetActiveSection?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 export default _default;
 //# sourceMappingURL=ContextBar.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":"AAoIA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;;;;;;AA2IF,wBAQG"}
+{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;;;;;;AAwKF,wBAQG"}

package/dist/components/ContextBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./ContextBar.vue2.js";
 /* empty css                */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-df918011"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3015ddb3"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/ContextBar.vue2.js

@@ -1,27 +1,38 @@
-import { defineComponent as r, openBlock as n, createElementBlock as o, createElementVNode as i, Fragment as c, renderList as a, normalizeClass as l, toDisplayString as s, createVNode as d, unref as p } from "vue";
-import { ScalarIcon as u } from "@scalar/components";
-const m = { class: "hidden lg:flex ml-auto filter-hover context-bar-group lg:w-[120px]" }, v = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 hidden xl:flex justify-end rounded text-xs gap-[1.5px] pointer-events-auto relative w-full py-2" }, f = ["isActive", "onClick"], h = { class: "flex items-center context-bar-group-hover:text-c-1 absolute -right-6 top-1/2 -translate-y-1/2" }, x = { class: "mr-1.5 context-bar-group-hover:hidden" }, y = /* @__PURE__ */ r({
+import { defineComponent as f, useId as x, computed as h, openBlock as r, createElementBlock as i, createElementVNode as e, Fragment as g, renderList as _, normalizeClass as b, createTextVNode as y, toDisplayString as l, withDirectives as S, unref as a, vModelRadio as w, createVNode as k } from "vue";
+import { ScalarIcon as V } from "@scalar/components";
+const q = { class: "hidden lg:flex ml-auto filter-hover context-bar-group lg:w-[120px]" }, B = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 hidden xl:flex justify-end rounded text-xs gap-[1.5px] pointer-events-auto relative w-full py-2" }, C = ["name", "value"], F = { class: "flex items-center context-bar-group-hover:text-c-1 absolute -right-6 top-1/2 -translate-y-1/2" }, N = { class: "mr-1.5 context-bar-group-hover:hidden" }, D = /* @__PURE__ */ f({
   __name: "ContextBar",
   props: {
     sections: {},
     activeSection: {}
   },
   emits: ["setActiveSection"],
-  setup(_) {
-    return (e, g) => (n(), o("div", m, [
-      i("div", v, [
-        (n(!0), o(c, null, a(e.sections, (t) => (n(), o("button", {
-          key: t,
-          class: l(["hover:bg-b-2 rounded p-1 px-2 text-center font-medium w-fit whitespace-nowrap", [
-            e.activeSection === t ? "text-c-1  pointer-events-none" : ""
-          ]]),
-          isActive: e.activeSection === t,
-          type: "button",
-          onClick: (b) => e.$emit("setActiveSection", t)
-        }, s(t), 11, f))), 128)),
-        i("div", h, [
-          i("span", x, s(e.activeSection), 1),
-          d(p(u), {
+  setup(c, { emit: d }) {
+    const u = c, p = d, m = x(), t = h({
+      get: () => u.activeSection,
+      set: (s) => p("setActiveSection", s)
+    });
+    return (s, o) => (r(), i("fieldset", q, [
+      o[1] || (o[1] = e("legend", { class: "sr-only" }, "Filter Sections", -1)),
+      e("div", B, [
+        (r(!0), i(g, null, _(s.sections, (n) => (r(), i("label", {
+          key: n,
+          class: b(["filter-hover-item flex items-center hover:bg-b-2 rounded p-1 px-2 cursor-pointer text-center font-medium w-fit whitespace-nowrap has-[:focus-visible]:outline", [t.value === n ? "text-c-1  pointer-events-none" : ""]])
+        }, [
+          y(l(n) + " ", 1),
+          S(e("input", {
+            "onUpdate:modelValue": o[0] || (o[0] = (v) => t.value = v),
+            class: "sr-only",
+            name: a(m),
+            type: "radio",
+            value: n
+          }, null, 8, C), [
+            [w, t.value]
+          ])
+        ], 2))), 128)),
+        e("div", F, [
+          e("span", N, l(t.value), 1),
+          k(a(V), {
             icon: "FilterList",
             size: "md",
             thickness: "2"
@@ -32,5 +43,5 @@ const m = { class: "hidden lg:flex ml-auto filter-hover context-bar-group lg:w-[
   }
 });
 export {
-  y as default
+  D as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":"AAyDA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B,CAAC;;;;;;WADQ,MAAM,GAAG,QAAQ;;AA4G7B,wBASG"}
+{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":"AA0DA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B,CAAC;;;;;;WADQ,MAAM,GAAG,QAAQ;;AAsH7B,wBASG"}

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

@@ -1,8 +1,8 @@
-import { defineComponent as n, openBlock as s, createBlock as c, withCtx as i, createElementVNode as t, normalizeClass as d, unref as r, createVNode as f } from "vue";
-import { ScalarIcon as p } from "@scalar/components";
-import { cva as b } from "cva";
-import m from "./DataTableCell.vue.js";
-const u = ["checked", "disabled"], v = /* @__PURE__ */ n({
+import { defineComponent as s, openBlock as n, createBlock as i, withCtx as c, createElementVNode as o, normalizeClass as d, unref as a, createVNode as p } from "vue";
+import { ScalarIcon as u } from "@scalar/components";
+import { cva as m } from "cva";
+import f from "./DataTableCell.vue.js";
+const b = ["checked", "disabled"], x = /* @__PURE__ */ s({
   __name: "DataTableCheckbox",
   props: {
     modelValue: { type: Boolean },
@@ -11,8 +11,8 @@ const u = ["checked", "disabled"], v = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(h) {
-    const a = b({
-      base: "w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-2 pointer-events-none absolute before:absolute before:opacity-0 group-hover/cell:before:opacity-100 before:border before:rounded before:w-9/12 before:aspect-square before:top-1/2 before:left-1/2 before:transform before:-translate-x-1/2 before:-translate-y-1/2 before:border-[1px]",
+    const l = m({
+      base: "w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-2 pointer-events-none absolute",
       variants: {
         align: {
           left: "left-0",
@@ -20,20 +20,20 @@ const u = ["checked", "disabled"], v = /* @__PURE__ */ n({
         }
       }
     });
-    return (e, o) => (s(), c(m, { class: "group/cell relative flex min-w-8" }, {
-      default: i(() => [
-        t("input", {
+    return (e, t) => (n(), i(f, { class: "group/cell relative flex min-w-8" }, {
+      default: c(() => [
+        o("input", {
           checked: e.modelValue,
           class: "peer absolute inset-0 opacity-0 cursor-pointer",
           disabled: e.disabled,
-          tabindex: "-1",
           type: "checkbox",
-          onChange: o[0] || (o[0] = (l) => e.$emit("update:modelValue", l.target.checked))
-        }, null, 40, u),
-        t("div", {
-          class: d(r(a)({ align: e.align }))
+          onChange: t[0] || (t[0] = (r) => e.$emit("update:modelValue", r.target.checked))
+        }, null, 40, b),
+        o("div", {
+          class: d(a(l)({ align: e.align }))
         }, [
-          f(r(p), {
+          t[1] || (t[1] = o("div", { class: "absolute opacity-0 group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100 group-has-[:focus-visible]/cell:border-c-accent border-[1px] rounded size-3/4 m-auto" }, null, -1)),
+          p(a(u), {
             icon: "Checkmark",
             size: "xs",
             thickness: "2.5"
@@ -45,5 +45,5 @@ const u = ["checked", "disabled"], v = /* @__PURE__ */ n({
   }
 });
 export {
-  v as default
+  x as default
 };

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":"AAsLA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAC;AAqDJ,iBAAS,cAAc;WA8OT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;EAa7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cAnUN,OAAO;2BAGM,OAAO;cACpB,OAAO;6EAuUpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAsLA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAC;AAqDJ,iBAAS,cAAc;WA4OT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;EAa7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cAjUN,OAAO;2BAGM,OAAO;cACpB,OAAO;6EAqUpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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 r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-3ff02c4c"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-8574d822"]]);
 export {
-  r as default
+  m as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as V, ref as i, computed as k, openBlock as l, createBlock as u, normalizeClass as b, withCtx as g, createElementBlock as r, renderSlot as p, createCommentVNode as d, createElementVNode as C, Fragment as B, mergeProps as y, unref as $ } from "vue";
+import { defineComponent as V, ref as i, computed as b, openBlock as l, createBlock as u, normalizeClass as k, withCtx as g, createElementBlock as r, renderSlot as p, createCommentVNode as d, createElementVNode as C, Fragment as B, mergeProps as f, unref as $ } from "vue";
 import h from "../CodeInput/CodeInput.vue.js";
 import { ScalarIconButton as x } from "@scalar/components";
 import O from "./DataTableCell.vue.js";
@@ -8,7 +8,7 @@ const A = {
   class: "text-c-1 flex min-w-[94px] items-center pl-2 pr-0"
 }, I = { class: "row-1 overflow-x-auto" }, E = ["id", "readOnly", "type", "value"], F = {
   key: 2,
-  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"
+  class: "absolute centered-y right-2 pt-px text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-has-[:focus-visible]:opacity-0"
 }, S = {
   key: 1,
   class: "absolute centered-y right-7 text-orange text-xs"
@@ -28,16 +28,16 @@ const A = {
     max: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(c, { emit: f }) {
-    const o = c, s = f, n = i(!0);
+  setup(y, { emit: c }) {
+    const o = y, s = c, n = i(!0);
     i("");
     const v = i(!1), w = () => {
       v.value || s("inputBlur");
-    }, m = k(
+    }, m = b(
       () => o.type === "password" ? n.value ? "password" : "text" : o.type ?? "text"
     );
     return (e, t) => (l(), u(O, {
-      class: b(["relative row", e.containerClass])
+      class: k(["relative row", e.containerClass])
     }, {
       default: g(() => [
         e.$slots.default ? (l(), r("div", A, [
@@ -51,10 +51,10 @@ const A = {
             value: o.enum,
             "onUpdate:modelValue": t[0] || (t[0] = (a) => s("update:modelValue", a))
           }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (l(), r(B, { key: 1 }, [
-            n.value && e.type === "password" ? (l(), r("input", y({ key: 0 }, e.$attrs, {
+            n.value && e.type === "password" ? (l(), r("input", f({ key: 0 }, e.$attrs, {
               id: e.id,
               autocomplete: "off",
-              class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer px-2 py-1.25 outline-none",
+              class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer px-2 py-1.25 -outline-offset-2",
               "data-1p-ignore": "",
               readOnly: e.readOnly,
               spellcheck: "false",
@@ -64,9 +64,9 @@ const A = {
                 "update:modelValue",
                 a.target.value ?? ""
               ))
-            }), null, 16, E)) : (l(), u(h, y({ key: 1 }, e.$attrs, {
+            }), null, 16, E)) : (l(), u(h, f({ key: 1 }, e.$attrs, {
               id: e.id,
-              class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer outline-none",
+              class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer",
               disableCloseBrackets: "",
               disableTabIndent: "",
               max: e.max,

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AA0YA,wBAMG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAkZA,wBAMG"}