@bquery/bquery 1.6.0 → 1.7.0

package/dist/dnd/sortable.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Sortable list with animated reordering via pointer events.
+ *
+ * Makes children of a container sortable by dragging. Items are
+ * rearranged in the DOM with optional CSS animation.
+ *
+ * @module bquery/dnd
+ */
+import type { SortableHandle, SortableOptions } from './types';
+/**
+ * Makes the children of a container sortable by dragging.
+ *
+ * Features:
+ * - Pointer event based (touch + mouse)
+ * - Animated reordering with configurable duration
+ * - Axis constraint (vertical or horizontal)
+ * - Optional drag handle
+ * - Placeholder element during sort
+ * - Callbacks: `onSortStart`, `onSortMove`, `onSortEnd`
+ *
+ * @param container - The container element whose children will be sortable
+ * @param options - Configuration options
+ * @returns A handle with `destroy()`, `disable()`, and `enable()` methods
+ *
+ * @example
+ * ```ts
+ * import { sortable } from '@bquery/bquery/dnd';
+ *
+ * const handle = sortable(document.querySelector('#list'), {
+ *   items: 'li',
+ *   axis: 'y',
+ *   animationDuration: 200,
+ *   onSortEnd: ({ oldIndex, newIndex }) => {
+ *     console.log(`Moved from ${oldIndex} to ${newIndex}`);
+ *   },
+ * });
+ *
+ * // Later:
+ * handle.destroy();
+ * ```
+ */
+export declare const sortable: (container: HTMLElement, options?: SortableOptions) => SortableHandle;
+//# sourceMappingURL=sortable.d.ts.map

package/dist/dnd/sortable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable.d.ts","sourceRoot":"","sources":["../../src/dnd/sortable.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAiB,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6C9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,QAAQ,GAAI,WAAW,WAAW,EAAE,UAAS,eAAoB,KAAG,cA4NhF,CAAC"}

package/dist/dnd/types.d.ts

