@floegence/floe-webapp-core 0.1.13 → 0.1.14

package/dist/index56.js

@@ -1,9 +1,9 @@
-import { createSignal as x, createEffect as B } from "solid-js";
-import { createStore as O, produce as r } from "solid-js/store";
+import { createSignal as W, createEffect as B } from "solid-js";
+import { createStore as O, produce as c } from "solid-js/store";
 import { createSimpleContext as j } from "./index48.js";
 import { useResolvedFloeConfig as q } from "./index49.js";
 import { useWidgetRegistry as G } from "./index55.js";
-import { hasCollision as I, constrainPosition as H, findFreePosition as J } from "./index69.js";
+import { hasCollision as I, constrainPosition as H, findFreePosition as J } from "./index70.js";
 function N() {
   const d = Date.now();
   return [{
@@ -162,85 +162,85 @@ const {
 });
 function U() {
   var R;
-  const d = q(), f = G(), p = () => d.config.deck.storageKey, l = Q(d.config.deck.presets), W = new Set(l.map((i) => i.id)), y = d.persist.load(p(), {}), A = y.layouts ?? [], k = new Map(A.map((i) => [i.id, i])), z = l.map((i) => {
+  const d = q(), f = G(), p = () => d.config.deck.storageKey, l = Q(d.config.deck.presets), x = new Set(l.map((i) => i.id)), y = d.persist.load(p(), {}), A = y.layouts ?? [], k = new Map(A.map((i) => [i.id, i])), z = l.map((i) => {
     const t = k.get(i.id);
     return t ? {
       ...t,
       isPreset: i.isPreset
     } : i;
-  }), E = A.filter((i) => !i.isPreset && !W.has(i.id)), m = [...z, ...E], P = new Set(m.map((i) => i.id)), F = y.activeLayoutId && P.has(y.activeLayoutId) ? y.activeLayoutId : d.config.deck.defaultActiveLayoutId && P.has(d.config.deck.defaultActiveLayoutId) ? d.config.deck.defaultActiveLayoutId : ((R = m[0]) == null ? void 0 : R.id) ?? "", b = {
+  }), E = A.filter((i) => !i.isPreset && !x.has(i.id)), m = [...z, ...E], D = new Set(m.map((i) => i.id)), F = y.activeLayoutId && D.has(y.activeLayoutId) ? y.activeLayoutId : d.config.deck.defaultActiveLayoutId && D.has(d.config.deck.defaultActiveLayoutId) ? d.config.deck.defaultActiveLayoutId : ((R = m[0]) == null ? void 0 : R.id) ?? "", b = {
     layouts: m,
     activeLayoutId: F,
     editMode: !1
-  }, [c, s] = O(b), [D, S] = x(null), [M, v] = x(null);
+  }, [r, s] = O(b), [P, S] = W(null), [M, v] = W(null);
   B(() => {
     const i = {
-      layouts: c.layouts,
-      activeLayoutId: c.activeLayoutId
+      layouts: r.layouts,
+      activeLayoutId: r.activeLayoutId
     };
     d.persist.debouncedSave(p(), i);
   });
-  const w = () => c.layouts.find((i) => i.id === c.activeLayoutId), g = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  const w = () => r.layouts.find((i) => i.id === r.activeLayoutId), g = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   return {
     // Layout management
-    layouts: () => c.layouts,
-    activeLayoutId: () => c.activeLayoutId,
+    layouts: () => r.layouts,
+    activeLayoutId: () => r.activeLayoutId,
     activeLayout: w,
     setActiveLayout: (i) => {
-      c.layouts.some((t) => t.id === i) && s("activeLayoutId", i);
+      r.layouts.some((t) => t.id === i) && s("activeLayoutId", i);
     },
     createLayout: (i, t) => {
-      const n = {
+      const o = {
         id: g(),
         name: i,
         widgets: t ?? [],
         createdAt: Date.now(),
         updatedAt: Date.now()
       };
-      return s(r((o) => {
-        o.layouts.push(n), o.activeLayoutId = n.id;
-      })), n;
+      return s(c((n) => {
+        n.layouts.push(o), n.activeLayoutId = o.id;
+      })), o;
     },
     duplicateLayout: (i, t) => {
-      const n = c.layouts.find((e) => e.id === i);
-      if (!n) return;
-      const o = {
+      const o = r.layouts.find((e) => e.id === i);
+      if (!o) return;
+      const n = {
         id: g(),
         name: t,
-        widgets: n.widgets.map((e) => ({
+        widgets: o.widgets.map((e) => ({
           ...e,
           id: g()
         })),
         createdAt: Date.now(),
         updatedAt: Date.now()
       };
-      return s(r((e) => {
-        e.layouts.push(o), e.activeLayoutId = o.id;
-      })), o;
+      return s(c((e) => {
+        e.layouts.push(n), e.activeLayoutId = n.id;
+      })), n;
     },
     deleteLayout: (i) => {
-      const t = c.layouts.find((n) => n.id === i);
-      !t || t.isPreset || s(r((n) => {
+      const t = r.layouts.find((o) => o.id === i);
+      !t || t.isPreset || s(c((o) => {
         var e;
-        const o = n.layouts.findIndex((a) => a.id === i);
-        o !== -1 && (n.layouts.splice(o, 1), n.activeLayoutId === i && (n.activeLayoutId = ((e = n.layouts[0]) == null ? void 0 : e.id) ?? ""));
+        const n = o.layouts.findIndex((a) => a.id === i);
+        n !== -1 && (o.layouts.splice(n, 1), o.activeLayoutId === i && (o.activeLayoutId = ((e = o.layouts[0]) == null ? void 0 : e.id) ?? ""));
       }));
     },
     renameLayout: (i, t) => {
-      const n = c.layouts.find((o) => o.id === i);
-      !n || n.isPreset || s(r((o) => {
-        const e = o.layouts.find((a) => a.id === i);
+      const o = r.layouts.find((n) => n.id === i);
+      !o || o.isPreset || s(c((n) => {
+        const e = n.layouts.find((a) => a.id === i);
         e && (e.name = t, e.updatedAt = Date.now());
       }));
     },
     // Edit mode
-    editMode: () => c.editMode,
+    editMode: () => r.editMode,
     setEditMode: (i) => s("editMode", i),
-    toggleEditMode: () => s("editMode", !c.editMode),
+    toggleEditMode: () => s("editMode", !r.editMode),
     // Widget management
-    addWidget: (i, t, n) => {
-      const o = w();
-      if (!o) return;
+    addWidget: (i, t, o) => {
+      const n = w();
+      if (!n) return;
       const e = f.getWidget(i), a = {
         minColSpan: (e == null ? void 0 : e.minColSpan) ?? 2,
         minRowSpan: (e == null ? void 0 : e.minRowSpan) ?? 2
@@ -251,69 +251,82 @@ function U() {
         ...u,
         col: t.col,
         row: t.row
-      }, a.minColSpan, a.minRowSpan) : J(o.widgets, u.colSpan, u.rowSpan), h = g(), T = {
+      }, a.minColSpan, a.minRowSpan) : J(n.widgets, u.colSpan, u.rowSpan), h = g(), T = {
         id: h,
         type: i,
         position: K,
-        config: n
+        config: o
       };
-      return s(r((C) => {
+      return s(c((C) => {
         const L = C.layouts.find(($) => $.id === C.activeLayoutId);
         L && (L.widgets.push(T), L.updatedAt = Date.now());
       })), h;
     },
     removeWidget: (i) => {
-      s(r((t) => {
-        const n = t.layouts.find((o) => o.id === t.activeLayoutId);
-        if (n) {
-          const o = n.widgets.findIndex((e) => e.id === i);
-          o !== -1 && (n.widgets.splice(o, 1), n.updatedAt = Date.now());
+      s(c((t) => {
+        const o = t.layouts.find((n) => n.id === t.activeLayoutId);
+        if (o) {
+          const n = o.widgets.findIndex((e) => e.id === i);
+          n !== -1 && (o.widgets.splice(n, 1), o.updatedAt = Date.now());
         }
       }));
     },
     updateWidgetPosition: (i, t) => {
-      s(r((n) => {
-        const o = n.layouts.find((e) => e.id === n.activeLayoutId);
-        if (o) {
-          const e = o.widgets.find((a) => a.id === i);
-          e && (I(t, o.widgets, i) || (e.position = t, o.updatedAt = Date.now()));
+      s(c((o) => {
+        const n = o.layouts.find((e) => e.id === o.activeLayoutId);
+        if (n) {
+          const e = n.widgets.find((a) => a.id === i);
+          e && (I(t, n.widgets, i) || (e.position = t, n.updatedAt = Date.now()));
         }
       }));
     },
     updateWidgetConfig: (i, t) => {
-      s(r((n) => {
-        const o = n.layouts.find((e) => e.id === n.activeLayoutId);
-        if (o) {
-          const e = o.widgets.find((a) => a.id === i);
+      s(c((o) => {
+        const n = o.layouts.find((e) => e.id === o.activeLayoutId);
+        if (n) {
+          const e = n.widgets.find((a) => a.id === i);
           e && (e.config = {
             ...e.config,
             ...t
-          }, o.updatedAt = Date.now());
+          }, n.updatedAt = Date.now());
         }
       }));
     },
     updateWidgetTitle: (i, t) => {
-      s(r((n) => {
-        const o = n.layouts.find((e) => e.id === n.activeLayoutId);
-        if (o) {
-          const e = o.widgets.find((a) => a.id === i);
-          e && (e.title = t, o.updatedAt = Date.now());
+      s(c((o) => {
+        const n = o.layouts.find((e) => e.id === o.activeLayoutId);
+        if (n) {
+          const e = n.widgets.find((a) => a.id === i);
+          e && (e.title = t, n.updatedAt = Date.now());
         }
       }));
     },
     changeWidgetType: (i, t) => {
-      s(r((n) => {
-        const o = n.layouts.find((e) => e.id === n.activeLayoutId);
-        if (o) {
-          const e = o.widgets.find((a) => a.id === i);
-          e && (e.type = t, e.config = void 0, e.title = void 0, o.updatedAt = Date.now());
+      s(c((o) => {
+        const n = o.layouts.find((e) => e.id === o.activeLayoutId);
+        if (n) {
+          const e = n.widgets.find((a) => a.id === i);
+          e && (e.type = t, e.config = void 0, e.title = void 0, e.state = void 0, n.updatedAt = Date.now());
         }
       }));
     },
+    updateWidgetState: (i, t, o) => {
+      s(c((n) => {
+        const e = n.layouts.find((a) => a.id === n.activeLayoutId);
+        if (e) {
+          const a = e.widgets.find((u) => u.id === i);
+          a && (a.state || (a.state = {}), a.state[t] = o, e.updatedAt = Date.now());
+        }
+      }));
+    },
+    getWidgetState: (i) => {
+      const t = w(), o = t == null ? void 0 : t.widgets.find((n) => n.id === i);
+      return (o == null ? void 0 : o.state) ?? {};
+    },
     // Drag state
-    dragState: D,
-    startDrag: (i, t, n) => {
-      const o = w(), e = o == null ? void 0 : o.widgets.find((a) => a.id === i);
+    dragState: P,
+    startDrag: (i, t, o) => {
+      const n = w(), e = n == null ? void 0 : n.widgets.find((a) => a.id === i);
       e && S({
         widgetId: i,
         originalPosition: {
@@ -327,23 +340,23 @@ function U() {
           y: 0
         },
         startX: t,
-        startY: n
+        startY: o
       });
     },
     updateDrag: (i, t) => {
-      S((n) => n ? {
-        ...n,
+      S((o) => o ? {
+        ...o,
         currentPosition: i,
         pixelOffset: t
       } : null);
     },
     endDrag: (i) => {
-      const t = D();
+      const t = P();
       if (t) {
         if (i) {
-          const n = w();
-          n && !I(t.currentPosition, n.widgets, t.widgetId) && s(r((o) => {
-            const e = o.layouts.find((a) => a.id === o.activeLayoutId);
+          const o = w();
+          o && !I(t.currentPosition, o.widgets, t.widgetId) && s(c((n) => {
+            const e = n.layouts.find((a) => a.id === n.activeLayoutId);
             if (e) {
               const a = e.widgets.find((u) => u.id === t.widgetId);
               a && (a.position = t.currentPosition, e.updatedAt = Date.now());
@@ -355,7 +368,7 @@ function U() {
     },
     // Resize state
     resizeState: M,
-    startResize: (i, t, n, o) => {
+    startResize: (i, t, o, n) => {
       const e = w(), a = e == null ? void 0 : e.widgets.find((u) => u.id === i);
       a && v({
         widgetId: i,
@@ -366,8 +379,8 @@ function U() {
         currentPosition: {
           ...a.position
         },
-        startX: n,
-        startY: o
+        startX: o,
+        startY: n
       });
     },
     updateResize: (i) => {
@@ -380,9 +393,9 @@ function U() {
       const t = M();
       if (t) {
         if (i) {
-          const n = w();
-          n && !I(t.currentPosition, n.widgets, t.widgetId) && s(r((o) => {
-            const e = o.layouts.find((a) => a.id === o.activeLayoutId);
+          const o = w();
+          o && !I(t.currentPosition, o.widgets, t.widgetId) && s(c((n) => {
+            const e = n.layouts.find((a) => a.id === n.activeLayoutId);
             if (e) {
               const a = e.widgets.find((u) => u.id === t.widgetId);
               a && (a.position = t.currentPosition, e.updatedAt = Date.now());

package/dist/index57.js

@@ -1,16 +1,41 @@
-import { createSignal as c, onMount as i, onCleanup as s } from "solid-js";
-function h(a) {
-  const [o, n] = c(!1);
-  return i(() => {
-    if (typeof window > "u") return;
-    const e = window.matchMedia(a);
-    n(e.matches);
-    const t = (r) => {
-      n(r.matches);
-    };
-    e.addEventListener("change", t), s(() => e.removeEventListener("change", t));
-  }), o;
+import { createComponent as c } from "solid-js/web";
+import { createContext as g, untrack as s, useContext as a } from "solid-js";
+const d = g();
+function f(t) {
+  const e = {
+    widgetId: s(() => t.widgetId),
+    get: (n) => t.state()[n],
+    set: (n, i) => t.onStateChange(n, i),
+    getAll: () => t.state()
+  };
+  return c(d.Provider, {
+    value: e,
+    get children() {
+      return t.children;
+    }
+  });
+}
+function u() {
+  const t = a(d);
+  if (!t)
+    throw new Error("useWidgetStateContext must be used within a WidgetStateProvider");
+  return t;
+}
+function w(t, o) {
+  const e = u();
+  return [() => {
+    const r = e.get(t);
+    return r !== void 0 ? r : o;
+  }, (r) => {
+    e.set(t, r);
+  }];
+}
+function S() {
+  return u().widgetId;
 }
 export {
-  h as useMediaQuery
+  f as WidgetStateProvider,
+  S as useCurrentWidgetId,
+  w as useWidgetState,
+  u as useWidgetStateContext
 };

package/dist/index58.js

@@ -1,13 +1,16 @@
-import { createSignal as r, createEffect as i, on as a } from "solid-js";
-function s(e, t) {
-  const [o, n] = r(e());
-  return i(
-    a(e, (u) => {
-      const c = setTimeout(() => n(() => u), t);
-      return () => clearTimeout(c);
-    })
-  ), o;
+import { createSignal as c, onMount as i, onCleanup as s } from "solid-js";
+function h(a) {
+  const [o, n] = c(!1);
+  return i(() => {
+    if (typeof window > "u") return;
+    const e = window.matchMedia(a);
+    n(e.matches);
+    const t = (r) => {
+      n(r.matches);
+    };
+    e.addEventListener("change", t), s(() => e.removeEventListener("change", t));
+  }), o;
 }
 export {
-  s as useDebounce
+  h as useMediaQuery
 };

package/dist/index59.js

@@ -1,19 +1,13 @@
-import { createSignal as c, onMount as u, onCleanup as h } from "solid-js";
-function b(o) {
-  const [r, i] = c(null);
-  return u(() => {
-    const t = o();
-    if (!t) return;
-    const n = new ResizeObserver((s) => {
-      const e = s[0];
-      e && i({
-        width: e.contentRect.width,
-        height: e.contentRect.height
-      });
-    });
-    n.observe(t), h(() => n.disconnect());
-  }), r;
+import { createSignal as r, createEffect as i, on as a } from "solid-js";
+function s(e, t) {
+  const [o, n] = r(e());
+  return i(
+    a(e, (u) => {
+      const c = setTimeout(() => n(() => u), t);
+      return () => clearTimeout(c);
+    })
+  ), o;
 }
 export {
-  b as useResizeObserver
+  s as useDebounce
 };

package/dist/index6.js

@@ -1,6 +1,6 @@
 import { delegateEvents as f, template as i, insert as l, effect as u, className as a, createComponent as c } from "solid-js/web";
 import { Show as s } from "solid-js";
-import { cn as m } from "./index63.js";
+import { cn as m } from "./index64.js";
 import { useResolvedFloeConfig as b } from "./index49.js";
 var h = /* @__PURE__ */ i("<footer>"), g = /* @__PURE__ */ i('<span class="w-2.5 h-2.5">'), $ = /* @__PURE__ */ i("<button type=button>"), d = /* @__PURE__ */ i("<span>");
 function C(e) {

package/dist/index60.js

@@ -1,13 +1,19 @@
-import { onMount as d, onCleanup as i } from "solid-js";
-import { matchKeybind as r } from "./index66.js";
-function a(o, t) {
-  d(() => {
-    const n = (e) => {
-      r(e, o) && (e.preventDefault(), t());
-    };
-    window.addEventListener("keydown", n), i(() => window.removeEventListener("keydown", n));
-  });
+import { createSignal as c, onMount as u, onCleanup as h } from "solid-js";
+function b(o) {
+  const [r, i] = c(null);
+  return u(() => {
+    const t = o();
+    if (!t) return;
+    const n = new ResizeObserver((s) => {
+      const e = s[0];
+      e && i({
+        width: e.contentRect.width,
+        height: e.contentRect.height
+      });
+    });
+    n.observe(t), h(() => n.disconnect());
+  }), r;
 }
 export {
-  a as useKeybind
+  b as useResizeObserver
 };

package/dist/index61.js

@@ -1,11 +1,13 @@
-import { createSignal as n, createEffect as a } from "solid-js";
-import { useResolvedFloeConfig as c } from "./index49.js";
-function u(e, s) {
-  const t = c(), r = t.persist.load(e, s), [o, i] = n(r);
-  return a(() => {
-    t.persist.debouncedSave(e, o());
-  }), [o, i];
+import { onMount as d, onCleanup as i } from "solid-js";
+import { matchKeybind as r } from "./index67.js";
+function a(o, t) {
+  d(() => {
+    const n = (e) => {
+      r(e, o) && (e.preventDefault(), t());
+    };
+    window.addEventListener("keydown", n), i(() => window.removeEventListener("keydown", n));
+  });
 }
 export {
-  u as usePersisted
+  a as useKeybind
 };

package/dist/index62.js

@@ -1,61 +1,11 @@
-import { createEffect as q, onCleanup as x } from "solid-js";
-import { useDeck as H } from "./index56.js";
-import { applyDragDelta as R } from "./index70.js";
-import { DECK_GRID_CONFIG as k } from "./index10.js";
-import { lockBodyStyle as N } from "./index67.js";
-function j() {
-  const i = H();
-  let r = null, c = 0, s = 0, f = 0, g = 0, o = null, l = null, a = null, e = null;
-  const h = (t) => {
-    if (!t) {
-      e == null || e(), e = null;
-      return;
-    }
-    e == null || e(), e = N({ cursor: "grabbing", "user-select": "none" });
-  }, w = () => {
-    r !== null && (o !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(o), o = null), r = null, l = null, a = null, h(!1), i.endDrag(!0));
-  }, E = (t) => {
-    const u = t.target;
-    if (u.closest('button, input, select, textarea, [role="button"], a')) return;
-    const n = u.closest("[data-widget-drag-handle]");
-    if (!n || t.pointerType === "mouse" && t.button !== 0) return;
-    const d = n.dataset.widgetDragHandle;
-    d && (t.preventDefault(), t.stopPropagation(), r = t.pointerId, c = t.clientX, s = t.clientY, f = c, g = s, l = d, a = n, h(!0), i.startDrag(d, c, s), n.setPointerCapture(t.pointerId));
-  }, I = (t) => {
-    if (!(r !== t.pointerId || !l) && (f = t.clientX, g = t.clientY, o === null)) {
-      if (typeof requestAnimationFrame > "u") {
-        y();
-        return;
-      }
-      o = requestAnimationFrame(() => {
-        o = null, r !== null && y();
-      });
-    }
-  }, y = () => {
-    if (!l) return;
-    const t = f - c, u = g - s, m = document.querySelector(".deck-grid");
-    if (!m) return;
-    const { cols: n, rowHeight: d, gap: L } = k, P = window.getComputedStyle(m), b = parseFloat(P.paddingLeft) || 0, C = parseFloat(P.paddingRight) || 0, W = m.clientWidth - b - C, X = L * (n - 1), v = (W - X) / n;
-    if (!Number.isFinite(v) || v <= 0) return;
-    const Y = d + L, A = Math.round(t / v), G = Math.round(u / Y), D = i.activeLayout(), F = D == null ? void 0 : D.widgets.find((S) => S.id === l);
-    if (!F) return;
-    const M = R(F.position, A, G, n);
-    i.updateDrag(M, { x: t, y: u });
-  }, p = (t) => {
-    if (r === t.pointerId) {
-      try {
-        a == null || a.releasePointerCapture(t.pointerId);
-      } catch {
-      }
-      w();
-    }
-  };
-  q(() => {
-    i.editMode() && (typeof document > "u" || (document.addEventListener("pointerdown", E, !0), document.addEventListener("pointermove", I, !0), document.addEventListener("pointerup", p, !0), document.addEventListener("pointercancel", p, !0), x(() => {
-      w(), document.removeEventListener("pointerdown", E, !0), document.removeEventListener("pointermove", I, !0), document.removeEventListener("pointerup", p, !0), document.removeEventListener("pointercancel", p, !0);
-    })));
-  });
+import { createSignal as n, createEffect as a } from "solid-js";
+import { useResolvedFloeConfig as c } from "./index49.js";
+function u(e, s) {
+  const t = c(), r = t.persist.load(e, s), [o, i] = n(r);
+  return a(() => {
+    t.persist.debouncedSave(e, o());
+  }), [o, i];
 }
 export {
-  j as useDeckDrag
+  u as usePersisted
 };

package/dist/index63.js

@@ -1,8 +1,61 @@
-import { clsx as o } from "./index75.js";
-import { twMerge as t } from "./index76.js";
-function n(...r) {
-  return t(o(r));
+import { createEffect as q, onCleanup as x } from "solid-js";
+import { useDeck as H } from "./index56.js";
+import { applyDragDelta as R } from "./index71.js";
+import { DECK_GRID_CONFIG as k } from "./index10.js";
+import { lockBodyStyle as N } from "./index68.js";
+function j() {
+  const i = H();
+  let r = null, c = 0, s = 0, f = 0, g = 0, o = null, l = null, a = null, e = null;
+  const h = (t) => {
+    if (!t) {
+      e == null || e(), e = null;
+      return;
+    }
+    e == null || e(), e = N({ cursor: "grabbing", "user-select": "none" });
+  }, w = () => {
+    r !== null && (o !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(o), o = null), r = null, l = null, a = null, h(!1), i.endDrag(!0));
+  }, E = (t) => {
+    const u = t.target;
+    if (u.closest('button, input, select, textarea, [role="button"], a')) return;
+    const n = u.closest("[data-widget-drag-handle]");
+    if (!n || t.pointerType === "mouse" && t.button !== 0) return;
+    const d = n.dataset.widgetDragHandle;
+    d && (t.preventDefault(), t.stopPropagation(), r = t.pointerId, c = t.clientX, s = t.clientY, f = c, g = s, l = d, a = n, h(!0), i.startDrag(d, c, s), n.setPointerCapture(t.pointerId));
+  }, I = (t) => {
+    if (!(r !== t.pointerId || !l) && (f = t.clientX, g = t.clientY, o === null)) {
+      if (typeof requestAnimationFrame > "u") {
+        y();
+        return;
+      }
+      o = requestAnimationFrame(() => {
+        o = null, r !== null && y();
+      });
+    }
+  }, y = () => {
+    if (!l) return;
+    const t = f - c, u = g - s, m = document.querySelector(".deck-grid");
+    if (!m) return;
+    const { cols: n, rowHeight: d, gap: L } = k, P = window.getComputedStyle(m), b = parseFloat(P.paddingLeft) || 0, C = parseFloat(P.paddingRight) || 0, W = m.clientWidth - b - C, X = L * (n - 1), v = (W - X) / n;
+    if (!Number.isFinite(v) || v <= 0) return;
+    const Y = d + L, A = Math.round(t / v), G = Math.round(u / Y), D = i.activeLayout(), F = D == null ? void 0 : D.widgets.find((S) => S.id === l);
+    if (!F) return;
+    const M = R(F.position, A, G, n);
+    i.updateDrag(M, { x: t, y: u });
+  }, p = (t) => {
+    if (r === t.pointerId) {
+      try {
+        a == null || a.releasePointerCapture(t.pointerId);
+      } catch {
+      }
+      w();
+    }
+  };
+  q(() => {
+    i.editMode() && (typeof document > "u" || (document.addEventListener("pointerdown", E, !0), document.addEventListener("pointermove", I, !0), document.addEventListener("pointerup", p, !0), document.addEventListener("pointercancel", p, !0), x(() => {
+      w(), document.removeEventListener("pointerdown", E, !0), document.removeEventListener("pointermove", I, !0), document.removeEventListener("pointerup", p, !0), document.removeEventListener("pointercancel", p, !0);
+    })));
+  });
 }
 export {
-  n as cn
+  j as useDeckDrag
 };

package/dist/index64.js

@@ -1,6 +1,8 @@
-function n(e, o = 0) {
-  setTimeout(e, o);
+import { clsx as o } from "./index76.js";
+import { twMerge as t } from "./index77.js";
+function n(...r) {
+  return t(o(r));
 }
 export {
-  n as deferNonBlocking
+  n as cn
 };