@scalar/api-client 2.0.38 → 2.0.40

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @scalar/api-client
 
+## 2.0.40
+
+### Patch Changes
+
+- 3a6effa: feat(api-client): add response previews
+- dfa7434: feat(api-client): added drag and drop to the api client
+- Updated dependencies [3a6effa]
+- Updated dependencies [dfa7434]
+  - @scalar/use-codemirror@0.11.9
+  - @scalar/components@0.12.26
+  - @scalar/themes@0.9.19
+  - @scalar/draggable@0.1.4
+  - @scalar/oas-utils@0.2.22
+
+## 2.0.39
+
+### Patch Changes
+
+- 016ff7d: fix: dropdown add variable redirection
+- e8cf2f5: fix: back to requests link
+- c1ada84: feat(api-client): add the ability to delete and rename folders and collections
+- 3031929: feat: command palette empty state
+- c1ada84: fix: modal layout and size
+- 808eafb: fix: word break in sidebar and word wrapping from ellipsis
+- 7853b8d: feat: cookie removal
+- Updated dependencies [c1ada84]
+- Updated dependencies [c1ada84]
+- Updated dependencies [e18029f]
+  - @scalar/components@0.12.25
+  - @scalar/themes@0.9.18
+  - @scalar/oas-utils@0.2.21
+
 ## 2.0.38
 
 ### Patch Changes

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":"AAmYA;;;;GAIG;;AACH,wBA4ZI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAwYA;;;;GAIG;;AACH,wBAuaI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}

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

