vlite3 1.4.32 → 1.4.33

package/components/Kanban/Kanban.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as D, ref as b, watch as k, openBlock as v, createElementBlock as h, normalizeClass as B, Fragment as w, renderList as P, createBlock as E, withCtx as i, renderSlot as m, mergeProps as c } from "vue";
-import $ from "./KanbanBoard.vue.js";
-const U = /* @__PURE__ */ D({
+import { defineComponent as G, ref as K, watch as U, openBlock as C, createElementBlock as P, normalizeClass as j, Fragment as q, renderList as w, createBlock as z, withCtx as v, renderSlot as g, mergeProps as h } from "vue";
+import F from "./KanbanBoard.vue.js";
+const T = /* @__PURE__ */ G({
   __name: "Kanban",
   props: {
     columns: {},
@@ -17,109 +17,173 @@ const U = /* @__PURE__ */ D({
     draggableClass: {},
     ghostClass: {},
     class: { default: "h-full w-full" },
-    isItemDisabled: {}
+    isItemDisabled: {},
+    onItemMoved: {}
   },
-  emits: ["change", "move", "update:data", "item-moved"],
-  setup(s, { emit: I }) {
-    const o = s, d = I, r = b({}), u = b({});
-    k(
-      [() => o.data, () => o.rawData],
-      ([e, n]) => {
-        if (n && Array.isArray(n)) {
-          const t = {};
-          o.columns.forEach((a) => t[a.id] = []), n.forEach((a) => {
-            const l = a[o.groupKey];
-            t[l] ? t[l].push({ ...a }) : t[l] = [{ ...a }];
-          }), Object.keys(t).forEach((a) => {
-            t[a].sort((l, x) => (l[o.positionKey] || 0) - (x[o.positionKey] || 0));
-          }), u.value = t;
-        } else e && (u.value = { ...e });
+  emits: ["change", "move", "update:data", "item-move-failed"],
+  setup(l, { emit: B }) {
+    const s = l, c = B, u = K({}), d = K({}), p = K(!1);
+    U(
+      [() => s.data, () => s.rawData],
+      ([e, a]) => {
+        if (!p.value)
+          if (a && Array.isArray(a)) {
+            const o = {};
+            s.columns.forEach((t) => o[t.id] = []), a.forEach((t) => {
+              const i = t[s.groupKey];
+              o[i] ? o[i].push({ ...t }) : o[i] = [{ ...t }];
+            }), Object.keys(o).forEach((t) => {
+              o[t].sort((i, r) => (i[s.positionKey] || 0) - (r[s.positionKey] || 0));
+            }), d.value = o;
+          } else e && (d.value = { ...e });
       },
       { immediate: !0, deep: !0 }
     );
-    const C = (e, n) => {
-      let t = 0, a = 0;
-      return n > 0 && (t = Number(e[n - 1]?.[o.positionKey]) || 0), n < e.length - 1 && (a = Number(e[n + 1]?.[o.positionKey]) || 0), t === 0 && a === 0 ? 1024 : t === 0 ? a / 2 : a === 0 ? t + 1024 : (t + a) / 2;
-    }, g = (e, n) => {
-      const t = u.value[e];
-      if (!t) return;
-      const a = t[n];
-      if (!a) return;
-      const l = C(t, n);
-      a[o.positionKey] = l, a[o.groupKey] = e, d("item-moved", a[o.itemKey], e, l, a);
-    }, f = (e) => o.columns.find((n) => n.id === e)?.disabled === !0, K = (e) => {
-      if (d("change", e), e.type === "remove")
-        r.value.remove = { columnId: e.columnId, event: e.event };
+    const A = (e, a) => {
+      let o = 0, t = 0;
+      return a > 0 && (o = Number(e[a - 1]?.[s.positionKey]) || 0), a < e.length - 1 && (t = Number(e[a + 1]?.[s.positionKey]) || 0), o === 0 && t === 0 ? 1024 : o === 0 ? t / 2 : t === 0 ? o + 1024 : (o + t) / 2;
+    }, E = (e) => {
+      p.value = !0;
+      try {
+        const a = s.itemKey, o = { ...d.value }, t = [...o[e.toColumnId] || []];
+        let i = t.find((n) => n?.[a] === e.itemId) || e.item;
+        const r = t.findIndex((n) => n?.[a] === e.itemId);
+        if (r >= 0)
+          i = t.splice(r, 1)[0];
+        else if (e.fromColumnId === e.toColumnId) {
+          const n = t.findIndex((m) => m?.[a] === e.itemId);
+          n >= 0 && (i = t.splice(n, 1)[0]);
+        }
+        if (!i) return;
+        if (i[s.positionKey] = e.previousPosition, i[s.groupKey] = e.previousGroupValue, e.fromColumnId === e.toColumnId) {
+          const n = Math.min(Math.max(e.oldIndex, 0), t.length);
+          t.splice(n, 0, i), o[e.toColumnId] = t;
+        } else {
+          o[e.toColumnId] = t;
+          const n = [...o[e.fromColumnId] || []], m = n.findIndex((f) => f?.[a] === e.itemId);
+          m >= 0 && n.splice(m, 1);
+          const I = Math.min(Math.max(e.oldIndex, 0), n.length);
+          n.splice(I, 0, i), o[e.fromColumnId] = n;
+        }
+        d.value = o, s.data && c("update:data", { ...o });
+      } finally {
+        queueMicrotask(() => {
+          p.value = !1;
+        });
+      }
+    }, k = async (e, a, o, t) => {
+      const i = d.value[e];
+      if (!i) return;
+      const r = i[a];
+      if (!r) return;
+      const n = r[s.itemKey], m = r[s.positionKey], I = r[s.groupKey], f = A(i, a);
+      r[s.positionKey] = f, r[s.groupKey] = e;
+      const y = () => E({
+        itemId: n,
+        item: r,
+        fromColumnId: o,
+        toColumnId: e,
+        oldIndex: t,
+        previousPosition: m,
+        previousGroupValue: I
+      }), V = {
+        fromColumnId: o,
+        oldIndex: t,
+        newIndex: a,
+        previousPosition: m,
+        revert: y
+      };
+      c("move", {
+        itemId: n,
+        item: r,
+        fromColumnId: o,
+        toColumnId: e,
+        oldIndex: t,
+        newIndex: a
+      });
+      const D = s.onItemMoved;
+      if (D)
+        try {
+          await D(n, e, f, r, V) === !1 && y();
+        } catch (M) {
+          y(), c("item-move-failed", {
+            itemId: n,
+            toColumnId: e,
+            fromColumnId: o,
+            newPosition: f,
+            item: r,
+            error: M
+          });
+        }
+    }, b = (e) => s.columns.find((a) => a.id === e)?.disabled === !0, $ = (e) => {
+      if (c("change", e), e.type === "remove")
+        u.value.remove = { columnId: e.columnId, event: e.event };
       else if (e.type === "add")
-        r.value.add = { columnId: e.columnId, event: e.event };
+        u.value.add = { columnId: e.columnId, event: e.event };
       else if (e.type === "update") {
-        if (f(e.columnId)) {
-          r.value = {};
+        if (b(e.columnId)) {
+          u.value = {};
           return;
         }
-        g(e.columnId, e.event.newIndex), d("move", {
-          itemId: e.event.data?.[o.itemKey] || e.event.item?._underlying_vm_?.[o.itemKey],
-          item: e.event.data,
-          fromColumnId: e.columnId,
-          toColumnId: e.columnId,
-          oldIndex: e.event.oldIndex,
-          newIndex: e.event.newIndex
-        });
+        k(
+          e.columnId,
+          e.event.newIndex,
+          e.columnId,
+          e.event.oldIndex
+        );
       }
-      if (r.value.remove && r.value.add) {
-        const { remove: n, add: t } = r.value;
-        if (f(n.columnId) || f(t.columnId)) {
-          r.value = {};
+      if (u.value.remove && u.value.add) {
+        const { remove: a, add: o } = u.value;
+        if (b(a.columnId) || b(o.columnId)) {
+          u.value = {};
           return;
         }
-        g(t.columnId, t.event.newIndex), d("move", {
-          itemId: t.event.data?.[o.itemKey],
-          item: t.event.data,
-          fromColumnId: n.columnId,
-          toColumnId: t.columnId,
-          oldIndex: n.event.oldIndex,
-          newIndex: t.event.newIndex
-        }), r.value = {};
+        k(
+          o.columnId,
+          o.event.newIndex,
+          a.columnId,
+          a.event.oldIndex
+        ), u.value = {};
       }
       setTimeout(() => {
-        r.value = {};
+        u.value = {};
       }, 100);
-    }, p = (e, n) => {
-      u.value[e] = n, o.data && d("update:data", { ...o.data, [e]: n });
-    }, y = (e) => u.value[e] || [];
-    return (e, n) => (v(), h("div", {
-      class: B([
+    }, L = (e, a) => {
+      d.value[e] = a, s.data && c("update:data", { ...s.data, [e]: a });
+    }, N = (e) => d.value[e] || [];
+    return (e, a) => (C(), P("div", {
+      class: j([
         "flex gap-4 scrollbar-thin overflow-x-auto p-1 scrollbar-thin-x scrollable-container",
-        o.class
+        s.class
       ])
     }, [
-      (v(!0), h(w, null, P(s.columns, (t) => (v(), E($, {
-        key: t.id,
-        column: t,
-        group: s.group,
-        "item-key": s.itemKey,
-        "load-data": s.loadData,
-        "column-data": y(t.id),
-        "board-class": s.boardClass,
-        "header-class": s.headerClass,
-        "body-class": s.bodyClass,
-        "draggable-class": s.draggableClass,
-        "ghost-class": s.ghostClass,
-        "is-item-disabled": s.isItemDisabled,
-        onChange: K,
-        "onUpdate:columnData": (a) => p(t.id, a)
+      (C(!0), P(q, null, w(l.columns, (o) => (C(), z(F, {
+        key: o.id,
+        column: o,
+        group: l.group,
+        "item-key": l.itemKey,
+        "load-data": l.loadData,
+        "column-data": N(o.id),
+        "board-class": l.boardClass,
+        "header-class": l.headerClass,
+        "body-class": l.bodyClass,
+        "draggable-class": l.draggableClass,
+        "ghost-class": l.ghostClass,
+        "is-item-disabled": l.isItemDisabled,
+        onChange: $,
+        "onUpdate:columnData": (t) => L(o.id, t)
       }, {
-        header: i((a) => [
-          m(e.$slots, "column-header", c({ ref_for: !0 }, a), void 0, !0)
+        header: v((t) => [
+          g(e.$slots, "column-header", h({ ref_for: !0 }, t), void 0, !0)
         ]),
-        "prepend-item": i((a) => [
-          m(e.$slots, "prepend-item", c({ ref_for: !0 }, a), void 0, !0)
+        "prepend-item": v((t) => [
+          g(e.$slots, "prepend-item", h({ ref_for: !0 }, t), void 0, !0)
         ]),
-        item: i((a) => [
-          m(e.$slots, "item", c({ ref_for: !0 }, a), void 0, !0)
+        item: v((t) => [
+          g(e.$slots, "item", h({ ref_for: !0 }, t), void 0, !0)
         ]),
-        "append-item": i((a) => [
-          m(e.$slots, "append-item", c({ ref_for: !0 }, a), void 0, !0)
+        "append-item": v((t) => [
+          g(e.$slots, "append-item", h({ ref_for: !0 }, t), void 0, !0)
         ]),
         _: 3
       }, 8, ["column", "group", "item-key", "load-data", "column-data", "board-class", "header-class", "body-class", "draggable-class", "ghost-class", "is-item-disabled", "onUpdate:columnData"]))), 128))
@@ -127,5 +191,5 @@ const U = /* @__PURE__ */ D({
   }
 });
 export {
-  U as default
+  T as default
 };

package/components/Kanban/types.d.ts

@@ -38,6 +38,36 @@ export interface KanbanMoveEvent {
     oldIndex: number;
     newIndex: number;
 }
+/**
+ * Extra context passed as the 5th argument to `onItemMoved` / `@item-moved`.
+ * `revert()` restores the card to its pre-drop column and index immediately.
+ */
+export interface KanbanItemMovedMeta {
+    fromColumnId: string | number;
+    oldIndex: number;
+    newIndex: number;
+    previousPosition: any;
+    /** Imperative escape hatch — usually unnecessary; the board auto-reverts on reject/false. */
+    revert: () => void;
+}
+/**
+ * Async move handler. Return a Promise that settles when the server confirms.
+ *
+ * - resolve / return `void` | `true` → keep the optimistic placement
+ * - return `false` → auto-revert the card to its previous column/index
+ * - reject / throw → auto-revert (same as `false`)
+ *
+ * Bound via `:on-item-moved` or `@item-moved` (both map to this prop).
+ */
+export type KanbanItemMovedHandler = (itemId: string | number, toColumnId: string | number, newPosition: number, item: any, meta: KanbanItemMovedMeta) => void | boolean | Promise<void | boolean>;
+export interface KanbanItemMoveFailedPayload {
+    itemId: string | number;
+    toColumnId: string | number;
+    fromColumnId: string | number;
+    newPosition: number;
+    item: any;
+    error: unknown;
+}
 export interface KanbanProps {
     columns: KanbanColumn[];
     group?: string;
@@ -61,4 +91,11 @@ export interface KanbanProps {
      * Example: :is-item-disabled="(item) => item.locked === true"
      */
     isItemDisabled?: (item: any) => boolean;
+    /**
+     * Called after an optimistic drop. Await a mutation here — if it rejects
+     * (or returns `false`), the board automatically moves the card back.
+     *
+     * Use `@item-moved` or `:on-item-moved` — both bind this prop.
+     */
+    onItemMoved?: KanbanItemMovedHandler;
 }

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                       */
+/* empty css                                      */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/Screen/ScreenFilter.vue.js

@@ -20,7 +20,7 @@ import "@vueuse/core";
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                                 */
-/* empty css                        */
+/* empty css                         */
 /* empty css                 */
 /* empty css                                         */
 /* empty css                                    */

package/components/ToastNotification.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToastNotification.vue2.js";
 /* empty css                       */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9c775c23"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b3a7f1a6"]]);
 export {
   r as default
 };

package/components/ToastNotification.vue2.js

@@ -87,7 +87,7 @@ const Z = {
       (o(), y(U, { to: "body" }, [
         (o(), i(v, null, _(V, (t) => m("div", {
           key: t,
-          class: g(["fixed z-[9999999999]! px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
+          class: g(["fixed z-[9999999999]! pointer-events-none px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
             N[t],
             t.includes("center") ? "items-center" : t.includes("right") ? "items-end" : "items-start"
           ]]),
@@ -95,7 +95,7 @@ const Z = {
           onMouseleave: j
         }, [
           m("div", {
-            class: g(["relative w-full transition-all pointer-events-auto", [{ "flex-col-reverse": t.includes("top") }]])
+            class: g(["relative w-full transition-all", [{ "flex-col-reverse": t.includes("top") }]])
           }, [
             w(q, {
               name: d(t).length <= 1 ? "first-toast" : "stack-toast",
@@ -117,7 +117,7 @@ const Z = {
                   if (a && a.key === r.id && J(a, u)) return a;
                   const f = (o(), i("div", {
                     key: r.id,
-                    class: g(["toast-item col-start-1 h-max row-start-1 mb-1 w-auto border pl-4 pr-6 py-2.5 flex gap-2.5 items-start transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] transform-gpu", [
+                    class: g(["toast-item pointer-events-auto col-start-1 h-max row-start-1 mb-1 w-auto border pl-4 pr-6 py-2.5 flex gap-2.5 items-start transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] transform-gpu", [
                       D(r.type),
                       r.description || r.action ? "rounded-xl" : "rounded-full"
                     ]]),

package/components/index.d.ts

@@ -15,7 +15,7 @@ export * from './Cart';
 export { default as CheckBox } from './CheckBox.vue';
 export { Chip } from './Chip';
 export { ChoiceBox } from './ChoiceBox';
-export { ColorPicker } from './ColorPicker';
+export { ColorPicker, COLOR_PICKER_RESET_VALUE } from './ColorPicker';
 export { default as ConfirmationModal } from './ConfirmationModal.vue';
 export { CustomFields } from './Form';
 export { DataList } from './DataList';

package/composables/useKeyStroke.d.ts

@@ -12,7 +12,25 @@ interface KeyStrokeComposable {
     offKeyStroke: (key: string | string[], handler?: KeyStrokeHandler) => void;
     destroy: () => void;
 }
+/**
+ * SSR-safe keyboard composable.
+ *
+ * Components may call `useKeyStroke()` and register handlers unconditionally
+ * during `setup()` — including on the server. Registrations are stored in
+ * plain per-composable state; actual DOM listeners are attached only in the
+ * browser, after the owning component has mounted (or immediately when used
+ * outside a component in a browser context). Default event targets are
+ * resolved lazily at attach time, never during registration.
+ */
 export declare const useKeyStroke: () => KeyStrokeComposable;
+/**
+ * SSR-safe advanced keyboard-shortcut composable.
+ *
+ * Combination parsing, meta⇄ctrl alternatives, and matching order are
+ * unchanged. Global `window`/`document` listeners are attached only in the
+ * browser after mount (or immediately when used outside a component in a
+ * browser context) and are always detached on unmount.
+ */
 export declare const useAdvancedKeyStroke: () => {
     onKeyStroke: (keys: string, handler: KeyStrokeHandler) => void;
     offKeyStroke: (keys: string, handler?: KeyStrokeHandler) => void;

package/composables/useKeyStroke.js

@@ -1,94 +1,120 @@
-import { onUnmounted as k } from "vue";
-const S = () => {
-  const o = /* @__PURE__ */ new Map(), r = (n) => {
-    const f = s(n.key), c = o.get(f);
-    c && c.forEach(({ handler: y, options: u }) => {
-      u?.preventDefault && n.preventDefault(), u?.stopPropagation && n.stopPropagation(), y(n);
+import { getCurrentInstance as A, onMounted as T, onUnmounted as D, unref as x } from "vue";
+import { isBrowser as S } from "../utils/environment.js";
+const U = () => {
+  const o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), u = [], m = A();
+  let p = S && !m;
+  const g = (n) => n ? n.toLowerCase() : "", v = (n) => {
+    const s = g(n.key), r = o.get(s);
+    r && r.forEach(({ handler: f, options: d }) => {
+      d?.preventDefault && n.preventDefault(), d?.stopPropagation && n.stopPropagation(), f(n);
     });
-  }, s = (n) => n ? n.toLowerCase() : "", p = (n) => n ? "value" in n ? n.value || document : n || document : document, w = (n, f, c = {}) => {
-    const y = Array.isArray(n) ? n : [n], u = p(c.target);
-    y.forEach((d) => {
-      const m = s(d);
-      o.has(m) || (o.set(m, /* @__PURE__ */ new Set()), u.addEventListener("keydown", r, {
-        passive: c.passive ?? !0,
-        capture: c.capture ?? !1
-      })), o.get(m).add({ handler: f, options: c });
-    });
-  }, v = (n, f) => {
-    (Array.isArray(n) ? n : [n]).forEach((y) => {
-      const u = s(y), d = o.get(u);
-      d && (f ? d.forEach((m) => {
-        m.handler === f && d.delete(m);
-      }) : d.clear(), d.size === 0 && (o.delete(u), document.removeEventListener("keydown", r)));
-    });
-  }, K = () => {
-    document.removeEventListener("keydown", r), o.clear();
+  }, k = (n) => S ? x(n) ?? document : null, E = (n) => {
+    const s = k(n.target);
+    if (!s) return;
+    const r = n.capture ?? !1, f = i.get(s);
+    f?.has(r) || (s.addEventListener("keydown", v, {
+      passive: n.passive ?? !0,
+      capture: r
+    }), i.set(s, (f ?? /* @__PURE__ */ new Set()).add(r)));
+  }, C = (n) => {
+    p ? E(n) : u.push(n);
+  }, M = () => {
+    i.forEach((n, s) => {
+      n.forEach((r) => {
+        s.removeEventListener("keydown", v, { capture: r });
+      });
+    }), i.clear(), u.length = 0;
+  }, z = (n, s, r = {}) => {
+    (Array.isArray(n) ? n : [n]).forEach((d) => {
+      const l = g(d);
+      o.has(l) || o.set(l, /* @__PURE__ */ new Set());
+      const K = o.get(l);
+      let b = !1;
+      K.forEach((t) => {
+        t.handler === s && (b = !0);
+      }), b || K.add({ handler: s, options: r });
+    }), C(r);
+  }, w = (n, s) => {
+    (Array.isArray(n) ? n : [n]).forEach((f) => {
+      const d = g(f), l = o.get(d);
+      l && (s ? l.forEach((K) => {
+        K.handler === s && l.delete(K);
+      }) : l.clear(), l.size === 0 && o.delete(d));
+    }), o.size === 0 && M();
+  }, L = () => {
+    M(), o.clear();
   };
-  return k(() => {
-    K();
-  }), {
-    onKeyStroke: w,
-    offKeyStroke: v,
-    destroy: K
+  return m && (T(() => {
+    p = !0, u.splice(0).forEach(E);
+  }), D(L)), {
+    onKeyStroke: z,
+    offKeyStroke: w,
+    destroy: L
   };
-}, M = () => {
-  const o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map();
-  let s = null;
-  const p = (t) => {
+}, q = () => {
+  const o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map();
+  let u = null, m = !1, p = !1;
+  const g = A();
+  let v = S && !g;
+  const k = (t) => {
     if (!t) return "";
     const e = t.toLowerCase();
     return e === "cmd" || e === "meta" || e === "metakey" ? "meta" : e === "ctrl" || e === "control" || e === "controlkey" ? "ctrl" : e === "alt" || e === "option" || e === "altkey" ? "alt" : e === "shift" || e === "shiftkey" ? "shift" : e;
-  }, w = (t) => t.toLowerCase().split("+").map((e) => e.trim()).map(p).sort(), v = (t) => {
-    const e = [t.join("+")], h = t.includes("meta"), l = t.includes("ctrl");
+  }, E = (t) => t.toLowerCase().split("+").map((e) => e.trim()).map(k).sort(), C = (t) => {
+    const e = [t.join("+")], h = t.includes("meta"), y = t.includes("ctrl");
     if (h) {
-      const i = t.map((a) => a === "meta" ? "ctrl" : a);
-      e.push(i.join("+"));
-    } else if (l) {
-      const i = t.map((a) => a === "ctrl" ? "meta" : a);
-      e.push(i.join("+"));
+      const a = t.map((c) => c === "meta" ? "ctrl" : c);
+      e.push(a.join("+"));
+    } else if (y) {
+      const a = t.map((c) => c === "ctrl" ? "meta" : c);
+      e.push(a.join("+"));
     }
     return e;
-  }, K = (t) => {
+  }, M = (t) => {
     const e = [];
     return t.metaKey && e.push("meta"), t.ctrlKey && e.push("ctrl"), t.altKey && e.push("alt"), t.shiftKey && e.push("shift"), e.sort();
-  }, n = (t, e) => t.length !== e.length ? !1 : t.every((h, l) => h === e[l]), f = (t) => {
-    const e = p(t.key);
-    s && (clearTimeout(s), s = null);
-    const l = [...K(t)];
-    ["meta", "ctrl", "alt", "shift"].includes(e) || l.push(e), l.sort(), r.forEach((i, a) => {
-      const b = w(a);
-      n(b, l) && i.forEach((C) => C(t));
-    }), s = window.setTimeout(() => {
-      o.clear(), s = null;
+  }, z = (t, e) => t.length !== e.length ? !1 : t.every((h, y) => h === e[y]), w = () => {
+    u && (clearTimeout(u), u = null);
+  }, L = (t) => {
+    const e = k(t.key);
+    w();
+    const y = [...M(t)];
+    ["meta", "ctrl", "alt", "shift"].includes(e) || y.push(e), y.sort(), i.forEach((a, c) => {
+      const j = E(c);
+      z(j, y) && a.forEach((R) => R(t));
+    }), u = setTimeout(() => {
+      o.clear(), u = null;
     }, 100);
-  }, c = (t) => {
-    const e = p(t.key);
-    o.delete(e), s && (clearTimeout(s), s = null);
-  }, y = () => {
-    o.clear(), s && (clearTimeout(s), s = null);
-  }, u = () => {
-    document.hidden && (o.clear(), s && (clearTimeout(s), s = null));
+  }, n = (t) => {
+    const e = k(t.key);
+    o.delete(e), w();
+  }, s = () => {
+    o.clear(), w();
+  }, r = () => {
+    document.hidden && (o.clear(), w());
+  }, f = () => {
+    !S || m || (m = !0, window.addEventListener("keydown", L, { passive: !1 }), window.addEventListener("keyup", n, { passive: !1 }), window.addEventListener("blur", s, { passive: !0 }), document.addEventListener("visibilitychange", r, { passive: !0 }));
   }, d = () => {
-    window.addEventListener("keydown", f, { passive: !1 }), window.addEventListener("keyup", c, { passive: !1 }), window.addEventListener("blur", y, { passive: !0 }), document.addEventListener("visibilitychange", u, { passive: !0 });
-  }, m = () => {
-    window.removeEventListener("keydown", f), window.removeEventListener("keyup", c), window.removeEventListener("blur", y), document.removeEventListener("visibilitychange", u), s && (clearTimeout(s), s = null);
-  }, L = (t, e) => {
-    const h = w(t), l = v(h);
-    l.forEach((i) => {
-      r.has(i) || r.set(i, /* @__PURE__ */ new Set()), r.get(i).add(e);
-    }), r.size === l.length && d();
-  }, g = (t, e) => {
-    const h = w(t);
-    v(h).forEach((i) => {
-      const a = r.get(i);
-      a && (e ? a.delete(e) : a.clear(), a.size === 0 && r.delete(i));
-    }), r.size === 0 && m();
-  }, E = () => {
-    m(), r.clear(), o.clear();
+    m && (m = !1, window.removeEventListener("keydown", L), window.removeEventListener("keyup", n), window.removeEventListener("blur", s), document.removeEventListener("visibilitychange", r)), w();
+  }, l = (t, e) => {
+    const h = E(t);
+    C(h).forEach((a) => {
+      i.has(a) || i.set(a, /* @__PURE__ */ new Set()), i.get(a).add(e);
+    }), p = !0, v && f();
+  }, K = (t, e) => {
+    const h = E(t);
+    C(h).forEach((a) => {
+      const c = i.get(a);
+      c && (e ? c.delete(e) : c.clear(), c.size === 0 && i.delete(a));
+    }), i.size === 0 && (p = !1, d());
+  }, b = () => {
+    d(), i.clear(), o.clear(), p = !1;
   };
-  return k(E), { onKeyStroke: L, offKeyStroke: g, destroy: E };
+  return g && (T(() => {
+    v = !0, p && f();
+  }), D(b)), { onKeyStroke: l, offKeyStroke: K, destroy: b };
 };
 export {
-  M as useAdvancedKeyStroke,
-  S as useKeyStroke
+  q as useAdvancedKeyStroke,
+  U as useKeyStroke
 };

package/composables/useTheme.js

@@ -20,7 +20,7 @@ function c() {
   d(
     t,
     (i) => {
-      localStorage.setItem("builto-theme", i), n(i);
+      typeof window > "u" || (localStorage.setItem("builto-theme", i), n(i));
     },
     { immediate: !0 }
   ), r(() => {

package/index.d.ts

@@ -97,6 +97,7 @@ export { default as ThemeToggle } from './components/ThemeToggle.vue';
 export { default as GoogleLogin } from './components/GoogleLogin.vue';
 export { default as GoogleMap } from './components/GoogleMap.vue';
 export { default as ColorPicker } from './components/ColorPicker/ColorPicker.vue';
+export { COLOR_PICKER_RESET_VALUE } from './components/ColorPicker/constants';
 export { default as ConfirmationModal } from './components/ConfirmationModal.vue';
 export { default as ToastNotification } from './components/ToastNotification.vue';
 export { default as CommandPaletteContent } from './components/CommandPalette/CommandPaletteContent.vue';