@scalar/api-client 2.18.0 → 2.18.3

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

@@ -1,33 +1,33 @@
-import { defineComponent as r, createBlock as a, openBlock as i, resolveDynamicComponent as m, normalizeClass as s, unref as o, withCtx as l, renderSlot as t, createElementVNode as c, createVNode as d } from "vue";
-import { ScalarIcon as p } from "@scalar/components";
-import { useLayout as u } from "../../hooks/useLayout.js";
-const v = /* @__PURE__ */ r({
+import { defineComponent as r, createBlock as c, openBlock as i, resolveDynamicComponent as m, normalizeClass as t, unref as e, withCtx as l, renderSlot as a, createElementVNode as d, createVNode as u } from "vue";
+import { ScalarIcon as f } from "@scalar/components";
+import { useLayout as p } from "../../hooks/useLayout.js";
+const h = /* @__PURE__ */ r({
   __name: "SideNavLink",
   props: {
     is: {},
     active: { type: Boolean },
     icon: {}
   },
-  setup(f) {
-    const { layout: n } = u();
-    return (e, b) => (i(), a(m(e.is ?? "a"), {
-      class: s(["hover:bg-b-3 hover:dark:bg-b-2 flex max-w-[37px] min-w-[37px] items-center justify-center rounded-lg p-2 no-underline", {
-        "bg-b-3 dark:bg-b-2 text-c-1 transition-none hover:cursor-default": e.active,
-        "sm:max-w-max sm:min-w-max sm:rounded sm:py-1.5": o(n) === "web"
+  setup(n) {
+    const { layout: o } = p();
+    return (s, b) => (i(), c(m(n.is ?? "a"), {
+      class: t(["hover:bg-b-3 hover:dark:bg-b-2 flex max-w-[37px] min-w-[37px] items-center justify-center rounded-lg p-2 no-underline", {
+        "bg-b-3 dark:bg-b-2 text-c-1 transition-none hover:cursor-default": n.active,
+        "sm:max-w-max sm:min-w-max sm:rounded sm:py-1.5": e(o) === "web"
       }])
     }, {
       default: l(() => [
-        t(e.$slots, "icon", {}, () => [
-          d(o(p), {
-            class: s(o(n) === "web" ? "sm:hidden" : ""),
-            icon: e.icon,
+        a(s.$slots, "icon", {}, () => [
+          u(e(f), {
+            class: t(e(o) === "web" ? "sm:hidden" : ""),
+            icon: n.icon,
             thickness: "1.5"
           }, null, 8, ["class", "icon"])
         ]),
-        c("span", {
-          class: s(["sr-only text-sm font-medium", { "sm:not-sr-only": o(n) === "web" }])
+        d("span", {
+          class: t(["sr-only text-sm font-medium", { "sm:not-sr-only": e(o) === "web" }])
         }, [
-          t(e.$slots, "default")
+          a(s.$slots, "default")
         ], 2)
       ]),
       _: 3
@@ -35,5 +35,5 @@ const v = /* @__PURE__ */ r({
   }
 });
 export {
-  v as default
+  h as default
 };

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

@@ -1,27 +1,27 @@
-import { defineComponent as e, createBlock as t, openBlock as i, unref as n, withCtx as r, renderSlot as a } from "vue";
-import { RouterLink as c } from "vue-router";
-import p from "./SideNavLink.vue.js";
-const _ = /* @__PURE__ */ e({
+import { defineComponent as t, createBlock as i, openBlock as n, unref as a, withCtx as c, renderSlot as r } from "vue";
+import { RouterLink as f } from "vue-router";
+import m from "./SideNavLink.vue.js";
+const p = /* @__PURE__ */ t({
   __name: "SideNavRouterLink",
   props: {
     icon: {},
     to: {},
     active: { type: Boolean }
   },
-  setup(s) {
-    return (o, f) => (i(), t(p, {
-      is: n(c),
-      active: !!o.active,
-      icon: o.icon,
-      to: o.to
+  setup(e) {
+    return (o, l) => (n(), i(m, {
+      is: a(f),
+      active: !!e.active,
+      icon: e.icon,
+      to: e.to
     }, {
-      default: r(() => [
-        a(o.$slots, "default")
+      default: c(() => [
+        r(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["is", "active", "icon", "to"]));
   }
 });
 export {
-  _ as default
+  p as default
 };

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.js

@@ -1,25 +1,25 @@
-import { defineComponent as m, computed as c, createBlock as p, openBlock as r, withCtx as d, createElementBlock as u, createCommentVNode as g, toDisplayString as b } from "vue";
-import f from "./SidebarListElementForm.vue.js";
-const v = {
+import { defineComponent as s, computed as m, createBlock as c, openBlock as r, withCtx as d, createElementBlock as u, createCommentVNode as g, toDisplayString as p } from "vue";
+import b from "./SidebarListElementForm.vue.js";
+const f = {
   key: 0,
   class: "text-c-2 text-sm leading-normal text-pretty"
-}, k = /* @__PURE__ */ m({
+}, k = /* @__PURE__ */ s({
   __name: "DeleteSidebarListElement",
   props: {
     variableName: {},
     warningMessage: {}
   },
   emits: ["close", "delete"],
-  setup(l, { emit: o }) {
-    const t = l, a = o, s = c(() => t.variableName.length > 18 ? t.variableName.slice(0, 18) + "…" : t.variableName);
-    return (n, e) => (r(), p(f, {
+  setup(t, { emit: l }) {
+    const a = t, n = l, o = m(() => a.variableName.length > 18 ? a.variableName.slice(0, 18) + "…" : a.variableName);
+    return (v, e) => (r(), c(b, {
       danger: "",
-      label: `Delete ${s.value}`,
-      onCancel: e[0] || (e[0] = (i) => a("close")),
-      onSubmit: e[1] || (e[1] = (i) => a("delete"))
+      label: `Delete ${o.value}`,
+      onCancel: e[0] || (e[0] = (i) => n("close")),
+      onSubmit: e[1] || (e[1] = (i) => n("delete"))
     }, {
       default: d(() => [
-        n.warningMessage ? (r(), u("p", v, b(n.warningMessage), 1)) : g("", !0)
+        t.warningMessage ? (r(), u("p", f, p(t.warningMessage), 1)) : g("", !0)
       ]),
       _: 1
     }, 8, ["label"]));

package/dist/components/Sidebar/Actions/SidebarListElementForm.vue.js

@@ -1,39 +1,39 @@
-import { defineComponent as d, createElementBlock as u, openBlock as p, withModifiers as f, renderSlot as b, createElementVNode as c, createVNode as o, unref as a, withCtx as i, createTextVNode as r, toDisplayString as v } from "vue";
-import { ScalarButton as s } from "@scalar/components";
-const g = { class: "flex justify-between gap-10" }, B = /* @__PURE__ */ d({
+import { defineComponent as u, createElementBlock as f, openBlock as b, withModifiers as p, renderSlot as c, createElementVNode as v, createVNode as a, unref as i, withCtx as o, createTextVNode as l, toDisplayString as x } from "vue";
+import { ScalarButton as r } from "@scalar/components";
+const g = { class: "flex justify-between gap-10" }, B = /* @__PURE__ */ u({
   __name: "SidebarListElementForm",
   props: {
     danger: { type: Boolean },
     label: {}
   },
   emits: ["cancel", "submit"],
-  setup(S, { emit: l }) {
-    const n = l;
-    return (t, e) => (p(), u("form", {
+  setup(t, { emit: s }) {
+    const n = s;
+    return (m, e) => (b(), f("form", {
       class: "flex flex-col gap-4 text-base",
-      onSubmit: e[1] || (e[1] = f((m) => n("submit"), ["prevent"]))
+      onSubmit: e[1] || (e[1] = p((d) => n("submit"), ["prevent"]))
     }, [
-      b(t.$slots, "default"),
-      c("div", g, [
-        o(a(s), {
+      c(m.$slots, "default"),
+      v("div", g, [
+        a(i(r), {
           size: "sm",
           type: "button",
           variant: "outlined",
-          onClick: e[0] || (e[0] = (m) => n("cancel"))
+          onClick: e[0] || (e[0] = (d) => n("cancel"))
         }, {
-          default: i(() => [...e[2] || (e[2] = [
-            r(" Cancel ", -1)
+          default: o(() => [...e[2] || (e[2] = [
+            l(" Cancel ", -1)
           ])]),
           _: 1
         }),
-        o(a(s), {
+        a(i(r), {
           "data-testid": "sidebar-list-element-form-submit-button",
           size: "sm",
           type: "submit",
           variant: t.danger ? "danger" : "solid"
         }, {
-          default: i(() => [
-            r(v(t.label ?? "Save"), 1)
+          default: o(() => [
+            l(x(t.label ?? "Save"), 1)
           ]),
           _: 1
         }, 8, ["variant"])

package/dist/components/Sidebar/Sidebar.vue2.js

@@ -1,60 +1,60 @@
-import { defineComponent as E, ref as g, withDirectives as S, createElementBlock as l, openBlock as m, normalizeStyle as _, normalizeClass as h, unref as t, renderSlot as r, createCommentVNode as u, createElementVNode as n, toDisplayString as D, Fragment as L, vShow as N } from "vue";
-import { useBreakpoints as W } from "@scalar/use-hooks/useBreakpoints";
-import { useLayout as $ } from "../../hooks/useLayout.js";
-import { useSidebar as z } from "../../hooks/useSidebar.js";
-import { useWorkspace as C } from "../../store/store.js";
-const B = {
+import { defineComponent as S, ref as h, withDirectives as D, createElementBlock as l, openBlock as m, normalizeStyle as L, normalizeClass as y, unref as t, renderSlot as r, createCommentVNode as u, createElementVNode as n, toDisplayString as _, Fragment as N, vShow as W } from "vue";
+import { useBreakpoints as $ } from "@scalar/use-hooks/useBreakpoints";
+import { useLayout as z } from "../../hooks/useLayout.js";
+import { useSidebar as C } from "../../hooks/useSidebar.js";
+import { useWorkspace as B } from "../../store/store.js";
+const I = {
   key: 0,
   class: "xl:min-h-header flex min-h-12 items-center justify-between px-3 py-1.5 text-sm md:px-[18px] md:py-2.5"
-}, I = { class: "m-0 text-sm font-medium whitespace-nowrap" }, X = { class: "bg-b-1 sticky bottom-0 z-10 w-[inherit] pt-0 has-[.empty-sidebar-item]:border-t md:px-2.5 md:pb-2.5" }, q = /* @__PURE__ */ E({
+}, X = { class: "m-0 text-sm font-medium whitespace-nowrap" }, R = { class: "bg-b-1 sticky bottom-0 z-10 w-[inherit] pt-0 has-[.empty-sidebar-item]:border-t md:px-2.5 md:pb-2.5" }, q = /* @__PURE__ */ S({
   __name: "Sidebar",
   props: {
     title: {}
   },
-  setup(R) {
-    const { isSidebarOpen: y } = z(), { sidebarWidth: o, setSidebarWidth: i } = C(), { layout: c } = $(), a = g(!1), p = g(null), { breakpoints: d } = W(), w = (e) => {
+  setup(c) {
+    const { isSidebarOpen: w } = C(), { sidebarWidth: o, setSidebarWidth: i } = B(), { layout: p } = z(), a = h(!1), f = h(null), { breakpoints: d } = $(), x = (e) => {
       e.preventDefault();
-      const f = e.clientX, x = Number.parseInt(
-        getComputedStyle(p.value).width || o.value,
+      const b = e.clientX, k = Number.parseInt(
+        getComputedStyle(f.value).width || o.value,
         10
-      ), b = (k) => {
+      ), v = (E) => {
         a.value = !0, document.body.classList.add("dragging");
-        let s = x + k.clientX - f;
+        let s = k + E.clientX - b;
         s > 420 && (s = 420 + (s - 420) * 0.2), s < 240 && (s = 240), i(`${s}px`);
-      }, v = () => {
-        a.value = !1, document.body.classList.remove("dragging"), document.documentElement.removeEventListener("mousemove", b, !1), document.documentElement.removeEventListener("mouseup", v, !1), Number.parseInt(o.value, 10) > 420 ? i("360px") : Number.parseInt(o.value, 10) < 240 && i("240px");
+      }, g = () => {
+        a.value = !1, document.body.classList.remove("dragging"), document.documentElement.removeEventListener("mousemove", v, !1), document.documentElement.removeEventListener("mouseup", g, !1), Number.parseInt(o.value, 10) > 420 ? i("360px") : Number.parseInt(o.value, 10) < 240 && i("240px");
       };
-      document.documentElement.addEventListener("mousemove", b, !1), document.documentElement.addEventListener("mouseup", v, !1);
+      document.documentElement.addEventListener("mousemove", v, !1), document.documentElement.addEventListener("mouseup", g, !1);
     };
-    return (e, f) => S((m(), l("aside", {
+    return (e, b) => D((m(), l("aside", {
       ref_key: "sidebarRef",
-      ref: p,
-      class: h(["sidebar bg-b-1 relative flex min-w-full flex-1 flex-col overflow-hidden leading-3 md:min-w-fit md:flex-none md:border-r md:border-b-0", { dragging: a.value }]),
-      style: _({ width: t(d).lg ? t(o) : "100%" })
+      ref: f,
+      class: y(["sidebar bg-b-1 relative flex min-w-full flex-1 flex-col overflow-hidden leading-3 md:min-w-fit md:flex-none md:border-r md:border-b-0", { dragging: a.value }]),
+      style: L({ width: t(d).lg ? t(o) : "100%" })
     }, [
       r(e.$slots, "header", {}, void 0, !0),
-      t(c) !== "modal" && e.title ? (m(), l("div", B, [
-        n("h2", I, D(e.title), 1),
+      t(p) !== "modal" && c.title ? (m(), l("div", I, [
+        n("h2", X, _(c.title), 1),
         t(d).lg ? u("", !0) : r(e.$slots, "button", { key: 0 }, void 0, !0)
       ])) : u("", !0),
       n("div", {
-        class: h(["custom-scroll sidebar-height w-[inherit] pb-0 md:pb-[37px]", {
-          "sidebar-mask": t(c) !== "modal"
+        class: y(["custom-scroll sidebar-height w-[inherit] pb-0 md:pb-[37px]", {
+          "sidebar-mask": t(p) !== "modal"
         }])
       }, [
         r(e.$slots, "content", {}, void 0, !0)
       ], 2),
-      t(d).lg ? (m(), l(L, { key: 1 }, [
-        n("div", X, [
+      t(d).lg ? (m(), l(N, { key: 1 }, [
+        n("div", R, [
           r(e.$slots, "button", {}, void 0, !0)
         ]),
         n("div", {
           class: "resizer",
-          onMousedown: w
+          onMousedown: x
         }, null, 32)
       ], 64)) : u("", !0)
     ], 6)), [
-      [N, t(y)]
+      [W, t(w)]
     ]);
   }
 });

package/dist/components/Sidebar/SidebarButton.vue.js

@@ -1,24 +1,24 @@
-import { defineComponent as u, createBlock as o, openBlock as r, unref as e, withCtx as i, renderSlot as p, createCommentVNode as s } from "vue";
-import { ScalarButton as d, ScalarHotkey as k } from "@scalar/components";
-import { useLayout as m } from "../../hooks/useLayout.js";
-const g = /* @__PURE__ */ u({
+import { defineComponent as u, createBlock as o, openBlock as r, unref as e, withCtx as i, renderSlot as d, createCommentVNode as s } from "vue";
+import { ScalarButton as k, ScalarHotkey as m } from "@scalar/components";
+import { useLayout as p } from "../../hooks/useLayout.js";
+const x = /* @__PURE__ */ u({
   __name: "SidebarButton",
   props: {
     click: { type: Function },
     hotkey: {}
   },
-  setup(a) {
-    const l = a, { layout: n } = m(), c = () => {
-      l.click();
+  setup(t) {
+    const a = t, { layout: c } = p(), l = () => {
+      a.click();
     };
-    return (t, h) => (r(), o(e(d), {
+    return (n, h) => (r(), o(e(k), {
       class: "bg-b-1 text-c-1 hover:bg-b-2 group relative h-auto w-auto border px-2 py-1 md:w-full md:p-1.5",
       variant: "outlined",
-      onClick: c
+      onClick: l
     }, {
       default: i(() => [
-        p(t.$slots, "title"),
-        t.hotkey && e(n) === "desktop" ? (r(), o(e(k), {
+        d(n.$slots, "title"),
+        t.hotkey && e(c) === "desktop" ? (r(), o(e(m), {
           key: 0,
           class: "text-c-2 add-item-hotkey absolute right-2 hidden group-hover:opacity-80 md:flex",
           hotkey: t.hotkey
@@ -29,5 +29,5 @@ const g = /* @__PURE__ */ u({
   }
 });
 export {
-  g as default
+  x as default
 };

package/dist/components/Sidebar/SidebarListElement.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as C, ref as B, computed as h, resolveComponent as w, createElementBlock as b, openBlock as n, createVNode as r, unref as p, withCtx as d, withModifiers as R, normalizeClass as M, createCommentVNode as m, createBlock as E, createElementVNode as g, normalizeStyle as I, toDisplayString as N } from "vue";
-import { ScalarIcon as S } from "@scalar/components";
-import { Draggable as z } from "@scalar/draggable";
-import { useRouter as V } from "vue-router";
-import $ from "./SidebarListElementActions.vue.js";
-const O = { class: "empty-variable-name line-clamp-1 text-sm break-all group-hover:pr-5" }, q = /* @__PURE__ */ C({
+import { defineComponent as B, ref as p, computed as h, resolveComponent as w, createElementBlock as b, openBlock as t, createVNode as i, unref as c, withCtx as d, withModifiers as x, normalizeClass as R, createCommentVNode as m, createBlock as M, createElementVNode as g, normalizeStyle as E, toDisplayString as I } from "vue";
+import { ScalarIcon as N } from "@scalar/components";
+import { Draggable as S } from "@scalar/draggable";
+import { useRouter as z } from "vue-router";
+import V from "./SidebarListElementActions.vue.js";
+const $ = { class: "empty-variable-name line-clamp-1 text-sm break-all group-hover:pr-5" }, j = /* @__PURE__ */ B({
   __name: "SidebarListElement",
   props: {
     variable: {},
@@ -17,67 +17,67 @@ const O = { class: "empty-variable-name line-clamp-1 text-sm break-all group-hov
     collectionId: {}
   },
   emits: ["delete", "colorModal", "rename", "onDragEnd"],
-  setup(i, { emit: u }) {
-    const o = u, t = V(), f = (e) => {
-      e.metaKey ? window.open(t.resolve(i.to).href, "_blank") : t.push(i.to);
-    }, c = (e) => {
-      o("delete", e);
-    }, v = (e) => {
-      o("colorModal", e);
-    }, D = (e) => {
-      o("rename", e);
-    }, y = B(null), s = h(() => ({
+  setup(e, { emit: u }) {
+    const n = u, r = z(), f = (l) => {
+      l.metaKey ? window.open(r.resolve(e.to).href, "_blank") : r.push(e.to);
+    }, v = (l) => {
+      n("delete", l);
+    }, D = (l) => {
+      n("colorModal", l);
+    }, y = (l) => {
+      n("rename", l);
+    }, k = p(null), s = h(() => ({
       ceiling: 0.5,
       floor: 0.5
     }));
-    return (e, l) => {
-      const k = w("router-link");
-      return n(), b("li", null, [
-        r(p(z), {
+    return (l, a) => {
+      const C = w("router-link");
+      return t(), b("li", null, [
+        i(c(S), {
           id: e.variable.uid,
           ref_key: "draggableRef",
-          ref: y,
+          ref: k,
           ceiling: s.value.ceiling,
           floor: s.value.floor,
           isDraggable: e.isDraggable,
           isDroppable: e.isDroppable,
           parentIds: e.collectionId ? [e.collectionId] : [],
-          onOnDragEnd: l[2] || (l[2] = (...a) => e.$emit("onDragEnd", ...a))
+          onOnDragEnd: a[2] || (a[2] = (...o) => l.$emit("onDragEnd", ...o))
         }, {
           default: d(() => [
-            r(k, {
-              class: M(["text-c-2 hover:bg-b-2 group relative flex h-8 items-center gap-1.5 rounded py-1 pr-1.5 font-medium no-underline", [e.variable.color ? "pl-5" : "pl-1.5"]]),
+            i(C, {
+              class: R(["text-c-2 hover:bg-b-2 group relative flex h-8 items-center gap-1.5 rounded py-1 pr-1.5 font-medium no-underline", [e.variable.color ? "pl-5" : "pl-1.5"]]),
               exactActiveClass: "bg-b-2 !text-c-1",
               role: "button",
               to: e.to,
-              onClick: l[1] || (l[1] = R((a) => f(a), ["prevent"]))
+              onClick: a[1] || (a[1] = x((o) => f(o), ["prevent"]))
             }, {
               default: d(() => [
-                e.variable.color ? (n(), b("button", {
+                e.variable.color ? (t(), b("button", {
                   key: 0,
                   class: "hover:bg-b-3 rounded p-1.5",
                   type: "button",
-                  onClick: l[0] || (l[0] = (a) => v(e.variable.uid))
+                  onClick: a[0] || (a[0] = (o) => D(e.variable.uid))
                 }, [
                   g("div", {
                     class: "h-2.5 w-2.5 rounded-xl",
-                    style: I({ backgroundColor: e.variable.color })
+                    style: E({ backgroundColor: e.variable.color })
                   }, null, 4)
                 ])) : m("", !0),
-                e.variable.icon ? (n(), E(p(S), {
+                e.variable.icon ? (t(), M(c(N), {
                   key: 1,
                   class: "text-sidebar-c-2 size-3.5 stroke-[2.25]",
                   icon: e.variable.icon
                 }, null, 8, ["icon"])) : m("", !0),
-                g("span", O, N(e.variable.name), 1),
-                r($, {
+                g("span", $, I(e.variable.name), 1),
+                i(V, {
                   isCopyable: !!e.isCopyable,
                   isDeletable: !!e.isDeletable,
                   isRenameable: !!e.isRenameable,
                   variable: { ...e.variable, isDefault: e.variable.isDefault ?? !1 },
                   warningMessage: e.warningMessage,
-                  onDelete: c,
-                  onRename: D
+                  onDelete: v,
+                  onRename: y
                 }, null, 8, ["isCopyable", "isDeletable", "isRenameable", "variable", "warningMessage"])
               ]),
               _: 1
@@ -90,5 +90,5 @@ const O = { class: "empty-variable-name line-clamp-1 text-sm break-all group-hov
   }
 });
 export {
-  q as default
+  j as default
 };

package/dist/components/Sidebar/SidebarListElementActions.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as g, ref as C, createElementBlock as l, openBlock as n, Fragment as h, createElementVNode as w, createVNode as i, createCommentVNode as r, unref as a, withModifiers as k, withCtx as M, createBlock as D } from "vue";
-import { useModal as N, ScalarIcon as m, ScalarModal as $ } from "@scalar/components";
-import { useClipboard as B } from "@scalar/use-hooks/useClipboard";
-import x from "./Actions/DeleteSidebarListElement.vue.js";
+import { defineComponent as g, ref as C, createElementBlock as i, openBlock as o, Fragment as x, createElementVNode as h, createVNode as r, createCommentVNode as s, unref as n, withModifiers as w, withCtx as k, createBlock as M } from "vue";
+import { useModal as D, ScalarIcon as m, ScalarModal as N } from "@scalar/components";
+import { useClipboard as $ } from "@scalar/use-hooks/useClipboard";
+import B from "./Actions/DeleteSidebarListElement.vue.js";
 const E = { class: "absolute right-1 flex opacity-0 group-hover:opacity-100" }, R = /* @__PURE__ */ g({
   __name: "SidebarListElementActions",
   props: {
@@ -12,69 +12,69 @@ const E = { class: "absolute right-1 flex opacity-0 group-hover:opacity-100" },
     isRenameable: { type: Boolean }
   },
   emits: ["delete", "rename"],
-  setup(d, { emit: p }) {
-    const b = p, o = C({ action: "None", name: "" }), s = N(), { copyToClipboard: v } = B();
-    function f(e) {
-      o.value = { action: e, name: d.variable.name }, s.show();
+  setup(e, { emit: v }) {
+    const b = v, a = C({ action: "None", name: "" }), c = D(), { copyToClipboard: f } = $();
+    function p(l) {
+      a.value = { action: l, name: e.variable.name }, c.show();
     }
-    function c() {
-      s.hide(), o.value = { action: "None", name: "" };
+    function d() {
+      c.hide(), a.value = { action: "None", name: "" };
     }
-    function y(e) {
-      b("delete", e), c();
+    function y(l) {
+      b("delete", l), d();
     }
-    return (e, t) => (n(), l(h, null, [
-      w("div", E, [
-        e.isCopyable ? (n(), l("button", {
+    return (l, t) => (o(), i(x, null, [
+      h("div", E, [
+        e.isCopyable ? (o(), i("button", {
           key: 0,
           class: "text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-[5px]",
           type: "button",
-          onClick: t[0] || (t[0] = (u) => a(v)(e.variable.name))
+          onClick: t[0] || (t[0] = (u) => n(f)(e.variable.name))
         }, [
-          i(a(m), {
+          r(n(m), {
             class: "h-3 w-3",
             icon: "Clipboard"
           })
-        ])) : r("", !0),
-        e.isRenameable ? (n(), l("button", {
+        ])) : s("", !0),
+        e.isRenameable ? (o(), i("button", {
           key: 1,
           class: "text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-[5px]",
           type: "button",
           onClick: t[1] || (t[1] = (u) => b("rename", e.variable.uid))
         }, [
-          i(a(m), {
+          r(n(m), {
             class: "h-3 w-3",
             icon: "Edit"
           })
-        ])) : r("", !0),
-        !e.variable.isDefault && e.isDeletable ? (n(), l("button", {
+        ])) : s("", !0),
+        !e.variable.isDefault && e.isDeletable ? (o(), i("button", {
           key: 2,
           class: "text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-1",
           type: "button",
-          onClick: t[2] || (t[2] = k((u) => f(
+          onClick: t[2] || (t[2] = w((u) => p(
             "Delete"
             /* Delete */
           ), ["prevent"]))
         }, [
-          i(a(m), {
+          r(n(m), {
             class: "h-3.5 w-3.5",
             icon: "Close"
           })
-        ])) : r("", !0)
+        ])) : s("", !0)
       ]),
-      i(a($), {
+      r(n(N), {
         size: "sm",
-        state: a(s),
-        title: `${o.value.action} ${o.value.name}`
+        state: n(c),
+        title: `${a.value.action} ${a.value.name}`
       }, {
-        default: M(() => [
-          o.value.action === "Delete" ? (n(), D(x, {
+        default: k(() => [
+          a.value.action === "Delete" ? (o(), M(B, {
             key: 0,
-            variableName: o.value.name,
+            variableName: a.value.name,
             warningMessage: e.warningMessage,
-            onClose: c,
+            onClose: d,
             onDelete: t[3] || (t[3] = (u) => y(e.variable.uid))
-          }, null, 8, ["variableName", "warningMessage"])) : r("", !0)
+          }, null, 8, ["variableName", "warningMessage"])) : s("", !0)
         ]),
         _: 1
       }, 8, ["state", "title"])