@@ -2,7 +2,7 @@ import o from "./TheCommandPalette.vue2.js";
 import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-41343ef9"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3cd38882"]]);
 export {
   s as PaletteComponents,
   a as default

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

@@ -1,29 +1,32 @@
-import { defineComponent as K, ref as u, computed as F, onMounted as q, onBeforeUnmount as I, openBlock as r, createElementBlock as m, Fragment as d, withDirectives as h, createElementVNode as c, vShow as L, unref as p, createVNode as S, vModelText as N, renderList as B, toDisplayString as M, normalizeClass as T, createTextVNode as U, createBlock as G, resolveDynamicComponent as H } from "vue";
-import { useModal as O, ScalarIcon as A } from "@scalar/components";
-import { useMagicKeys as Q, whenever as k } from "@vueuse/core";
-import { useRouter as j } from "vue-router";
-import { isMacOS as J } from "@scalar/use-tooltip";
-import { commandPaletteBus as P } from "../../libs/eventBusses/command-palette.js";
-import { useWorkspace as X } from "../../store/workspace.js";
-import Y from "./CommandPaletteCollection.vue.js";
-import Z from "./CommandPaletteExample.vue.js";
-import ee from "./CommandPaletteFolder.vue.js";
-import oe from "./CommandPaletteImport.vue.js";
-import te from "./CommandPaletteRequest.vue.js";
-import ne from "./CommandPaletteWorkspace.vue.js";
-const ae = { class: "commandmenu" }, le = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, re = { for: "commandmenu" }, se = ["onClick"], me = {
+import { defineComponent as K, ref as u, computed as N, onMounted as F, onBeforeUnmount as I, openBlock as a, createElementBlock as s, Fragment as d, withDirectives as k, createElementVNode as c, vShow as L, unref as p, createVNode as S, vModelText as q, renderList as V, toDisplayString as B, normalizeClass as T, createTextVNode as U, createCommentVNode as G, createBlock as H, resolveDynamicComponent as O } from "vue";
+import { useModal as Q, ScalarIcon as g } from "@scalar/components";
+import { useMagicKeys as j, whenever as b } from "@vueuse/core";
+import { useRouter as J } from "vue-router";
+import { isMacOS as X } from "@scalar/use-tooltip";
+import { commandPaletteBus as M } from "../../libs/eventBusses/command-palette.js";
+import { useWorkspace as Y } from "../../store/workspace.js";
+import Z from "./CommandPaletteCollection.vue.js";
+import ee from "./CommandPaletteExample.vue.js";
+import oe from "./CommandPaletteFolder.vue.js";
+import te from "./CommandPaletteImport.vue.js";
+import ne from "./CommandPaletteRequest.vue.js";
+import ae from "./CommandPaletteWorkspace.vue.js";
+const le = { class: "commandmenu" }, re = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, se = { for: "commandmenu" }, me = ["onClick"], ce = {
+  key: 0,
+  class: "text-c-3 text-center text-sm p-2 pt-3"
+}, ie = {
   name: "TheCommandPalette"
-}, ce = {
-  "Import Collection": oe,
-  "Create Request": te,
-  "Create Workspace": ne,
-  "Add Folder": ee,
-  "Create Collection": Y,
-  "Add Example": Z
-}, Ee = /* @__PURE__ */ K({
-  ...me,
-  setup(ie) {
-    const b = [
+}, ue = {
+  "Import Collection": te,
+  "Create Request": ne,
+  "Create Workspace": ae,
+  "Add Folder": oe,
+  "Create Collection": Z,
+  "Add Example": ee
+}, Se = /* @__PURE__ */ K({
+  ...ie,
+  setup(de) {
+    const w = [
       {
         label: "Add to Request Sidebar",
         commands: [
@@ -73,84 +76,84 @@ const ae = { class: "commandmenu" }, le = { class: "bg-b-2 flex items-center rou
           }
         ]
       }
-    ], f = Q(), a = O(), { push: V } = j(), { activeWorkspace: W } = X(), $ = u(), i = u(""), s = u(null), o = u(-1), w = u([]), _ = F(
-      () => b.reduce((e, n) => {
+    ], v = j(), l = Q(), { push: P } = J(), { activeWorkspace: W } = Y(), A = u(), i = u(""), m = u(null), o = u(-1), _ = u([]), f = N(
+      () => w.reduce((e, n) => {
         const t = n.commands.filter(
           (C) => C.name.toLowerCase().includes(i.value.toLowerCase())
         );
         return [...e, ...t];
       }, [])
-    ), v = () => {
-      a.hide(), i.value = "", s.value = null, window.removeEventListener("keydown", y, !0), o.value = -1;
+    ), h = () => {
+      l.hide(), i.value = "", m.value = null, window.removeEventListener("keydown", y, !0), o.value = -1;
     };
-    k(f.escape, () => {
-      a.open && v();
-    }), k(f.enter, () => {
-      if (!a.open || o.value === -1) return;
-      const e = _.value[o.value];
-      g(e);
-    }), k(f.ArrowDown, () => {
+    b(v.escape, () => {
+      l.open && h();
+    }), b(v.enter, () => {
+      if (!l.open || o.value === -1) return;
+      const e = f.value[o.value];
+      $(e);
+    }), b(v.ArrowDown, () => {
       var e;
-      a.open && (o.value < _.value.length - 1 ? o.value++ : o.value = 0, (e = w.value[o.value]) == null || e.scrollIntoView({
+      l.open && (o.value < f.value.length - 1 ? o.value++ : o.value = 0, (e = _.value[o.value]) == null || e.scrollIntoView({
         behavior: "smooth",
         block: "center"
       }));
-    }), k(f.ArrowUp, () => {
+    }), b(v.ArrowUp, () => {
       var e;
-      a.open && (o.value > 0 ? o.value-- : o.value = _.value.length - 1, (e = w.value[o.value]) == null || e.scrollIntoView({
+      l.open && (o.value > 0 ? o.value-- : o.value = f.value.length - 1, (e = _.value[o.value]) == null || e.scrollIntoView({
         behavior: "smooth",
         block: "center"
       }));
     });
-    const g = (e) => {
-      "path" in e ? (V(`/workspace/${W.value.uid}${e.path}`), v()) : s.value = e.name;
+    const $ = (e) => {
+      "path" in e ? (P(`/workspace/${W.value.uid}${e.path}`), h()) : m.value = e.name;
     }, D = u(), R = ({
       commandName: e,
       metaData: n
     } = {}) => {
       var t;
-      s.value = e ?? null, $.value = n, a.show(), (t = D.value) == null || t.focus(), window.addEventListener("keydown", y, !0);
+      m.value = e ?? null, A.value = n, l.show(), (t = D.value) == null || t.focus(), window.addEventListener("keydown", y, !0);
     };
-    q(() => P.on(R)), I(() => P.off(R));
-    const z = (e) => J() ? e.metaKey && e.key === "Enter" : e.ctrlKey && e.key === "Enter", y = (e) => {
-      z(e) && !s.value && (e.stopPropagation(), e.preventDefault());
+    F(() => M.on(R)), I(() => M.off(R));
+    const z = (e) => X() ? e.metaKey && e.key === "Enter" : e.ctrlKey && e.key === "Enter", y = (e) => {
+      z(e) && !m.value && (e.stopPropagation(), e.preventDefault());
     };
     return I(() => {
       window.removeEventListener("keydown", y, !0);
-    }), (e, n) => (r(), m(d, null, [
-      h(c("div", {
+    }), (e, n) => (a(), s(d, null, [
+      k(c("div", {
         class: "commandmenu-clickout",
-        onClick: n[0] || (n[0] = (t) => v())
+        onClick: n[0] || (n[0] = (t) => h())
       }, null, 512), [
-        [L, p(a).open]
+        [L, p(l).open]
       ]),
-      h(c("div", ae, [
-        s.value ? (r(), m(d, { key: 1 }, [
+      k(c("div", le, [
+        m.value ? (a(), s(d, { key: 1 }, [
           c("button", {
             class: "absolute p-1 hover:bg-b-3 rounded text-c-3 active:text-c-1 m-1.5 z-10",
             type: "button",
-            onClick: n[2] || (n[2] = (t) => s.value = null)
+            onClick: n[2] || (n[2] = (t) => m.value = null)
           }, [
-            S(p(A), {
+            S(p(g), {
               icon: "ChevronLeft",
               size: "sm"
             })
           ]),
-          (r(), G(H(ce[s.value]), {
-            metaData: $.value,
-            onClose: v
+          (a(), H(O(ue[m.value]), {
+            metaData: A.value,
+            onClose: h
           }, null, 40, ["metaData"]))
-        ], 64)) : (r(), m(d, { key: 0 }, [
-          c("div", le, [
-            c("label", re, [
-              S(p(A), {
+        ], 64)) : (a(), s(d, { key: 0 }, [
+          c("div", re, [
+            c("label", se, [
+              S(p(g), {
                 class: "text-c-1 mr-2.5",
                 icon: "Search",
                 size: "sm",
                 thickness: "1.5"
               })
             ]),
-            h(c("input", {
+            k(c("input", {
               id: "commandmenu",
               ref_key: "commandInputRef",
               ref: D,
@@ -161,50 +164,51 @@ const ae = { class: "commandmenu" }, le = { class: "bg-b-2 flex items-center rou
               placeholder: "Search commands...",
               type: "text"
             }, null, 512), [
-              [N, i.value]
+              [q, i.value]
             ])
           ]),
-          (r(), m(d, null, B(b, (t, C) => (r(), m(d, {
+          (a(), s(d, null, V(w, (t, C) => (a(), s(d, {
             key: t.label
           }, [
-            h(c("div", { class: "text-c-3 font-medium text-xs mt-2" }, M(t.label), 513), [
+            k(c("div", { class: "text-c-3 font-medium text-xs mt-2" }, B(t.label), 513), [
               [
                 L,
                 t.commands.filter(
-                  (l) => l.name.toLowerCase().includes(i.value.toLowerCase())
+                  (r) => r.name.toLowerCase().includes(i.value.toLowerCase())
                 ).length > 0
               ]
             ]),
-            (r(!0), m(d, null, B(t.commands.filter(
-              (l) => l.name.toLowerCase().includes(i.value.toLowerCase())
-            ), (l, x) => (r(), m("div", {
-              key: l.name,
+            (a(!0), s(d, null, V(t.commands.filter(
+              (r) => r.name.toLowerCase().includes(i.value.toLowerCase())
+            ), (r, x) => (a(), s("div", {
+              key: r.name,
               ref_for: !0,
               ref: (E) => {
-                E && (w.value[x] = E);
+                E && (_.value[x] = E);
               },
               class: T(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
-                "bg-b-2": C > 0 ? o.value === x + b[C - 1].commands.length : o.value === x
+                "bg-b-2": C > 0 ? o.value === x + w[C - 1].commands.length : o.value === x
               }]),
-              onClick: (E) => g(l)
+              onClick: (E) => $(r)
             }, [
-              S(p(A), {
+              S(p(g), {
                 class: "text-c-1 mr-2.5",
-                icon: l.icon,
+                icon: r.icon,
                 size: "md",
                 thickness: "1.5"
               }, null, 8, ["icon"]),
-              U(" " + M(l.name), 1)
-            ], 10, se))), 128))
-          ], 64))), 64))
+              U(" " + B(r.name), 1)
+            ], 10, me))), 128))
+          ], 64))), 64)),
+          f.value.length ? G("", !0) : (a(), s("div", ce, " No commands found "))
         ], 64))
       ], 512), [
-        [L, p(a).open]
+        [L, p(l).open]
       ])
     ], 64));
   }
 });
 export {
-  ce as PaletteComponents,
-  Ee as default
+  ue as PaletteComponents,
+  Se as default
 };

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

@@ -49,8 +49,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onInputBlur?: (() => any) | undefined;
 }, {
     required: boolean;
-    canAddCustomEnumValue: boolean;
     readOnly: boolean;
+    canAddCustomEnumValue: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _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":"AAwNA,iBAAS,cAAc;qBAkKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SAlQZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;cAPD,OAAO;2BAGM,OAAO;cACpB,OAAO;MAiQpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAwNA,iBAAS,cAAc;qBAiKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SAjQZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;cAPD,OAAO;cAIP,OAAO;2BADM,OAAO;MAiQjC,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 o from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72405dcb"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e4703b01"]]);
 export {
-  m as default
+  e as default
 };

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

@@ -54,7 +54,7 @@ const F = {
             m("input", $(e.$attrs, {
               id: e.id,
               autocomplete: "off",
-              class: "border-none focus:text-c-1 text-c-2 min-w-0 w-full peer px-2 py-1.5 outline-none",
+              class: "border-none text-c-1 min-w-0 w-full peer px-2 py-1.5 outline-none",
               "data-1p-ignore": "",
               max: e.max,
               min: e.min,

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBA+IgB,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;;;gBAFf,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;;;uBAAP,OAAO;;AAmU/B,wBAOG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBA+IgB,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;;;gBAFf,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;wBACI,OAAO;;;;;;uBAAP,OAAO;;AAkU/B,wBAOG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -31,7 +31,7 @@ const U = { class: "w-full" }, W = { class: "flex items-center justify-center h-
         ref_key: "inputRef",
         ref: x,
         "onUpdate:modelValue": u[0] || (u[0] = (t) => a.value = t),
-        class: "border-none focus:text-c-1 text-c-2 min-w-0 w-full px-2 py-1.5 outline-none",
+        class: "border-none text-c-1 min-w-0 w-full px-2 py-1.5 outline-none",
         placeholder: "Value",
         type: "text",
         onBlur: B,

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.d.ts

@@ -1,10 +1,12 @@
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     variableName: string;
+    warningMessage?: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
     delete: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     variableName: string;
+    warningMessage?: string;
 }>>> & {
     onClose?: (() => any) | undefined;
     onDelete?: (() => any) | undefined;

package/dist/components/Sidebar/Actions/DeleteSidebarListElement.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteSidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"names":[],"mappings":";kBAmCgB,MAAM;;;;;kBAAN,MAAM;;;;;AA4FtB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DeleteSidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"names":[],"mappings":";kBAqCgB,MAAM;qBACH,MAAM;;;;;kBADT,MAAM;qBACH,MAAM;;;;;AAkGzB,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/Sidebar/Actions/DeleteSidebarListElement.vue.js

@@ -1,29 +1,33 @@
-import { defineComponent as o, openBlock as i, createBlock as r, withCtx as s, createElementVNode as m } from "vue";
-import d from "./SidebarListElementForm.vue.js";
-const c = /* @__PURE__ */ m("p", null, " Are you sure you want to remove it? This will delete all children and associated data as well! ", -1), b = /* @__PURE__ */ o({
+import { defineComponent as i, openBlock as a, createBlock as l, withCtx as s, createElementBlock as m, toDisplayString as c, createCommentVNode as d } from "vue";
+import p from "./SidebarListElementForm.vue.js";
+const b = {
+  key: 0,
+  class: "text-c-3 font-medium text-xs mb-2"
+}, k = /* @__PURE__ */ i({
   __name: "DeleteSidebarListElement",
   props: {
-    variableName: {}
+    variableName: {},
+    warningMessage: {}
   },
   emits: ["close", "delete"],
-  setup(p, { emit: l }) {
-    const e = l;
-    async function a() {
-      e("delete");
+  setup(u, { emit: o }) {
+    const t = o;
+    async function r() {
+      t("delete");
     }
-    return (n, t) => (i(), r(d, {
+    return (e, n) => (a(), l(p, {
       danger: "",
-      label: `Delete ${n.variableName}`,
-      onCancel: t[0] || (t[0] = (u) => e("close")),
-      onSubmit: a
+      label: `Delete ${e.variableName}`,
+      onCancel: n[0] || (n[0] = (f) => t("close")),
+      onSubmit: r
     }, {
       default: s(() => [
-        c
+        e.warningMessage ? (a(), m("p", b, c(e.warningMessage), 1)) : d("", !0)
       ]),
       _: 1
     }, 8, ["label"]));
   }
 });
 export {
-  b as default
+  k as default
 };

package/dist/components/Sidebar/Actions/SidebarListElementForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarListElementForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/SidebarListElementForm.vue"],"names":[],"mappings":"AAuDA,iBAAS,cAAc;qBA8EM,GAAG;EAiB/B;AACD,QAAA,MAAM,eAAe;aAhHV,OAAO;YACR,MAAM;;;;;aADL,OAAO;YACR,MAAM;;;;UAsHd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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":"SidebarListElementForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/SidebarListElementForm.vue"],"names":[],"mappings":"AA4EA,iBAAS,cAAc;qBA0FM,GAAG;EAiB/B;AACD,QAAA,MAAM,eAAe;aA5HV,OAAO;YACR,MAAM;;;;;aADL,OAAO;YACR,MAAM;;;;UAkId,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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/Sidebar/Actions/SidebarListElementForm.vue.js

@@ -1,42 +1,7 @@
-import { defineComponent as d, openBlock as p, createElementBlock as u, withModifiers as f, renderSlot as c, createElementVNode as b, createVNode as o, unref as a, withCtx as r, createTextVNode as l, toDisplayString as v } from "vue";
-import { ScalarButton as i } from "@scalar/components";
-const g = { class: "flex justify-end gap-3" }, y = /* @__PURE__ */ d({
-  __name: "SidebarListElementForm",
-  props: {
-    danger: { type: Boolean },
-    label: {}
-  },
-  emits: ["cancel", "submit"],
-  setup(S, { emit: s }) {
-    const n = s;
-    return (t, e) => (p(), u("form", {
-      class: "flex flex-col gap-6 text-base",
-      onSubmit: e[1] || (e[1] = f((m) => n("submit"), ["prevent"]))
-    }, [
-      c(t.$slots, "default"),
-      b("div", g, [
-        o(a(i), {
-          variant: "outlined",
-          onClick: e[0] || (e[0] = (m) => n("cancel"))
-        }, {
-          default: r(() => [
-            l(" Cancel ")
-          ]),
-          _: 1
-        }),
-        o(a(i), {
-          type: "submit",
-          variant: t.danger ? "danger" : "solid"
-        }, {
-          default: r(() => [
-            l(v(t.label ?? "Submit"), 1)
-          ]),
-          _: 1
-        }, 8, ["variant"])
-      ])
-    ], 32));
-  }
-});
+import o from "./SidebarListElementForm.vue2.js";
+/* empty css                            */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e58070fb"]]);
 export {
-  y as default
+  a as default
 };

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

@@ -1,4 +1,50 @@
-import f from "./SidebarListElementForm.vue.js";
+import { defineComponent as c, openBlock as m, createElementBlock as p, withModifiers as b, renderSlot as f, createElementVNode as n, createVNode as r, unref as s, createTextVNode as l, toDisplayString as d } from "vue";
+import { ScalarIcon as i } from "@scalar/components";
+const g = ["error"], S = /* @__PURE__ */ c({
+  __name: "SidebarListElementForm",
+  props: {
+    danger: { type: Boolean },
+    label: {}
+  },
+  emits: ["cancel", "submit"],
+  setup(x, { emit: u }) {
+    const o = u;
+    return (t, e) => (m(), p("form", {
+      class: "text-base",
+      onSubmit: e[1] || (e[1] = b((a) => o("submit"), ["prevent"]))
+    }, [
+      f(t.$slots, "default", {}, void 0, !0),
+      n("div", null, [
+        n("button", {
+          class: "w-full text-left focus:bg-b-2 hover:bg-b-2 rounded gap-1.5 px-2.5 py-1.5 focus:outline-none flex items-center cursor-pointer",
+          type: "button",
+          onClick: e[0] || (e[0] = (a) => o("cancel"))
+        }, [
+          r(s(i), {
+            class: "inline-flex",
+            icon: "Close",
+            size: "sm",
+            thickness: "1.75"
+          }),
+          l(" Cancel ")
+        ]),
+        n("button", {
+          class: "w-full text-left focus:bg-b-2 hover:bg-b-2 rounded gap-1.5 px-2.5 py-1.5 focus:outline-none flex items-center cursor-pointer delete-warning-button",
+          error: t.danger,
+          type: "submit"
+        }, [
+          r(s(i), {
+            class: "inline-flex",
+            icon: "Trash",
+            size: "sm",
+            thickness: "1.5"
+          }),
+          l(" " + d(t.label ?? "Submit"), 1)
+        ], 8, g)
+      ])
+    ], 32));
+  }
+});
 export {
-  f as default
+  S as default
 };

package/dist/components/Sidebar/SidebarListElement.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
         color?: string;
         isDefault?: boolean;
     };
+    warningMessage?: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (id: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
         color?: string;
         isDefault?: boolean;
     };
+    warningMessage?: string;
 }>>> & {
     onDelete?: ((id: string) => any) | undefined;
 }, {}, {}>;

package/dist/components/Sidebar/SidebarListElement.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":";cAmEY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;;;;cALS;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;;;;AAmJH,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":";cAqEY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;cANb;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;AAmJzB,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/Sidebar/SidebarListElement.vue.js

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