@@ -0,0 +1,250 @@
+/**
+ * Type definitions for the bQuery Drag & Drop module.
+ *
+ * @module bquery/dnd
+ */
+/**
+ * Axis constraint for draggable elements.
+ * - `'x'` — horizontal only
+ * - `'y'` — vertical only
+ * - `'both'` — free movement (default)
+ */
+export type DragAxis = 'x' | 'y' | 'both';
+/**
+ * Position coordinates in pixels.
+ */
+export interface DragPosition {
+    /** Horizontal position in pixels. */
+    x: number;
+    /** Vertical position in pixels. */
+    y: number;
+}
+/**
+ * A bounding rectangle used to constrain drag movement.
+ */
+export interface BoundsRect {
+    /** Minimum X coordinate (left edge). */
+    left: number;
+    /** Minimum Y coordinate (top edge). */
+    top: number;
+    /** Maximum X coordinate (right edge). */
+    right: number;
+    /** Maximum Y coordinate (bottom edge). */
+    bottom: number;
+}
+/**
+ * Bounds constraint for draggable elements.
+ * - `'parent'` — constrain to parent element's bounds
+ * - A CSS selector string — constrain to the matched element's bounds
+ * - A `BoundsRect` — constrain to explicit coordinates
+ */
+export type DragBounds = 'parent' | string | BoundsRect;
+/**
+ * Data passed to all drag event callbacks.
+ */
+export interface DragEventData {
+    /** The dragged element. */
+    element: HTMLElement;
+    /** Current position relative to the initial position (0,0 at start). */
+    position: DragPosition;
+    /** Movement delta since the last event. */
+    delta: DragPosition;
+    /** The original pointer event. */
+    event: PointerEvent;
+}
+/**
+ * Configuration options for `draggable()`.
+ */
+export interface DraggableOptions {
+    /**
+     * Axis constraint for movement.
+     * @default 'both'
+     */
+    axis?: DragAxis;
+    /**
+     * Bounds constraint. Restricts the element's movement to within the
+     * specified area.
+     */
+    bounds?: DragBounds;
+    /**
+     * CSS selector for a drag handle. If provided, only pointer events
+     * on matching child elements will initiate a drag.
+     */
+    handle?: string;
+    /**
+     * Whether to show a ghost/clone preview during drag instead of
+     * moving the original element. The ghost follows the pointer while
+     * the original stays in place.
+     * @default false
+     */
+    ghost?: boolean;
+    /**
+     * CSS class applied to the ghost element.
+     * @default 'bq-drag-ghost'
+     */
+    ghostClass?: string;
+    /**
+     * CSS class applied to the element while it is being dragged.
+     * @default 'bq-dragging'
+     */
+    draggingClass?: string;
+    /**
+     * Whether the element is initially disabled for dragging.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Called when a drag operation starts.
+     */
+    onDragStart?: (data: DragEventData) => void;
+    /**
+     * Called continuously during drag movement.
+     */
+    onDrag?: (data: DragEventData) => void;
+    /**
+     * Called when a drag operation ends.
+     */
+    onDragEnd?: (data: DragEventData) => void;
+}
+/**
+ * Handle returned by `draggable()` for controlling the drag behavior.
+ */
+export interface DraggableHandle {
+    /** Remove all event listeners and clean up. */
+    destroy: () => void;
+    /** Disable dragging. */
+    disable: () => void;
+    /** Re-enable dragging. */
+    enable: () => void;
+    /** Whether dragging is currently enabled. */
+    readonly enabled: boolean;
+}
+/**
+ * Data passed to droppable event callbacks.
+ */
+export interface DropEventData {
+    /** The drop zone element. */
+    zone: HTMLElement;
+    /** The dragged element entering/leaving/dropping onto the zone. */
+    dragged: HTMLElement;
+    /** The original pointer event. */
+    event: PointerEvent;
+}
+/**
+ * Configuration options for `droppable()`.
+ */
+export interface DroppableOptions {
+    /**
+     * CSS class applied to the zone while a draggable element is over it.
+     * @default 'bq-drop-over'
+     */
+    overClass?: string;
+    /**
+     * CSS selector or predicate to filter which dragged elements are
+     * accepted. If a string, only elements matching the selector can
+     * be dropped. If a function, return `true` to accept.
+     */
+    accept?: string | ((el: HTMLElement) => boolean);
+    /**
+     * Called when a dragged element enters the drop zone.
+     */
+    onDragEnter?: (data: DropEventData) => void;
+    /**
+     * Called while a dragged element is over the drop zone.
+     */
+    onDragOver?: (data: DropEventData) => void;
+    /**
+     * Called when a dragged element leaves the drop zone.
+     */
+    onDragLeave?: (data: DropEventData) => void;
+    /**
+     * Called when a dragged element is dropped onto the zone.
+     */
+    onDrop?: (data: DropEventData) => void;
+}
+/**
+ * Handle returned by `droppable()` for controlling the drop zone.
+ */
+export interface DroppableHandle {
+    /** Remove all event listeners and clean up. */
+    destroy: () => void;
+}
+/**
+ * Data passed to sortable event callbacks.
+ */
+export interface SortEventData {
+    /** The container element. */
+    container: HTMLElement;
+    /** The item being moved. */
+    item: HTMLElement;
+    /** The old index before the move. */
+    oldIndex: number;
+    /** The new index after the move. */
+    newIndex: number;
+}
+/**
+ * Configuration options for `sortable()`.
+ */
+export interface SortableOptions {
+    /**
+     * CSS selector for the sortable items within the container.
+     * @default '> *'
+     */
+    items?: string;
+    /**
+     * Axis constraint for sorting.
+     * @default 'y'
+     */
+    axis?: 'x' | 'y';
+    /**
+     * CSS selector for a drag handle within each item. If provided,
+     * only pointer events on handle elements initiate sorting.
+     */
+    handle?: string;
+    /**
+     * CSS class applied to the placeholder element during sorting.
+     * @default 'bq-sort-placeholder'
+     */
+    placeholderClass?: string;
+    /**
+     * CSS class applied to the item being sorted.
+     * @default 'bq-sorting'
+     */
+    sortingClass?: string;
+    /**
+     * Duration of the reorder animation in milliseconds.
+     * @default 200
+     */
+    animationDuration?: number;
+    /**
+     * Whether sorting is initially disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Called when sorting starts.
+     */
+    onSortStart?: (data: SortEventData) => void;
+    /**
+     * Called when an item is moved to a new position.
+     */
+    onSortMove?: (data: SortEventData) => void;
+    /**
+     * Called when sorting ends and the item is placed.
+     */
+    onSortEnd?: (data: SortEventData) => void;
+}
+/**
+ * Handle returned by `sortable()` for controlling the sortable list.
+ */
+export interface SortableHandle {
+    /** Remove all event listeners and clean up. */
+    destroy: () => void;
+    /** Disable sorting. */
+    disable: () => void;
+    /** Re-enable sorting. */
+    enable: () => void;
+    /** Whether sorting is currently enabled. */
+    readonly enabled: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/dnd/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dnd/types.ts"],"names":[],"mappings":"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"}

package/dist/dnd-B8EgyzaI.js

@@ -0,0 +1,244 @@
+var $ = /* @__PURE__ */ new Map(), N = () => {
+  const e = Array.from($.values());
+  return e[e.length - 1];
+}, k = (e, r) => {
+  if (typeof r == "object") return r;
+  let f = null;
+  if (r === "parent" ? f = e.parentElement : f = document.querySelector(r), !f) return null;
+  const p = f.getBoundingClientRect(), l = e.getBoundingClientRect(), g = parseFloat(e.style.left || "0"), y = parseFloat(e.style.top || "0"), v = Number.isNaN(g) ? 0 : g, c = Number.isNaN(y) ? 0 : y;
+  return {
+    left: p.left - l.left + v,
+    top: p.top - l.top + c,
+    right: p.right - l.right + v + (p.width - l.width),
+    bottom: p.bottom - l.bottom + c + (p.height - l.height)
+  };
+}, H = (e, r) => r ? {
+  x: Math.max(r.left, Math.min(r.right, e.x)),
+  y: Math.max(r.top, Math.min(r.bottom, e.y))
+} : e, ee = (e, r = {}) => {
+  const { axis: f = "both", bounds: p, handle: l, ghost: g = !1, ghostClass: y = "bq-drag-ghost", draggingClass: v = "bq-dragging", onDragStart: c, onDrag: P, onDragEnd: D } = r;
+  let x = !r.disabled, L = !1, o = {
+    x: 0,
+    y: 0
+  }, n = {
+    x: 0,
+    y: 0
+  }, E = {
+    x: 0,
+    y: 0
+  }, h = null, a = null;
+  const i = e.style.touchAction, I = e.style.userSelect, b = (t) => ({
+    element: e,
+    position: { ...n },
+    delta: {
+      x: n.x - E.x,
+      y: n.y - E.y
+    },
+    event: t
+  }), X = () => {
+    const t = e.cloneNode(!0), u = e.getBoundingClientRect();
+    return t.classList.add(y), t.style.position = "fixed", t.style.left = `${u.left}px`, t.style.top = `${u.top}px`, t.style.width = `${u.width}px`, t.style.height = `${u.height}px`, t.style.pointerEvents = "none", t.style.zIndex = "999999", t.style.opacity = "0.7", t.style.margin = "0", document.body.appendChild(t), t;
+  }, S = () => {
+    h && (h.remove(), h = null), a = null;
+  }, A = (t) => {
+    if (x && !(l && !t.target.closest(l))) {
+      if (t.preventDefault(), L = !0, o = {
+        x: t.clientX,
+        y: t.clientY
+      }, E = { ...n }, e.classList.add(v), e.setPointerCapture(t.pointerId), g) {
+        const u = e.getBoundingClientRect();
+        a = {
+          x: u.left,
+          y: u.top
+        }, h = X();
+      }
+      $.set(e, {
+        element: e,
+        position: n
+      }), c?.(b(t));
+    }
+  }, M = (t) => {
+    if (!L) return;
+    t.preventDefault(), E = { ...n };
+    let u = n.x + (t.clientX - o.x), s = n.y + (t.clientY - o.y);
+    o = {
+      x: t.clientX,
+      y: t.clientY
+    }, f === "x" && (s = n.y), f === "y" && (u = n.x);
+    let m = {
+      x: u,
+      y: s
+    };
+    if (p) {
+      const w = k(e, p);
+      m = H(m, w);
+    }
+    if (n = m, $.set(e, {
+      element: e,
+      position: n
+    }), g && h) {
+      const w = a ?? {
+        x: e.getBoundingClientRect().left,
+        y: e.getBoundingClientRect().top
+      };
+      h.style.left = `${w.x + n.x}px`, h.style.top = `${w.y + n.y}px`;
+    } else e.style.transform = `translate(${n.x}px, ${n.y}px)`;
+    P?.(b(t));
+  }, d = (t) => {
+    if (L) {
+      L = !1, e.classList.remove(v);
+      try {
+        typeof e.releasePointerCapture == "function" && (typeof e.hasPointerCapture != "function" || e.hasPointerCapture(t.pointerId)) && e.releasePointerCapture(t.pointerId);
+      } catch {
+      } finally {
+        S(), $.delete(e), D?.(b(t));
+      }
+    }
+  };
+  return e.addEventListener("pointerdown", A), e.addEventListener("pointermove", M), e.addEventListener("pointerup", d), e.addEventListener("pointercancel", d), e.style.touchAction = "none", e.style.userSelect = "none", {
+    destroy: () => {
+      e.removeEventListener("pointerdown", A), e.removeEventListener("pointermove", M), e.removeEventListener("pointerup", d), e.removeEventListener("pointercancel", d), S(), $.delete(e), e.style.touchAction = i, e.style.userSelect = I, e.classList.remove(v);
+    },
+    disable: () => {
+      x = !1;
+    },
+    enable: () => {
+      x = !0;
+    },
+    get enabled() {
+      return x;
+    }
+  };
+}, J = { passive: !0 }, B = /* @__PURE__ */ new Set(), R = null, C = null, U = () => Array.from(B), K = () => typeof document < "u" && typeof document.addEventListener == "function" && typeof document.removeEventListener == "function" && typeof requestAnimationFrame == "function" && typeof cancelAnimationFrame == "function", Q = (e) => {
+  for (const r of U()) r.handlePointerMove(e);
+}, V = () => {
+  C = null;
+  const e = R;
+  R = null, e && Q(e);
+}, T = (e) => {
+  R = e, C === null && (C = requestAnimationFrame(V));
+}, G = (e) => {
+  C !== null && (cancelAnimationFrame(C), C = null, R = null);
+  for (const r of U()) r.handlePointerUp(e);
+}, W = (e) => {
+  B.size === 0 && (document.addEventListener("pointermove", T, J), document.addEventListener("pointerup", G)), B.add(e);
+}, Z = (e) => {
+  B.delete(e), B.size === 0 && (document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", G), C !== null && (cancelAnimationFrame(C), C = null), R = null);
+}, O = (e, r) => r ? typeof r == "string" ? e.matches(r) : r(e) : !0, te = (e, r = {}) => {
+  const { overClass: f = "bq-drop-over", accept: p, onDragEnter: l, onDragOver: g, onDragLeave: y, onDrop: v } = r;
+  if (!K()) return { destroy: () => {
+  } };
+  let c = !1, P = null;
+  const D = (a, i) => ({
+    zone: e,
+    dragged: a,
+    event: i
+  }), x = (a) => {
+    const i = e.getBoundingClientRect();
+    return a.clientX >= i.left && a.clientX <= i.right && a.clientY >= i.top && a.clientY <= i.bottom;
+  }, L = () => N()?.element ?? P, o = (a, i = P) => {
+    c && (c = !1, e.classList.remove(f), i && y?.(D(i, a)), P = null);
+  }, h = {
+    handlePointerMove: (a) => {
+      const i = N()?.element ?? null, I = x(a);
+      if (!(i !== null && i !== e && O(i, p)) || !I) {
+        o(a, i ?? P);
+        return;
+      }
+      c ? g?.(D(i, a)) : (c = !0, P = i, e.classList.add(f), l?.(D(i, a)));
+    },
+    handlePointerUp: (a) => {
+      const i = L(), I = x(a), b = i !== null && i !== e && O(i, p);
+      I && b && i && v?.(D(i, a)), c && (c = !1, e.classList.remove(f)), P = null;
+    }
+  };
+  return W(h), { destroy: () => {
+    Z(h), e.classList.remove(f), P = null;
+  } };
+}, F = (e, r) => Array.from(e.querySelectorAll(r)), _ = (e, r, f, p) => {
+  let l = null;
+  for (let g = 0; g < e.length; g++) {
+    const y = e[g];
+    if (y === p) continue;
+    const v = y.getBoundingClientRect(), c = r - (f === "y" ? v.top + v.height / 2 : v.left + v.width / 2);
+    (l === null || c < 0 && c > l.distance || l.distance >= 0 && c < 0 && Math.abs(c) < Math.abs(l.distance)) && c < 0 && (l = {
+      element: y,
+      index: g,
+      distance: c
+    });
+  }
+  return l ? {
+    element: l.element,
+    index: l.index
+  } : null;
+}, ne = (e, r = {}) => {
+  const { items: f = ":scope > *", axis: p = "y", handle: l, placeholderClass: g = "bq-sort-placeholder", sortingClass: y = "bq-sorting", animationDuration: v = 200, onSortStart: c, onSortMove: P, onSortEnd: D } = r;
+  let x = !r.disabled, L = !1, o = null, n = null, E = -1, h = 0, a = 0, i = 0, I = 0;
+  const b = (d, t, u) => ({
+    container: e,
+    item: d,
+    oldIndex: t,
+    newIndex: u
+  }), X = (d) => {
+    if (!x) return;
+    const t = d.target, u = F(e, f);
+    let s = null;
+    for (const w of u) if (w.contains(t)) {
+      s = w;
+      break;
+    }
+    if (!s || l && !t.closest(l)) return;
+    d.preventDefault(), L = !0, o = s, E = u.indexOf(s), h = d.clientY, a = d.clientX;
+    const m = s.getBoundingClientRect();
+    i = m.top, I = m.left, n = document.createElement("div"), n.classList.add(g), n.style.width = `${m.width}px`, n.style.height = `${m.height}px`, n.style.boxSizing = "border-box", s.classList.add(y), s.style.position = "fixed", s.style.width = `${m.width}px`, s.style.height = `${m.height}px`, s.style.left = `${m.left}px`, s.style.top = `${m.top}px`, s.style.zIndex = "999999", s.style.pointerEvents = "none", s.style.margin = "0", s.parentNode?.insertBefore(n, s), e.setPointerCapture(d.pointerId), c?.(b(s, E, E));
+  }, S = (d) => {
+    if (!L || !o || !n) return;
+    d.preventDefault();
+    const t = d.clientX - a, u = d.clientY - h;
+    p === "y" ? o.style.top = `${i + u}px` : o.style.left = `${I + t}px`;
+    const s = _(F(e, f), p === "y" ? d.clientY : d.clientX, p, o);
+    s ? e.insertBefore(n, s.element) : e.appendChild(n);
+    const m = Array.from(e.children).indexOf(n);
+    P?.(b(o, E, m));
+  }, A = (d) => {
+    if (!L || !o || !n) return;
+    L = !1;
+    const t = o, u = Array.from(e.children).indexOf(n), s = n.getBoundingClientRect(), m = t.getBoundingClientRect();
+    if (v > 0) {
+      const w = s.left - m.left, j = s.top - m.top;
+      t.style.transition = `transform ${v}ms ease`, t.style.transform = `translate(${w}px, ${j}px)`;
+      let q = !1, Y = null;
+      const z = () => {
+        q || (q = !0, Y !== null && (window.clearTimeout(Y), Y = null), M(), D?.(b(t, E, u)));
+      };
+      Y = window.setTimeout(() => {
+        z();
+      }, v + 50), t.addEventListener("transitionend", z, { once: !0 });
+    } else
+      M(), D?.(b(t, E, u));
+    e.releasePointerCapture(d.pointerId);
+  }, M = () => {
+    !o || !n || (n.parentNode?.insertBefore(o, n), n.remove(), n = null, o.classList.remove(y), o.style.position = "", o.style.width = "", o.style.height = "", o.style.left = "", o.style.top = "", o.style.zIndex = "", o.style.pointerEvents = "", o.style.margin = "", o.style.transition = "", o.style.transform = "", o = null);
+  };
+  return e.addEventListener("pointerdown", X), e.addEventListener("pointermove", S), e.addEventListener("pointerup", A), e.addEventListener("pointercancel", A), e.style.touchAction = "none", {
+    destroy: () => {
+      e.removeEventListener("pointerdown", X), e.removeEventListener("pointermove", S), e.removeEventListener("pointerup", A), e.removeEventListener("pointercancel", A), e.style.touchAction = "", L && M();
+    },
+    disable: () => {
+      x = !1;
+    },
+    enable: () => {
+      x = !0;
+    },
+    get enabled() {
+      return x;
+    }
+  };
+};
+export {
+  te as n,
+  ee as r,
+  ne as t
+};
+
+//# sourceMappingURL=dnd-B8EgyzaI.js.map

package/dist/dnd-B8EgyzaI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-B8EgyzaI.js","names":[],"sources":["../src/dnd/draggable.ts","../src/dnd/droppable.ts","../src/dnd/sortable.ts"],"sourcesContent":["/**\r\n * Make an element draggable using pointer events.\r\n *\r\n * Uses Pointer Events (not HTML5 Drag & Drop) for reliable\r\n * cross-platform behavior including touch support.\r\n *\r\n * @module bquery/dnd\r\n */\r\n\r\nimport type {\r\n  BoundsRect,\r\n  DragBounds,\r\n  DragEventData,\r\n  DragPosition,\r\n  DraggableHandle,\r\n  DraggableOptions,\r\n} from './types';\r\n\r\n/** Global registry of active draggable elements for drop zone detection. */\r\nconst activeDrags = new Map<HTMLElement, { element: HTMLElement; position: DragPosition }>();\r\n\r\n/**\r\n * Returns the currently active drag state, if any.\r\n * Used internally by `droppable()` to detect drag interactions.\r\n * @internal\r\n */\r\nexport const getActiveDrag = (): { element: HTMLElement; position: DragPosition } | undefined => {\r\n  const entries = Array.from(activeDrags.values());\r\n  return entries[entries.length - 1];\r\n};\r\n\r\n/**\r\n * Resolves a `DragBounds` value to an absolute `BoundsRect`.\r\n * @internal\r\n */\r\nconst resolveBounds = (el: HTMLElement, bounds: DragBounds): BoundsRect | null => {\r\n  if (typeof bounds === 'object') {\r\n    return bounds;\r\n  }\r\n\r\n  let target: HTMLElement | null = null;\r\n\r\n  if (bounds === 'parent') {\r\n    target = el.parentElement;\r\n  } else {\r\n    target = document.querySelector(bounds) as HTMLElement | null;\r\n  }\r\n\r\n  if (!target) return null;\r\n\r\n  const rect = target.getBoundingClientRect();\r\n  const elRect = el.getBoundingClientRect();\r\n  const rawLeft = parseFloat(el.style.left || '0');\r\n  const rawTop = parseFloat(el.style.top || '0');\r\n  const leftOffset = Number.isNaN(rawLeft) ? 0 : rawLeft;\r\n  const topOffset = Number.isNaN(rawTop) ? 0 : rawTop;\r\n\r\n  return {\r\n    left: rect.left - elRect.left + leftOffset,\r\n    top: rect.top - elRect.top + topOffset,\r\n    right: rect.right - elRect.right + leftOffset + (rect.width - elRect.width),\r\n    bottom: rect.bottom - elRect.bottom + topOffset + (rect.height - elRect.height),\r\n  };\r\n};\r\n\r\n/**\r\n * Clamp a position within bounds.\r\n * @internal\r\n */\r\nconst clampPosition = (pos: DragPosition, bounds: BoundsRect | null): DragPosition => {\r\n  if (!bounds) return pos;\r\n  return {\r\n    x: Math.max(bounds.left, Math.min(bounds.right, pos.x)),\r\n    y: Math.max(bounds.top, Math.min(bounds.bottom, pos.y)),\r\n  };\r\n};\r\n\r\n/**\r\n * Makes an element draggable using pointer events.\r\n *\r\n * Features:\r\n * - Touch and mouse support via Pointer Events\r\n * - Axis locking (`x`, `y`, or `both`)\r\n * - Bounds constraint (parent, selector, or explicit rect)\r\n * - Optional drag handle\r\n * - Ghost/clone preview during drag\r\n * - Callbacks: `onDragStart`, `onDrag`, `onDragEnd`\r\n *\r\n * @param el - The element to make draggable\r\n * @param options - Configuration options\r\n * @returns A handle with `destroy()`, `disable()`, and `enable()` methods\r\n *\r\n * @example\r\n * ```ts\r\n * import { draggable } from '@bquery/bquery/dnd';\r\n *\r\n * const handle = draggable(document.querySelector('#box'), {\r\n *   axis: 'both',\r\n *   bounds: 'parent',\r\n *   onDragEnd: ({ position }) => {\r\n *     console.log('Dropped at', position.x, position.y);\r\n *   },\r\n * });\r\n *\r\n * // Later:\r\n * handle.destroy();\r\n * ```\r\n */\r\nexport const draggable = (el: HTMLElement, options: DraggableOptions = {}): DraggableHandle => {\r\n  const {\r\n    axis = 'both',\r\n    bounds,\r\n    handle,\r\n    ghost = false,\r\n    ghostClass = 'bq-drag-ghost',\r\n    draggingClass = 'bq-dragging',\r\n    onDragStart,\r\n    onDrag,\r\n    onDragEnd,\r\n  } = options;\r\n\r\n  let enabled = !options.disabled;\r\n  let isDragging = false;\r\n  let startPointer: DragPosition = { x: 0, y: 0 };\r\n  let currentPosition: DragPosition = { x: 0, y: 0 };\r\n  let previousPosition: DragPosition = { x: 0, y: 0 };\r\n  let ghostEl: HTMLElement | null = null;\r\n  let ghostStartPosition: DragPosition | null = null;\r\n  const previousTouchAction = el.style.touchAction;\r\n  const previousUserSelect = el.style.userSelect;\r\n\r\n  const createEventData = (event: PointerEvent): DragEventData => ({\r\n    element: el,\r\n    position: { ...currentPosition },\r\n    delta: {\r\n      x: currentPosition.x - previousPosition.x,\r\n      y: currentPosition.y - previousPosition.y,\r\n    },\r\n    event,\r\n  });\r\n\r\n  const createGhost = (): HTMLElement => {\r\n    const clone = el.cloneNode(true) as HTMLElement;\r\n    const rect = el.getBoundingClientRect();\r\n    clone.classList.add(ghostClass);\r\n    clone.style.position = 'fixed';\r\n    clone.style.left = `${rect.left}px`;\r\n    clone.style.top = `${rect.top}px`;\r\n    clone.style.width = `${rect.width}px`;\r\n    clone.style.height = `${rect.height}px`;\r\n    clone.style.pointerEvents = 'none';\r\n    clone.style.zIndex = '999999';\r\n    clone.style.opacity = '0.7';\r\n    clone.style.margin = '0';\r\n    document.body.appendChild(clone);\r\n    return clone;\r\n  };\r\n\r\n  const removeGhost = (): void => {\r\n    if (ghostEl) {\r\n      ghostEl.remove();\r\n      ghostEl = null;\r\n    }\r\n    ghostStartPosition = null;\r\n  };\r\n\r\n  const onPointerDown = (e: PointerEvent): void => {\r\n    if (!enabled) return;\r\n\r\n    // Check handle constraint\r\n    if (handle) {\r\n      const target = e.target as Element;\r\n      if (!target.closest(handle)) return;\r\n    }\r\n\r\n    e.preventDefault();\r\n    isDragging = true;\r\n    startPointer = { x: e.clientX, y: e.clientY };\r\n    previousPosition = { ...currentPosition };\r\n\r\n    el.classList.add(draggingClass);\r\n    el.setPointerCapture(e.pointerId);\r\n\r\n    if (ghost) {\r\n      const rect = el.getBoundingClientRect();\r\n      ghostStartPosition = { x: rect.left, y: rect.top };\r\n      ghostEl = createGhost();\r\n    }\r\n\r\n    // Register in global active drags\r\n    activeDrags.set(el, { element: el, position: currentPosition });\r\n\r\n    onDragStart?.(createEventData(e));\r\n  };\r\n\r\n  const onPointerMove = (e: PointerEvent): void => {\r\n    if (!isDragging) return;\r\n\r\n    e.preventDefault();\r\n    previousPosition = { ...currentPosition };\r\n\r\n    let newX = currentPosition.x + (e.clientX - startPointer.x);\r\n    let newY = currentPosition.y + (e.clientY - startPointer.y);\r\n\r\n    // Reset start pointer to current for delta calculation\r\n    startPointer = { x: e.clientX, y: e.clientY };\r\n\r\n    // Apply axis constraint\r\n    if (axis === 'x') newY = currentPosition.y;\r\n    if (axis === 'y') newX = currentPosition.x;\r\n\r\n    let newPos: DragPosition = { x: newX, y: newY };\r\n\r\n    // Apply bounds constraint\r\n    if (bounds) {\r\n      const resolvedBounds = resolveBounds(el, bounds);\r\n      newPos = clampPosition(newPos, resolvedBounds);\r\n    }\r\n\r\n    currentPosition = newPos;\r\n\r\n    // Update active drag position\r\n    activeDrags.set(el, { element: el, position: currentPosition });\r\n\r\n    // Apply the position\r\n    if (ghost && ghostEl) {\r\n      const start = ghostStartPosition ?? {\r\n        x: el.getBoundingClientRect().left,\r\n        y: el.getBoundingClientRect().top,\r\n      };\r\n      ghostEl.style.left = `${start.x + currentPosition.x}px`;\r\n      ghostEl.style.top = `${start.y + currentPosition.y}px`;\r\n    } else {\r\n      el.style.transform = `translate(${currentPosition.x}px, ${currentPosition.y}px)`;\r\n    }\r\n\r\n    onDrag?.(createEventData(e));\r\n  };\r\n\r\n  const onPointerUp = (e: PointerEvent): void => {\r\n    if (!isDragging) return;\r\n\r\n    isDragging = false;\r\n    el.classList.remove(draggingClass);\r\n    try {\r\n      if (\r\n        typeof el.releasePointerCapture === 'function' &&\r\n        (typeof el.hasPointerCapture !== 'function' || el.hasPointerCapture(e.pointerId))\r\n      ) {\r\n        el.releasePointerCapture(e.pointerId);\r\n      }\r\n    } catch {\r\n      // Pointer capture may already be released in some interrupted drag flows.\r\n    } finally {\r\n      removeGhost();\r\n\r\n      // Remove from active drags\r\n      activeDrags.delete(el);\r\n\r\n      onDragEnd?.(createEventData(e));\r\n    }\r\n  };\r\n\r\n  // Attach listeners\r\n  el.addEventListener('pointerdown', onPointerDown);\r\n  el.addEventListener('pointermove', onPointerMove);\r\n  el.addEventListener('pointerup', onPointerUp);\r\n  el.addEventListener('pointercancel', onPointerUp);\r\n\r\n  // Prevent default drag behavior\r\n  el.style.touchAction = 'none';\r\n  el.style.userSelect = 'none';\r\n\r\n  return {\r\n    destroy: () => {\r\n      el.removeEventListener('pointerdown', onPointerDown);\r\n      el.removeEventListener('pointermove', onPointerMove);\r\n      el.removeEventListener('pointerup', onPointerUp);\r\n      el.removeEventListener('pointercancel', onPointerUp);\r\n      removeGhost();\r\n      activeDrags.delete(el);\r\n      el.style.touchAction = previousTouchAction;\r\n      el.style.userSelect = previousUserSelect;\r\n      el.classList.remove(draggingClass);\r\n    },\r\n    disable: () => {\r\n      enabled = false;\r\n    },\r\n    enable: () => {\r\n      enabled = true;\r\n    },\r\n    get enabled() {\r\n      return enabled;\r\n    },\r\n  };\r\n};\r\n","/**\r\n * Define drop zones for draggable elements.\r\n *\r\n * Drop zones detect when draggable elements enter, move over,\r\n * leave, or are dropped onto them using pointer event hit-testing.\r\n *\r\n * @module bquery/dnd\r\n */\r\n\r\nimport { getActiveDrag } from './draggable';\r\nimport type { DropEventData, DroppableHandle, DroppableOptions } from './types';\r\n\r\ntype DroppableListener = {\r\n  handlePointerMove: (event: PointerEvent) => void;\r\n  handlePointerUp: (event: PointerEvent) => void;\r\n};\r\n\r\nconst passivePointerMoveListenerOptions = { passive: true } as const;\r\n\r\nconst droppableListeners = new Set<DroppableListener>();\r\nlet queuedPointerMove: PointerEvent | null = null;\r\nlet pointerMoveFrame: number | null = null;\r\n\r\nconst getDroppableListenersSnapshot = (): DroppableListener[] => Array.from(droppableListeners);\r\n\r\nconst hasDroppableEnvironment = (): boolean => {\r\n  return (\r\n    typeof document !== 'undefined' &&\r\n    typeof document.addEventListener === 'function' &&\r\n    typeof document.removeEventListener === 'function' &&\r\n    typeof requestAnimationFrame === 'function' &&\r\n    typeof cancelAnimationFrame === 'function'\r\n  );\r\n};\r\n\r\nconst dispatchPointerMove = (event: PointerEvent): void => {\r\n  for (const listener of getDroppableListenersSnapshot()) {\r\n    listener.handlePointerMove(event);\r\n  }\r\n};\r\n\r\nconst flushPointerMove = (): void => {\r\n  pointerMoveFrame = null;\r\n  const event = queuedPointerMove;\r\n  queuedPointerMove = null;\r\n  if (!event) return;\r\n  dispatchPointerMove(event);\r\n};\r\n\r\nconst handleDocumentPointerMove = (event: PointerEvent): void => {\r\n  queuedPointerMove = event;\r\n  if (pointerMoveFrame === null) {\r\n    pointerMoveFrame = requestAnimationFrame(flushPointerMove);\r\n  }\r\n};\r\n\r\nconst handleDocumentPointerUp = (event: PointerEvent): void => {\r\n  if (pointerMoveFrame !== null) {\r\n    cancelAnimationFrame(pointerMoveFrame);\r\n    pointerMoveFrame = null;\r\n    queuedPointerMove = null;\r\n  }\r\n\r\n  for (const listener of getDroppableListenersSnapshot()) {\r\n    listener.handlePointerUp(event);\r\n  }\r\n};\r\n\r\nconst registerDroppableListener = (listener: DroppableListener): void => {\r\n  if (droppableListeners.size === 0) {\r\n    document.addEventListener(\r\n      'pointermove',\r\n      handleDocumentPointerMove,\r\n      passivePointerMoveListenerOptions\r\n    );\r\n    document.addEventListener('pointerup', handleDocumentPointerUp);\r\n  }\r\n\r\n  droppableListeners.add(listener);\r\n};\r\n\r\nconst unregisterDroppableListener = (listener: DroppableListener): void => {\r\n  droppableListeners.delete(listener);\r\n\r\n  if (droppableListeners.size !== 0) return;\r\n\r\n  document.removeEventListener('pointermove', handleDocumentPointerMove);\r\n  document.removeEventListener('pointerup', handleDocumentPointerUp);\r\n  if (pointerMoveFrame !== null) {\r\n    cancelAnimationFrame(pointerMoveFrame);\r\n    pointerMoveFrame = null;\r\n  }\r\n  queuedPointerMove = null;\r\n};\r\n\r\n/**\r\n * Checks whether a dragged element is accepted by the drop zone.\r\n * @internal\r\n */\r\nconst isAccepted = (dragged: HTMLElement, accept: DroppableOptions['accept']): boolean => {\r\n  if (!accept) return true;\r\n  if (typeof accept === 'string') return dragged.matches(accept);\r\n  return accept(dragged);\r\n};\r\n\r\n/**\r\n * Defines an element as a drop zone.\r\n *\r\n * Drop zones respond to draggable elements being moved over them\r\n * by firing callbacks and applying CSS classes. They work with\r\n * the `draggable()` function from this module.\r\n *\r\n * @param el - The drop zone element\r\n * @param options - Configuration options\r\n * @returns A handle with a `destroy()` method\r\n *\r\n * @example\r\n * ```ts\r\n * import { droppable } from '@bquery/bquery/dnd';\r\n *\r\n * const handle = droppable(document.querySelector('#dropzone'), {\r\n *   accept: '.draggable-item',\r\n *   overClass: 'drop-active',\r\n *   onDrop: ({ dragged }) => {\r\n *     console.log('Dropped:', dragged);\r\n *   },\r\n * });\r\n *\r\n * // Later:\r\n * handle.destroy();\r\n * ```\r\n */\r\nexport const droppable = (el: HTMLElement, options: DroppableOptions = {}): DroppableHandle => {\r\n  const {\r\n    overClass = 'bq-drop-over',\r\n    accept,\r\n    onDragEnter,\r\n    onDragOver,\r\n    onDragLeave,\r\n    onDrop,\r\n  } = options;\r\n\r\n  if (!hasDroppableEnvironment()) {\r\n    return {\r\n      destroy: () => {},\r\n    };\r\n  }\r\n\r\n  let isOver = false;\r\n  let currentDragged: HTMLElement | null = null;\r\n\r\n  const createEventData = (dragged: HTMLElement, event: PointerEvent): DropEventData => ({\r\n    zone: el,\r\n    dragged,\r\n    event,\r\n  });\r\n\r\n  const isPointerInside = (event: PointerEvent): boolean => {\r\n    const rect = el.getBoundingClientRect();\r\n    return (\r\n      event.clientX >= rect.left &&\r\n      event.clientX <= rect.right &&\r\n      event.clientY >= rect.top &&\r\n      event.clientY <= rect.bottom\r\n    );\r\n  };\r\n\r\n  const resolveDraggedElement = (): HTMLElement | null => {\r\n    return getActiveDrag()?.element ?? currentDragged;\r\n  };\r\n\r\n  const clearOverState = (event: PointerEvent, dragged = currentDragged): void => {\r\n    if (!isOver) return;\r\n    isOver = false;\r\n    el.classList.remove(overClass);\r\n    if (dragged) {\r\n      onDragLeave?.(createEventData(dragged, event));\r\n    }\r\n    currentDragged = null;\r\n  };\r\n\r\n  const handlePointerMove = (e: PointerEvent): void => {\r\n    const dragged = getActiveDrag()?.element ?? null;\r\n    const isInside = isPointerInside(e);\r\n    const acceptsDragged = dragged !== null && dragged !== el && isAccepted(dragged, accept);\r\n\r\n    if (!acceptsDragged || !isInside) {\r\n      clearOverState(e, dragged ?? currentDragged);\r\n      return;\r\n    }\r\n\r\n    if (!isOver) {\r\n      isOver = true;\r\n      currentDragged = dragged;\r\n      el.classList.add(overClass);\r\n      onDragEnter?.(createEventData(dragged, e));\r\n    } else {\r\n      onDragOver?.(createEventData(dragged, e));\r\n    }\r\n  };\r\n\r\n  const handlePointerUp = (e: PointerEvent): void => {\r\n    const dragged = resolveDraggedElement();\r\n    const isInside = isPointerInside(e);\r\n    const acceptsDragged = dragged !== null && dragged !== el && isAccepted(dragged, accept);\r\n\r\n    if (isInside && acceptsDragged && dragged) {\r\n      onDrop?.(createEventData(dragged, e));\r\n    }\r\n\r\n    if (isOver) {\r\n      isOver = false;\r\n      el.classList.remove(overClass);\r\n    }\r\n    currentDragged = null;\r\n  };\r\n\r\n  const listener: DroppableListener = { handlePointerMove, handlePointerUp };\r\n  registerDroppableListener(listener);\r\n\r\n  return {\r\n    destroy: () => {\r\n      unregisterDroppableListener(listener);\r\n      el.classList.remove(overClass);\r\n      currentDragged = null;\r\n    },\r\n  };\r\n};\r\n","/**\r\n * Sortable list with animated reordering via pointer events.\r\n *\r\n * Makes children of a container sortable by dragging. Items are\r\n * rearranged in the DOM with optional CSS animation.\r\n *\r\n * @module bquery/dnd\r\n */\r\n\r\nimport type { SortEventData, SortableHandle, SortableOptions } from './types';\r\n\r\n/**\r\n * Gets the sortable items within a container.\r\n * @internal\r\n */\r\nconst getItems = (container: HTMLElement, selector: string): HTMLElement[] => {\r\n  return Array.from(container.querySelectorAll(selector)) as HTMLElement[];\r\n};\r\n\r\n/**\r\n * Finds the closest sortable item to a given Y (or X) position.\r\n * @internal\r\n */\r\nconst getClosestItem = (\r\n  items: HTMLElement[],\r\n  clientPos: number,\r\n  axis: 'x' | 'y',\r\n  dragged: HTMLElement\r\n): { element: HTMLElement; index: number } | null => {\r\n  let closest: { element: HTMLElement; index: number; distance: number } | null = null;\r\n\r\n  for (let i = 0; i < items.length; i++) {\r\n    const item = items[i];\r\n    if (item === dragged) continue;\r\n\r\n    const rect = item.getBoundingClientRect();\r\n    const mid = axis === 'y' ? rect.top + rect.height / 2 : rect.left + rect.width / 2;\r\n    const distance = clientPos - mid;\r\n\r\n    if (\r\n      closest === null ||\r\n      (distance < 0 && distance > closest.distance) ||\r\n      (closest.distance >= 0 && distance < 0 && Math.abs(distance) < Math.abs(closest.distance))\r\n    ) {\r\n      // Find the item we're just before\r\n      if (distance < 0) {\r\n        closest = { element: item, index: i, distance };\r\n      }\r\n    }\r\n  }\r\n\r\n  return closest ? { element: closest.element, index: closest.index } : null;\r\n};\r\n\r\n/**\r\n * Makes the children of a container sortable by dragging.\r\n *\r\n * Features:\r\n * - Pointer event based (touch + mouse)\r\n * - Animated reordering with configurable duration\r\n * - Axis constraint (vertical or horizontal)\r\n * - Optional drag handle\r\n * - Placeholder element during sort\r\n * - Callbacks: `onSortStart`, `onSortMove`, `onSortEnd`\r\n *\r\n * @param container - The container element whose children will be sortable\r\n * @param options - Configuration options\r\n * @returns A handle with `destroy()`, `disable()`, and `enable()` methods\r\n *\r\n * @example\r\n * ```ts\r\n * import { sortable } from '@bquery/bquery/dnd';\r\n *\r\n * const handle = sortable(document.querySelector('#list'), {\r\n *   items: 'li',\r\n *   axis: 'y',\r\n *   animationDuration: 200,\r\n *   onSortEnd: ({ oldIndex, newIndex }) => {\r\n *     console.log(`Moved from ${oldIndex} to ${newIndex}`);\r\n *   },\r\n * });\r\n *\r\n * // Later:\r\n * handle.destroy();\r\n * ```\r\n */\r\nexport const sortable = (container: HTMLElement, options: SortableOptions = {}): SortableHandle => {\r\n  const {\r\n    items: itemSelector = ':scope > *',\r\n    axis = 'y',\r\n    handle,\r\n    placeholderClass = 'bq-sort-placeholder',\r\n    sortingClass = 'bq-sorting',\r\n    animationDuration = 200,\r\n    onSortStart,\r\n    onSortMove,\r\n    onSortEnd,\r\n  } = options;\r\n\r\n  let enabled = !options.disabled;\r\n  let isDragging = false;\r\n  let dragItem: HTMLElement | null = null;\r\n  let placeholder: HTMLElement | null = null;\r\n  let startIndex = -1;\r\n  let startPointerY = 0;\r\n  let startPointerX = 0;\r\n  let itemStartTop = 0;\r\n  let itemStartLeft = 0;\r\n\r\n  const createEventData = (item: HTMLElement, oldIdx: number, newIdx: number): SortEventData => ({\r\n    container,\r\n    item,\r\n    oldIndex: oldIdx,\r\n    newIndex: newIdx,\r\n  });\r\n\r\n  const onPointerDown = (e: PointerEvent): void => {\r\n    if (!enabled) return;\r\n\r\n    const target = e.target as HTMLElement;\r\n\r\n    // Find the item being dragged\r\n    const items = getItems(container, itemSelector);\r\n    let item: HTMLElement | null = null;\r\n\r\n    for (const it of items) {\r\n      if (it.contains(target)) {\r\n        item = it;\r\n        break;\r\n      }\r\n    }\r\n\r\n    if (!item) return;\r\n\r\n    // Check handle constraint\r\n    if (handle && !target.closest(handle)) return;\r\n\r\n    e.preventDefault();\r\n\r\n    isDragging = true;\r\n    dragItem = item;\r\n    startIndex = items.indexOf(item);\r\n    startPointerY = e.clientY;\r\n    startPointerX = e.clientX;\r\n\r\n    const rect = item.getBoundingClientRect();\r\n    itemStartTop = rect.top;\r\n    itemStartLeft = rect.left;\r\n\r\n    // Create placeholder\r\n    placeholder = document.createElement('div');\r\n    placeholder.classList.add(placeholderClass);\r\n    placeholder.style.width = `${rect.width}px`;\r\n    placeholder.style.height = `${rect.height}px`;\r\n    placeholder.style.boxSizing = 'border-box';\r\n\r\n    // Style the dragged item\r\n    item.classList.add(sortingClass);\r\n    item.style.position = 'fixed';\r\n    item.style.width = `${rect.width}px`;\r\n    item.style.height = `${rect.height}px`;\r\n    item.style.left = `${rect.left}px`;\r\n    item.style.top = `${rect.top}px`;\r\n    item.style.zIndex = '999999';\r\n    item.style.pointerEvents = 'none';\r\n    item.style.margin = '0';\r\n\r\n    // Insert placeholder where the item was\r\n    item.parentNode?.insertBefore(placeholder, item);\r\n\r\n    container.setPointerCapture(e.pointerId);\r\n\r\n    onSortStart?.(createEventData(item, startIndex, startIndex));\r\n  };\r\n\r\n  const onPointerMove = (e: PointerEvent): void => {\r\n    if (!isDragging || !dragItem || !placeholder) return;\r\n\r\n    e.preventDefault();\r\n\r\n    const deltaX = e.clientX - startPointerX;\r\n    const deltaY = e.clientY - startPointerY;\r\n\r\n    // Move the dragged item\r\n    if (axis === 'y') {\r\n      dragItem.style.top = `${itemStartTop + deltaY}px`;\r\n    } else {\r\n      dragItem.style.left = `${itemStartLeft + deltaX}px`;\r\n    }\r\n\r\n    // Find the closest item to determine insertion point\r\n    const items = getItems(container, itemSelector);\r\n    const clientPos = axis === 'y' ? e.clientY : e.clientX;\r\n    const closest = getClosestItem(items, clientPos, axis, dragItem);\r\n\r\n    if (closest) {\r\n      // Move placeholder before the closest element\r\n      container.insertBefore(placeholder, closest.element);\r\n    } else {\r\n      // Append to end\r\n      container.appendChild(placeholder);\r\n    }\r\n\r\n    const currentIndex = Array.from(container.children).indexOf(placeholder);\r\n    onSortMove?.(createEventData(dragItem, startIndex, currentIndex));\r\n  };\r\n\r\n  const onPointerUp = (e: PointerEvent): void => {\r\n    if (!isDragging || !dragItem || !placeholder) return;\r\n\r\n    isDragging = false;\r\n    const draggedItem = dragItem;\r\n\r\n    // Get final index\r\n    const newIndex = Array.from(container.children).indexOf(placeholder);\r\n\r\n    // Animate the item back to the placeholder position\r\n    const placeholderRect = placeholder.getBoundingClientRect();\r\n    const itemRect = draggedItem.getBoundingClientRect();\r\n\r\n    if (animationDuration > 0) {\r\n      const deltaX = placeholderRect.left - itemRect.left;\r\n      const deltaY = placeholderRect.top - itemRect.top;\r\n\r\n      draggedItem.style.transition = `transform ${animationDuration}ms ease`;\r\n      draggedItem.style.transform = `translate(${deltaX}px, ${deltaY}px)`;\r\n\r\n      let finalized = false;\r\n      let timeoutId: number | null = null;\r\n      const finalize = (): void => {\r\n        if (finalized) return;\r\n        finalized = true;\r\n        if (timeoutId !== null) {\r\n          window.clearTimeout(timeoutId);\r\n          timeoutId = null;\r\n        }\r\n        resetDragItem();\r\n        onSortEnd?.(createEventData(draggedItem, startIndex, newIndex));\r\n      };\r\n      timeoutId = window.setTimeout(() => {\r\n        finalize();\r\n      }, animationDuration + 50);\r\n\r\n      draggedItem.addEventListener('transitionend', finalize, { once: true });\r\n    } else {\r\n      resetDragItem();\r\n      onSortEnd?.(createEventData(draggedItem, startIndex, newIndex));\r\n    }\r\n\r\n    container.releasePointerCapture(e.pointerId);\r\n  };\r\n\r\n  const resetDragItem = (): void => {\r\n    if (!dragItem || !placeholder) return;\r\n\r\n    // Insert the real item where the placeholder is\r\n    placeholder.parentNode?.insertBefore(dragItem, placeholder);\r\n    placeholder.remove();\r\n    placeholder = null;\r\n\r\n    // Reset styles\r\n    dragItem.classList.remove(sortingClass);\r\n    dragItem.style.position = '';\r\n    dragItem.style.width = '';\r\n    dragItem.style.height = '';\r\n    dragItem.style.left = '';\r\n    dragItem.style.top = '';\r\n    dragItem.style.zIndex = '';\r\n    dragItem.style.pointerEvents = '';\r\n    dragItem.style.margin = '';\r\n    dragItem.style.transition = '';\r\n    dragItem.style.transform = '';\r\n\r\n    dragItem = null;\r\n  };\r\n\r\n  container.addEventListener('pointerdown', onPointerDown);\r\n  container.addEventListener('pointermove', onPointerMove);\r\n  container.addEventListener('pointerup', onPointerUp);\r\n  container.addEventListener('pointercancel', onPointerUp);\r\n\r\n  // Prevent default touch behavior on container\r\n  container.style.touchAction = 'none';\r\n\r\n  return {\r\n    destroy: () => {\r\n      container.removeEventListener('pointerdown', onPointerDown);\r\n      container.removeEventListener('pointermove', onPointerMove);\r\n      container.removeEventListener('pointerup', onPointerUp);\r\n      container.removeEventListener('pointercancel', onPointerUp);\r\n      container.style.touchAction = '';\r\n\r\n      if (isDragging) {\r\n        resetDragItem();\r\n      }\r\n    },\r\n    disable: () => {\r\n      enabled = false;\r\n    },\r\n    enable: () => {\r\n      enabled = true;\r\n    },\r\n    get enabled() {\r\n      return enabled;\r\n    },\r\n  };\r\n};\r\n"],"mappings":"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"}

package/dist/dnd.es.mjs

@@ -0,0 +1,6 @@
+import { n as r, r as o, t as e } from "./dnd-B8EgyzaI.js";
+export {
+  o as draggable,
+  r as droppable,
+  e as sortable
+};

package/dist/env-NeVmr4Gf.js

@@ -0,0 +1,19 @@
+var o = () => {
+  try {
+    const e = globalThis;
+    if (typeof e.__BQUERY_DEV__ == "boolean") return e.__BQUERY_DEV__;
+    const r = e.process?.env?.NODE_ENV;
+    if (typeof r == "string") return r !== "production";
+    const n = e.process?.versions?.node;
+    if (typeof n == "string" && n.length > 0) return !0;
+    const t = e.process?.release?.name;
+    return t === "node" || t === "io.js";
+  } catch {
+    return !1;
+  }
+};
+export {
+  o as t
+};
+
+//# sourceMappingURL=env-NeVmr4Gf.js.map

package/dist/env-NeVmr4Gf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env-NeVmr4Gf.js","names":[],"sources":["../src/core/env.ts"],"sourcesContent":["/**\r\n * Shared environment detection helpers.\r\n *\r\n * @internal\r\n */\r\n\r\ntype BQueryEnvGlobal = typeof globalThis & {\r\n  __BQUERY_DEV__?: boolean;\r\n  process?: {\r\n    env?: {\r\n      NODE_ENV?: string;\r\n    };\r\n    release?: {\r\n      name?: string;\r\n    };\r\n    versions?: {\r\n      node?: string;\r\n    };\r\n  };\r\n};\r\n\r\n/**\r\n * Returns whether development-only diagnostics should be enabled.\r\n *\r\n * Priority:\r\n * 1. Explicit global override via `globalThis.__BQUERY_DEV__`\r\n * 2. `process.env.NODE_ENV`\r\n * 3. Actual Node-like runtimes without `NODE_ENV` default to development\r\n * 4. Production-safe fallback (`false`)\r\n *\r\n * @internal\r\n */\r\nexport const detectDevEnvironment = (): boolean => {\r\n  try {\r\n    const globalObject = globalThis as BQueryEnvGlobal;\r\n\r\n    if (typeof globalObject.__BQUERY_DEV__ === 'boolean') {\r\n      return globalObject.__BQUERY_DEV__;\r\n    }\r\n\r\n    const nodeEnv = globalObject.process?.env?.NODE_ENV;\r\n    if (typeof nodeEnv === 'string') {\r\n      return nodeEnv !== 'production';\r\n    }\r\n\r\n    const nodeVersion = globalObject.process?.versions?.node;\r\n    if (typeof nodeVersion === 'string' && nodeVersion.length > 0) {\r\n      return true;\r\n    }\r\n\r\n    const releaseName = globalObject.process?.release?.name;\r\n    if (releaseName === 'node' || releaseName === 'io.js') {\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  } catch {\r\n    return false;\r\n  }\r\n};\r\n"],"mappings":"AAgCA,IAAa,IAAA,MAAsC;AACjD,MAAI;AACF,UAAM,IAAe;AAErB,QAAI,OAAO,EAAa,kBAAmB,UACzC,QAAO,EAAa;AAGtB,UAAM,IAAU,EAAa,SAAS,KAAK;AAC3C,QAAI,OAAO,KAAY,SACrB,QAAO,MAAY;AAGrB,UAAM,IAAc,EAAa,SAAS,UAAU;AACpD,QAAI,OAAO,KAAgB,YAAY,EAAY,SAAS,EAC1D,QAAO;AAGT,UAAM,IAAc,EAAa,SAAS,SAAS;AACnD,WAAI,MAAgB,UAAU,MAAgB;AAAA,UAKxC;AACN,WAAO;AAAA"}