@framesquared/dd 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 John Carbone
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,221 @@
+/**
+ * @framesquared/dd – Draggable
+ *
+ * Makes an element draggable.  Supports drag handles, axis lock,
+ * snap-to-grid, constraint, and proxy modes.  Integrates with
+ * DragManager for drop target detection.
+ */
+
+interface DraggableConfig {
+    el: HTMLElement;
+    handle?: string;
+    constrainTo?: HTMLElement | 'parent' | 'viewport';
+    axis?: 'x' | 'y';
+    snap?: {
+        x: number;
+        y: number;
+    };
+    proxy?: boolean;
+    ghostCls?: string;
+    groups?: string[];
+    disabled?: boolean;
+    threshold?: number;
+    data?: Record<string, unknown>;
+    onDragStart?: (data: DragData) => void;
+    onDrag?: (data: DragData) => void;
+    onDragEnd?: (data: DragData) => void;
+}
+declare class Draggable {
+    readonly el: HTMLElement;
+    private handle;
+    private constrainTo;
+    private axis;
+    private snap;
+    private useProxy;
+    private groups;
+    private disabled;
+    private threshold;
+    private userData;
+    private onDragStartCb;
+    private onDragCb;
+    private onDragEndCb;
+    private startX;
+    private startY;
+    private elStartX;
+    private elStartY;
+    private _dragging;
+    private _started;
+    private dragData;
+    private moveHandler;
+    private upHandler;
+    constructor(config: DraggableConfig);
+    private onPointerDown;
+    private onPointerMove;
+    private onPointerUp;
+    private getConstrainBounds;
+    setDisabled(disabled: boolean): void;
+    destroy(): void;
+}
+
+/**
+ * @framesquared/dd – DragData
+ * Payload carried during a drag operation.
+ */
+
+interface DragData {
+    source: Draggable;
+    sourceEl: HTMLElement;
+    groups: string[];
+    data: Record<string, unknown>;
+    startX: number;
+    startY: number;
+    currentX: number;
+    currentY: number;
+}
+
+/**
+ * @framesquared/dd – DragManager
+ *
+ * Singleton that manages all drag operations globally.
+ * Tracks registered Droppables and coordinates hit-testing
+ * during active drags.
+ */
+
+interface DropTarget {
+    el: HTMLElement;
+    accept: string[];
+    disabled: boolean;
+    overCls: string;
+    onDragEnter?: (data: DragData) => boolean | void;
+    onDragOver?: (data: DragData) => void;
+    onDragLeave?: (data: DragData) => void;
+    onDrop?: (data: DragData) => boolean | void;
+}
+declare const DragManager: {
+    isDragging(): boolean;
+    setDragging(value: boolean): void;
+    registerDropTarget(target: DropTarget): void;
+    unregisterDropTarget(target: DropTarget): void;
+    /** Called during pointermove to check drop targets. */
+    notifyMove(data: DragData, x: number, y: number): void;
+    /** Called on pointerup to finalize drop. */
+    notifyDrop(data: DragData, _x: number, _y: number): boolean;
+    reset(): void;
+};
+
+/**
+ * @framesquared/dd – Droppable
+ *
+ * Makes an element a drop target.  Registers with DragManager
+ * for hit testing during active drags.
+ */
+
+interface DroppableConfig {
+    el: HTMLElement;
+    accept?: string[];
+    overCls?: string;
+    disabled?: boolean;
+    onDragEnter?: (data: DragData) => boolean | void;
+    onDragOver?: (data: DragData) => void;
+    onDragLeave?: (data: DragData) => void;
+    onDrop?: (data: DragData) => boolean | void;
+}
+declare class Droppable {
+    readonly el: HTMLElement;
+    private target;
+    constructor(config: DroppableConfig);
+    setDisabled(disabled: boolean): void;
+    destroy(): void;
+}
+
+/**
+ * @framesquared/dd – DragProxy
+ * Visual feedback during drag — a ghost element that follows the cursor.
+ */
+interface DragProxyConfig {
+    sourceEl: HTMLElement;
+    ghostCls?: string;
+}
+declare class DragProxy {
+    private ghostEl;
+    private ghostCls;
+    private sourceEl;
+    constructor(config: DragProxyConfig);
+    show(x: number, y: number): void;
+    moveTo(x: number, y: number): void;
+    setStatus(valid: boolean): void;
+    hide(): void;
+    getEl(): HTMLElement | null;
+}
+
+/**
+ * @framesquared/dd – Sortable
+ *
+ * Makes items within a container sortable by drag.
+ * Provides moveItem() for programmatic reordering
+ * and fires sort/start/end events.
+ */
+interface SortableConfig {
+    el: HTMLElement;
+    itemSelector: string;
+    handle?: string;
+    axis?: 'x' | 'y';
+    group?: string;
+    ghostClass?: string;
+    onSort?: (oldIndex: number, newIndex: number) => void;
+    onStart?: (index: number) => void;
+    onEnd?: (index: number) => void;
+}
+declare class Sortable {
+    private el;
+    private itemSelector;
+    private onSortCb;
+    private onStartCb;
+    private onEndCb;
+    constructor(config: SortableConfig);
+    getItems(): HTMLElement[];
+    getOrder(): string[];
+    moveItem(fromIndex: number, toIndex: number): void;
+    destroy(): void;
+}
+
+/**
+ * @framesquared/dd – Resizable
+ *
+ * Makes an element resizable by adding drag handles on specified
+ * edges/corners.  Supports min/max constraints and aspect ratio
+ * preservation.
+ */
+interface ResizableConfig {
+    el: HTMLElement;
+    handles: string;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    preserveRatio?: boolean;
+    onResize?: (width: number, height: number) => void;
+    onResizeStart?: () => void;
+    onResizeEnd?: () => void;
+}
+declare class Resizable {
+    private el;
+    private handles;
+    private minW;
+    private maxW;
+    private minH;
+    private maxH;
+    private preserveRatio;
+    private initialRatio;
+    private onResizeCb;
+    private onResizeStartCb;
+    private onResizeEndCb;
+    private handleEls;
+    constructor(config: ResizableConfig);
+    private createHandles;
+    private positionHandle;
+    private onHandleDown;
+    destroy(): void;
+}
+
+export { type DragData, DragManager, DragProxy, type DragProxyConfig, Draggable, type DraggableConfig, type DropTarget, Droppable, type DroppableConfig, Resizable, type ResizableConfig, Sortable, type SortableConfig };

package/dist/index.js

@@ -0,0 +1,517 @@
+// src/DragManager.ts
+var dragging = false;
+var dropTargets = [];
+var currentOverTarget = null;
+function hitTest(target, x, y) {
+  const rect = target.el.getBoundingClientRect();
+  return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+}
+function groupsMatch(dragGroups, acceptGroups) {
+  if (acceptGroups.length === 0) return true;
+  return dragGroups.some((g) => acceptGroups.includes(g));
+}
+var DragManager = {
+  isDragging() {
+    return dragging;
+  },
+  setDragging(value) {
+    dragging = value;
+  },
+  registerDropTarget(target) {
+    if (!dropTargets.includes(target)) dropTargets.push(target);
+  },
+  unregisterDropTarget(target) {
+    const idx = dropTargets.indexOf(target);
+    if (idx >= 0) dropTargets.splice(idx, 1);
+  },
+  /** Called during pointermove to check drop targets. */
+  notifyMove(data, x, y) {
+    let overTarget = null;
+    for (const target of dropTargets) {
+      if (target.disabled) continue;
+      if (!groupsMatch(data.groups, target.accept)) continue;
+      if (hitTest(target, x, y)) {
+        overTarget = target;
+        break;
+      }
+    }
+    if (currentOverTarget && currentOverTarget !== overTarget) {
+      if (currentOverTarget.overCls) {
+        currentOverTarget.el.classList.remove(currentOverTarget.overCls);
+      }
+      currentOverTarget.onDragLeave?.(data);
+      currentOverTarget = null;
+    }
+    if (overTarget && overTarget !== currentOverTarget) {
+      currentOverTarget = overTarget;
+      if (overTarget.overCls) {
+        overTarget.el.classList.add(overTarget.overCls);
+      }
+      overTarget.onDragEnter?.(data);
+    }
+    if (currentOverTarget) {
+      currentOverTarget.onDragOver?.(data);
+    }
+  },
+  /** Called on pointerup to finalize drop. */
+  notifyDrop(data, _x, _y) {
+    let dropped = false;
+    if (currentOverTarget) {
+      if (currentOverTarget.overCls) {
+        currentOverTarget.el.classList.remove(currentOverTarget.overCls);
+      }
+      currentOverTarget.onDrop?.(data);
+      dropped = true;
+      currentOverTarget = null;
+    }
+    return dropped;
+  },
+  reset() {
+    dragging = false;
+    currentOverTarget = null;
+    dropTargets.length = 0;
+  }
+};
+
+// src/Draggable.ts
+var Draggable = class {
+  el;
+  handle;
+  constrainTo;
+  axis;
+  snap;
+  useProxy;
+  groups;
+  disabled;
+  threshold;
+  userData;
+  onDragStartCb;
+  onDragCb;
+  onDragEndCb;
+  startX = 0;
+  startY = 0;
+  elStartX = 0;
+  elStartY = 0;
+  _dragging = false;
+  _started = false;
+  dragData = null;
+  moveHandler = null;
+  upHandler = null;
+  constructor(config) {
+    this.el = config.el;
+    this.handle = config.handle ?? null;
+    this.constrainTo = config.constrainTo ?? null;
+    this.axis = config.axis ?? null;
+    this.snap = config.snap ?? null;
+    this.useProxy = config.proxy ?? true;
+    this.groups = config.groups ?? [];
+    this.disabled = config.disabled ?? false;
+    this.threshold = config.threshold ?? 3;
+    this.userData = config.data ?? {};
+    this.onDragStartCb = config.onDragStart ?? null;
+    this.onDragCb = config.onDrag ?? null;
+    this.onDragEndCb = config.onDragEnd ?? null;
+    this.el.addEventListener("pointerdown", (e) => this.onPointerDown(e));
+  }
+  // -----------------------------------------------------------------------
+  // Pointer handlers
+  // -----------------------------------------------------------------------
+  onPointerDown(e) {
+    if (this.disabled) return;
+    if (this.handle) {
+      const target = e.target;
+      if (!target.closest(this.handle)) return;
+    }
+    e.preventDefault();
+    this.startX = e.clientX;
+    this.startY = e.clientY;
+    this.elStartX = parseInt(this.el.style.left || "0", 10);
+    this.elStartY = parseInt(this.el.style.top || "0", 10);
+    this._dragging = true;
+    this._started = false;
+    this.moveHandler = (me) => this.onPointerMove(me);
+    this.upHandler = (ue) => this.onPointerUp(ue);
+    document.addEventListener("pointermove", this.moveHandler);
+    document.addEventListener("pointerup", this.upHandler);
+  }
+  onPointerMove(e) {
+    if (!this._dragging) return;
+    const dx = e.clientX - this.startX;
+    const dy = e.clientY - this.startY;
+    if (!this._started) {
+      if (Math.abs(dx) < this.threshold && Math.abs(dy) < this.threshold) return;
+      this._started = true;
+      DragManager.setDragging(true);
+      this.dragData = {
+        source: this,
+        sourceEl: this.el,
+        groups: this.groups,
+        data: this.userData,
+        startX: this.startX,
+        startY: this.startY,
+        currentX: e.clientX,
+        currentY: e.clientY
+      };
+      this.onDragStartCb?.(this.dragData);
+    }
+    if (!this.dragData) return;
+    this.dragData.currentX = e.clientX;
+    this.dragData.currentY = e.clientY;
+    let newX = this.elStartX + dx;
+    let newY = this.elStartY + dy;
+    if (this.axis === "x") newY = this.elStartY;
+    if (this.axis === "y") newX = this.elStartX;
+    if (this.snap) {
+      newX = Math.round(newX / this.snap.x) * this.snap.x;
+      newY = Math.round(newY / this.snap.y) * this.snap.y;
+    }
+    if (this.constrainTo) {
+      const bounds = this.getConstrainBounds();
+      if (bounds) {
+        const elW = this.el.offsetWidth || parseInt(this.el.style.width || "0", 10);
+        const elH = this.el.offsetHeight || parseInt(this.el.style.height || "0", 10);
+        newX = Math.max(bounds.left, Math.min(newX, bounds.right - elW));
+        newY = Math.max(bounds.top, Math.min(newY, bounds.bottom - elH));
+      }
+    }
+    if (!this.useProxy) {
+      this.el.style.left = `${newX}px`;
+      this.el.style.top = `${newY}px`;
+    }
+    DragManager.notifyMove(this.dragData, e.clientX, e.clientY);
+    this.onDragCb?.(this.dragData);
+  }
+  onPointerUp(e) {
+    if (this.moveHandler) document.removeEventListener("pointermove", this.moveHandler);
+    if (this.upHandler) document.removeEventListener("pointerup", this.upHandler);
+    this.moveHandler = null;
+    this.upHandler = null;
+    if (this._started && this.dragData) {
+      DragManager.notifyDrop(this.dragData, e.clientX, e.clientY);
+      this.onDragEndCb?.(this.dragData);
+    }
+    this._dragging = false;
+    this._started = false;
+    this.dragData = null;
+    DragManager.setDragging(false);
+  }
+  // -----------------------------------------------------------------------
+  // Constraint bounds
+  // -----------------------------------------------------------------------
+  getConstrainBounds() {
+    if (this.constrainTo === "viewport") {
+      return { left: 0, top: 0, right: window.innerWidth, bottom: window.innerHeight };
+    }
+    if (this.constrainTo === "parent") {
+      const parent = this.el.parentElement;
+      if (!parent) return null;
+      const r = parent.getBoundingClientRect();
+      return { left: 0, top: 0, right: r.width, bottom: r.height };
+    }
+    if (this.constrainTo instanceof HTMLElement) {
+      const r = this.constrainTo.getBoundingClientRect();
+      return { left: r.left, top: r.top, right: r.right, bottom: r.bottom };
+    }
+    return null;
+  }
+  // -----------------------------------------------------------------------
+  // Public
+  // -----------------------------------------------------------------------
+  setDisabled(disabled) {
+    this.disabled = disabled;
+  }
+  destroy() {
+    if (this.moveHandler) document.removeEventListener("pointermove", this.moveHandler);
+    if (this.upHandler) document.removeEventListener("pointerup", this.upHandler);
+  }
+};
+
+// src/Droppable.ts
+var Droppable = class {
+  el;
+  target;
+  constructor(config) {
+    this.el = config.el;
+    this.target = {
+      el: config.el,
+      accept: config.accept ?? [],
+      disabled: config.disabled ?? false,
+      overCls: config.overCls ?? "",
+      onDragEnter: config.onDragEnter,
+      onDragOver: config.onDragOver,
+      onDragLeave: config.onDragLeave,
+      onDrop: config.onDrop
+    };
+    DragManager.registerDropTarget(this.target);
+  }
+  setDisabled(disabled) {
+    this.target.disabled = disabled;
+  }
+  destroy() {
+    DragManager.unregisterDropTarget(this.target);
+  }
+};
+
+// src/DragProxy.ts
+var DragProxy = class {
+  ghostEl = null;
+  ghostCls;
+  sourceEl;
+  constructor(config) {
+    this.sourceEl = config.sourceEl;
+    this.ghostCls = config.ghostCls ?? "x-dd-ghost";
+  }
+  show(x, y) {
+    if (this.ghostEl) this.hide();
+    this.ghostEl = document.createElement("div");
+    this.ghostEl.classList.add(this.ghostCls);
+    this.ghostEl.style.position = "fixed";
+    this.ghostEl.style.pointerEvents = "none";
+    this.ghostEl.style.zIndex = "99999";
+    this.ghostEl.style.opacity = "0.7";
+    this.ghostEl.style.left = `${x}px`;
+    this.ghostEl.style.top = `${y}px`;
+    const rect = this.sourceEl.getBoundingClientRect();
+    this.ghostEl.style.width = `${rect.width || 40}px`;
+    this.ghostEl.style.height = `${rect.height || 40}px`;
+    document.body.appendChild(this.ghostEl);
+  }
+  moveTo(x, y) {
+    if (!this.ghostEl) return;
+    this.ghostEl.style.left = `${x}px`;
+    this.ghostEl.style.top = `${y}px`;
+  }
+  setStatus(valid) {
+    if (!this.ghostEl) return;
+    this.ghostEl.classList.toggle("x-dd-drop-ok", valid);
+    this.ghostEl.classList.toggle("x-dd-drop-nodrop", !valid);
+  }
+  hide() {
+    if (this.ghostEl?.parentNode) {
+      this.ghostEl.parentNode.removeChild(this.ghostEl);
+    }
+    this.ghostEl = null;
+  }
+  getEl() {
+    return this.ghostEl;
+  }
+};
+
+// src/Sortable.ts
+var Sortable = class {
+  el;
+  itemSelector;
+  onSortCb;
+  onStartCb;
+  onEndCb;
+  constructor(config) {
+    this.el = config.el;
+    this.itemSelector = config.itemSelector;
+    this.onSortCb = config.onSort ?? null;
+    this.onStartCb = config.onStart ?? null;
+    this.onEndCb = config.onEnd ?? null;
+  }
+  getItems() {
+    return Array.from(this.el.querySelectorAll(this.itemSelector));
+  }
+  getOrder() {
+    return this.getItems().map((el) => el.textContent ?? "");
+  }
+  moveItem(fromIndex, toIndex) {
+    const items = this.getItems();
+    if (fromIndex < 0 || fromIndex >= items.length) return;
+    if (toIndex < 0 || toIndex >= items.length) return;
+    if (fromIndex === toIndex) return;
+    this.onStartCb?.(fromIndex);
+    const item = items[fromIndex];
+    item.parentNode.removeChild(item);
+    const remaining = this.getItems();
+    if (toIndex >= remaining.length) {
+      this.el.appendChild(item);
+    } else {
+      this.el.insertBefore(item, remaining[toIndex]);
+    }
+    this.onSortCb?.(fromIndex, toIndex);
+    this.onEndCb?.(toIndex);
+  }
+  destroy() {
+    this.onSortCb = null;
+    this.onStartCb = null;
+    this.onEndCb = null;
+  }
+};
+
+// src/Resizable.ts
+var HANDLE_CURSORS = {
+  n: "ns-resize",
+  s: "ns-resize",
+  e: "ew-resize",
+  w: "ew-resize",
+  ne: "nesw-resize",
+  sw: "nesw-resize",
+  nw: "nwse-resize",
+  se: "nwse-resize"
+};
+var Resizable = class {
+  el;
+  handles;
+  minW;
+  maxW;
+  minH;
+  maxH;
+  preserveRatio;
+  initialRatio;
+  onResizeCb;
+  onResizeStartCb;
+  onResizeEndCb;
+  handleEls = [];
+  constructor(config) {
+    this.el = config.el;
+    this.handles = config.handles.trim().split(/\s+/);
+    this.minW = config.minWidth ?? 20;
+    this.maxW = config.maxWidth ?? Infinity;
+    this.minH = config.minHeight ?? 20;
+    this.maxH = config.maxHeight ?? Infinity;
+    this.preserveRatio = config.preserveRatio ?? false;
+    this.onResizeCb = config.onResize ?? null;
+    this.onResizeStartCb = config.onResizeStart ?? null;
+    this.onResizeEndCb = config.onResizeEnd ?? null;
+    const w = parseInt(this.el.style.width || "100", 10);
+    const h = parseInt(this.el.style.height || "100", 10);
+    this.initialRatio = w / (h || 1);
+    this.createHandles();
+  }
+  // -----------------------------------------------------------------------
+  // Handle creation
+  // -----------------------------------------------------------------------
+  createHandles() {
+    const pos = getComputedStyle(this.el).position;
+    if (pos === "static" || pos === "") this.el.style.position = "relative";
+    for (const dir of this.handles) {
+      const handle = document.createElement("div");
+      handle.classList.add("x-resizable-handle", `x-resizable-handle-${dir}`);
+      handle.style.position = "absolute";
+      handle.style.zIndex = "100";
+      handle.style.cursor = HANDLE_CURSORS[dir] ?? "default";
+      this.positionHandle(handle, dir);
+      handle.addEventListener("pointerdown", (e) => this.onHandleDown(e, dir));
+      this.el.appendChild(handle);
+      this.handleEls.push(handle);
+    }
+  }
+  positionHandle(handle, dir) {
+    const size = "8px";
+    handle.style.width = size;
+    handle.style.height = size;
+    switch (dir) {
+      case "se":
+        handle.style.right = "0";
+        handle.style.bottom = "0";
+        break;
+      case "sw":
+        handle.style.left = "0";
+        handle.style.bottom = "0";
+        break;
+      case "ne":
+        handle.style.right = "0";
+        handle.style.top = "0";
+        break;
+      case "nw":
+        handle.style.left = "0";
+        handle.style.top = "0";
+        break;
+      case "e":
+        handle.style.right = "0";
+        handle.style.top = "50%";
+        handle.style.height = "100%";
+        handle.style.top = "0";
+        break;
+      case "w":
+        handle.style.left = "0";
+        handle.style.top = "0";
+        handle.style.height = "100%";
+        break;
+      case "s":
+        handle.style.bottom = "0";
+        handle.style.left = "0";
+        handle.style.width = "100%";
+        break;
+      case "n":
+        handle.style.top = "0";
+        handle.style.left = "0";
+        handle.style.width = "100%";
+        break;
+    }
+  }
+  // -----------------------------------------------------------------------
+  // Drag resize
+  // -----------------------------------------------------------------------
+  onHandleDown(e, dir) {
+    e.preventDefault();
+    e.stopPropagation();
+    const startX = e.clientX;
+    const startY = e.clientY;
+    const startW = parseInt(this.el.style.width || "100", 10);
+    const startH = parseInt(this.el.style.height || "100", 10);
+    const startLeft = parseInt(this.el.style.left || "0", 10);
+    const startTop = parseInt(this.el.style.top || "0", 10);
+    this.onResizeStartCb?.();
+    const onMove = (me) => {
+      const dx = me.clientX - startX;
+      const dy = me.clientY - startY;
+      let newW = startW;
+      let newH = startH;
+      let newLeft = startLeft;
+      let newTop = startTop;
+      if (dir.includes("e")) newW = startW + dx;
+      if (dir.includes("w")) {
+        newW = startW - dx;
+        newLeft = startLeft + dx;
+      }
+      if (dir.includes("s")) newH = startH + dy;
+      if (dir.includes("n")) {
+        newH = startH - dy;
+        newTop = startTop + dy;
+      }
+      if (this.preserveRatio) {
+        if (dir.includes("e") || dir.includes("w")) {
+          newH = newW / this.initialRatio;
+        } else {
+          newW = newH * this.initialRatio;
+        }
+      }
+      newW = Math.max(this.minW, Math.min(newW, this.maxW));
+      newH = Math.max(this.minH, Math.min(newH, this.maxH));
+      this.el.style.width = `${newW}px`;
+      this.el.style.height = `${newH}px`;
+      if (dir.includes("w")) this.el.style.left = `${newLeft}px`;
+      if (dir.includes("n")) this.el.style.top = `${newTop}px`;
+      this.onResizeCb?.(newW, newH);
+    };
+    const onUp = () => {
+      document.removeEventListener("pointermove", onMove);
+      document.removeEventListener("pointerup", onUp);
+      this.onResizeEndCb?.();
+    };
+    document.addEventListener("pointermove", onMove);
+    document.addEventListener("pointerup", onUp);
+  }
+  // -----------------------------------------------------------------------
+  // Public
+  // -----------------------------------------------------------------------
+  destroy() {
+    for (const handle of this.handleEls) {
+      handle.parentNode?.removeChild(handle);
+    }
+    this.handleEls = [];
+  }
+};
+export {
+  DragManager,
+  DragProxy,
+  Draggable,
+  Droppable,
+  Resizable,
+  Sortable
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DragManager.ts","../src/Draggable.ts","../src/Droppable.ts","../src/DragProxy.ts","../src/Sortable.ts","../src/Resizable.ts"],"sourcesContent":["/**\n * @framesquared/dd – DragManager\n *\n * Singleton that manages all drag operations globally.\n * Tracks registered Droppables and coordinates hit-testing\n * during active drags.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { DragData } from './DragData.js';\n\nexport interface DropTarget {\n  el: HTMLElement;\n  accept: string[];\n  disabled: boolean;\n  overCls: string;\n  onDragEnter?: (data: DragData) => boolean | void;\n  onDragOver?: (data: DragData) => void;\n  onDragLeave?: (data: DragData) => void;\n  onDrop?: (data: DragData) => boolean | void;\n}\n\nlet dragging = false;\nconst dropTargets: DropTarget[] = [];\nlet currentOverTarget: DropTarget | null = null;\n\nfunction hitTest(target: DropTarget, x: number, y: number): boolean {\n  const rect = target.el.getBoundingClientRect();\n  return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;\n}\n\nfunction groupsMatch(dragGroups: string[], acceptGroups: string[]): boolean {\n  if (acceptGroups.length === 0) return true;\n  return dragGroups.some(g => acceptGroups.includes(g));\n}\n\nexport const DragManager = {\n  isDragging(): boolean {\n    return dragging;\n  },\n\n  setDragging(value: boolean): void {\n    dragging = value;\n  },\n\n  registerDropTarget(target: DropTarget): void {\n    if (!dropTargets.includes(target)) dropTargets.push(target);\n  },\n\n  unregisterDropTarget(target: DropTarget): void {\n    const idx = dropTargets.indexOf(target);\n    if (idx >= 0) dropTargets.splice(idx, 1);\n  },\n\n  /** Called during pointermove to check drop targets. */\n  notifyMove(data: DragData, x: number, y: number): void {\n    let overTarget: DropTarget | null = null;\n\n    for (const target of dropTargets) {\n      if (target.disabled) continue;\n      if (!groupsMatch(data.groups, target.accept)) continue;\n      if (hitTest(target, x, y)) {\n        overTarget = target;\n        break;\n      }\n    }\n\n    // Leave previous target\n    if (currentOverTarget && currentOverTarget !== overTarget) {\n      if (currentOverTarget.overCls) {\n        currentOverTarget.el.classList.remove(currentOverTarget.overCls);\n      }\n      currentOverTarget.onDragLeave?.(data);\n      currentOverTarget = null;\n    }\n\n    // Enter new target\n    if (overTarget && overTarget !== currentOverTarget) {\n      currentOverTarget = overTarget;\n      if (overTarget.overCls) {\n        overTarget.el.classList.add(overTarget.overCls);\n      }\n      overTarget.onDragEnter?.(data);\n    }\n\n    // Over current target\n    if (currentOverTarget) {\n      currentOverTarget.onDragOver?.(data);\n    }\n  },\n\n  /** Called on pointerup to finalize drop. */\n  notifyDrop(data: DragData, _x: number, _y: number): boolean {\n    let dropped = false;\n\n    if (currentOverTarget) {\n      if (currentOverTarget.overCls) {\n        currentOverTarget.el.classList.remove(currentOverTarget.overCls);\n      }\n      currentOverTarget.onDrop?.(data);\n      dropped = true;\n      currentOverTarget = null;\n    }\n\n    return dropped;\n  },\n\n  reset(): void {\n    dragging = false;\n    currentOverTarget = null;\n    dropTargets.length = 0;\n  },\n};\n","/**\n * @framesquared/dd – Draggable\n *\n * Makes an element draggable.  Supports drag handles, axis lock,\n * snap-to-grid, constraint, and proxy modes.  Integrates with\n * DragManager for drop target detection.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { DragManager } from './DragManager.js';\nimport type { DragData } from './DragData.js';\n\nexport interface DraggableConfig {\n  el: HTMLElement;\n  handle?: string;\n  constrainTo?: HTMLElement | 'parent' | 'viewport';\n  axis?: 'x' | 'y';\n  snap?: { x: number; y: number };\n  proxy?: boolean;\n  ghostCls?: string;\n  groups?: string[];\n  disabled?: boolean;\n  threshold?: number;\n  data?: Record<string, unknown>;\n  onDragStart?: (data: DragData) => void;\n  onDrag?: (data: DragData) => void;\n  onDragEnd?: (data: DragData) => void;\n}\n\nexport class Draggable {\n  readonly el: HTMLElement;\n  private handle: string | null;\n  private constrainTo: HTMLElement | 'parent' | 'viewport' | null;\n  private axis: 'x' | 'y' | null;\n  private snap: { x: number; y: number } | null;\n  private useProxy: boolean;\n  private groups: string[];\n  private disabled: boolean;\n  private threshold: number;\n  private userData: Record<string, unknown>;\n\n  private onDragStartCb: ((data: DragData) => void) | null;\n  private onDragCb: ((data: DragData) => void) | null;\n  private onDragEndCb: ((data: DragData) => void) | null;\n\n  private startX = 0;\n  private startY = 0;\n  private elStartX = 0;\n  private elStartY = 0;\n  private _dragging = false;\n  private _started = false;\n  private dragData: DragData | null = null;\n\n  private moveHandler: ((e: PointerEvent) => void) | null = null;\n  private upHandler: ((e: PointerEvent) => void) | null = null;\n\n  constructor(config: DraggableConfig) {\n    this.el = config.el;\n    this.handle = config.handle ?? null;\n    this.constrainTo = config.constrainTo ?? null;\n    this.axis = config.axis ?? null;\n    this.snap = config.snap ?? null;\n    this.useProxy = config.proxy ?? true;\n    this.groups = config.groups ?? [];\n    this.disabled = config.disabled ?? false;\n    this.threshold = config.threshold ?? 3;\n    this.userData = config.data ?? {};\n    this.onDragStartCb = config.onDragStart ?? null;\n    this.onDragCb = config.onDrag ?? null;\n    this.onDragEndCb = config.onDragEnd ?? null;\n\n    this.el.addEventListener('pointerdown', (e: PointerEvent) => this.onPointerDown(e));\n  }\n\n  // -----------------------------------------------------------------------\n  // Pointer handlers\n  // -----------------------------------------------------------------------\n\n  private onPointerDown(e: PointerEvent): void {\n    if (this.disabled) return;\n\n    // Check handle\n    if (this.handle) {\n      const target = e.target as HTMLElement;\n      if (!target.closest(this.handle)) return;\n    }\n\n    e.preventDefault();\n    this.startX = e.clientX;\n    this.startY = e.clientY;\n    this.elStartX = parseInt(this.el.style.left || '0', 10);\n    this.elStartY = parseInt(this.el.style.top || '0', 10);\n    this._dragging = true;\n    this._started = false;\n\n    this.moveHandler = (me: PointerEvent) => this.onPointerMove(me);\n    this.upHandler = (ue: PointerEvent) => this.onPointerUp(ue);\n    document.addEventListener('pointermove', this.moveHandler);\n    document.addEventListener('pointerup', this.upHandler);\n  }\n\n  private onPointerMove(e: PointerEvent): void {\n    if (!this._dragging) return;\n\n    const dx = e.clientX - this.startX;\n    const dy = e.clientY - this.startY;\n\n    // Check threshold\n    if (!this._started) {\n      if (Math.abs(dx) < this.threshold && Math.abs(dy) < this.threshold) return;\n      this._started = true;\n      DragManager.setDragging(true);\n\n      this.dragData = {\n        source: this,\n        sourceEl: this.el,\n        groups: this.groups,\n        data: this.userData,\n        startX: this.startX,\n        startY: this.startY,\n        currentX: e.clientX,\n        currentY: e.clientY,\n      };\n\n      this.onDragStartCb?.(this.dragData);\n    }\n\n    if (!this.dragData) return;\n    this.dragData.currentX = e.clientX;\n    this.dragData.currentY = e.clientY;\n\n    // Compute position\n    let newX = this.elStartX + dx;\n    let newY = this.elStartY + dy;\n\n    // Axis lock\n    if (this.axis === 'x') newY = this.elStartY;\n    if (this.axis === 'y') newX = this.elStartX;\n\n    // Snap\n    if (this.snap) {\n      newX = Math.round(newX / this.snap.x) * this.snap.x;\n      newY = Math.round(newY / this.snap.y) * this.snap.y;\n    }\n\n    // Constrain\n    if (this.constrainTo) {\n      const bounds = this.getConstrainBounds();\n      if (bounds) {\n        const elW = this.el.offsetWidth || parseInt(this.el.style.width || '0', 10);\n        const elH = this.el.offsetHeight || parseInt(this.el.style.height || '0', 10);\n        newX = Math.max(bounds.left, Math.min(newX, bounds.right - elW));\n        newY = Math.max(bounds.top, Math.min(newY, bounds.bottom - elH));\n      }\n    }\n\n    // Apply position (direct move when proxy:false)\n    if (!this.useProxy) {\n      this.el.style.left = `${newX}px`;\n      this.el.style.top = `${newY}px`;\n    }\n\n    // Notify DragManager for drop targets\n    DragManager.notifyMove(this.dragData, e.clientX, e.clientY);\n\n    this.onDragCb?.(this.dragData);\n  }\n\n  private onPointerUp(e: PointerEvent): void {\n    if (this.moveHandler) document.removeEventListener('pointermove', this.moveHandler);\n    if (this.upHandler) document.removeEventListener('pointerup', this.upHandler);\n    this.moveHandler = null;\n    this.upHandler = null;\n\n    if (this._started && this.dragData) {\n      DragManager.notifyDrop(this.dragData, e.clientX, e.clientY);\n      this.onDragEndCb?.(this.dragData);\n    }\n\n    this._dragging = false;\n    this._started = false;\n    this.dragData = null;\n    DragManager.setDragging(false);\n  }\n\n  // -----------------------------------------------------------------------\n  // Constraint bounds\n  // -----------------------------------------------------------------------\n\n  private getConstrainBounds(): { left: number; top: number; right: number; bottom: number } | null {\n    if (this.constrainTo === 'viewport') {\n      return { left: 0, top: 0, right: window.innerWidth, bottom: window.innerHeight };\n    }\n    if (this.constrainTo === 'parent') {\n      const parent = this.el.parentElement;\n      if (!parent) return null;\n      const r = parent.getBoundingClientRect();\n      return { left: 0, top: 0, right: r.width, bottom: r.height };\n    }\n    if (this.constrainTo instanceof HTMLElement) {\n      const r = this.constrainTo.getBoundingClientRect();\n      return { left: r.left, top: r.top, right: r.right, bottom: r.bottom };\n    }\n    return null;\n  }\n\n  // -----------------------------------------------------------------------\n  // Public\n  // -----------------------------------------------------------------------\n\n  setDisabled(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  destroy(): void {\n    if (this.moveHandler) document.removeEventListener('pointermove', this.moveHandler);\n    if (this.upHandler) document.removeEventListener('pointerup', this.upHandler);\n  }\n}\n","/**\n * @framesquared/dd – Droppable\n *\n * Makes an element a drop target.  Registers with DragManager\n * for hit testing during active drags.\n */\n\nimport { DragManager } from './DragManager.js';\nimport type { DragData } from './DragData.js';\nimport type { DropTarget } from './DragManager.js';\n\nexport interface DroppableConfig {\n  el: HTMLElement;\n  accept?: string[];\n  overCls?: string;\n  disabled?: boolean;\n  onDragEnter?: (data: DragData) => boolean | void;\n  onDragOver?: (data: DragData) => void;\n  onDragLeave?: (data: DragData) => void;\n  onDrop?: (data: DragData) => boolean | void;\n}\n\nexport class Droppable {\n  readonly el: HTMLElement;\n  private target: DropTarget;\n\n  constructor(config: DroppableConfig) {\n    this.el = config.el;\n    this.target = {\n      el: config.el,\n      accept: config.accept ?? [],\n      disabled: config.disabled ?? false,\n      overCls: config.overCls ?? '',\n      onDragEnter: config.onDragEnter,\n      onDragOver: config.onDragOver,\n      onDragLeave: config.onDragLeave,\n      onDrop: config.onDrop,\n    };\n    DragManager.registerDropTarget(this.target);\n  }\n\n  setDisabled(disabled: boolean): void {\n    this.target.disabled = disabled;\n  }\n\n  destroy(): void {\n    DragManager.unregisterDropTarget(this.target);\n  }\n}\n","/**\n * @framesquared/dd – DragProxy\n * Visual feedback during drag — a ghost element that follows the cursor.\n */\n\nexport interface DragProxyConfig {\n  sourceEl: HTMLElement;\n  ghostCls?: string;\n}\n\nexport class DragProxy {\n  private ghostEl: HTMLElement | null = null;\n  private ghostCls: string;\n  private sourceEl: HTMLElement;\n\n  constructor(config: DragProxyConfig) {\n    this.sourceEl = config.sourceEl;\n    this.ghostCls = config.ghostCls ?? 'x-dd-ghost';\n  }\n\n  show(x: number, y: number): void {\n    if (this.ghostEl) this.hide();\n    this.ghostEl = document.createElement('div');\n    this.ghostEl.classList.add(this.ghostCls);\n    this.ghostEl.style.position = 'fixed';\n    this.ghostEl.style.pointerEvents = 'none';\n    this.ghostEl.style.zIndex = '99999';\n    this.ghostEl.style.opacity = '0.7';\n    this.ghostEl.style.left = `${x}px`;\n    this.ghostEl.style.top = `${y}px`;\n\n    const rect = this.sourceEl.getBoundingClientRect();\n    this.ghostEl.style.width = `${rect.width || 40}px`;\n    this.ghostEl.style.height = `${rect.height || 40}px`;\n\n    document.body.appendChild(this.ghostEl);\n  }\n\n  moveTo(x: number, y: number): void {\n    if (!this.ghostEl) return;\n    this.ghostEl.style.left = `${x}px`;\n    this.ghostEl.style.top = `${y}px`;\n  }\n\n  setStatus(valid: boolean): void {\n    if (!this.ghostEl) return;\n    this.ghostEl.classList.toggle('x-dd-drop-ok', valid);\n    this.ghostEl.classList.toggle('x-dd-drop-nodrop', !valid);\n  }\n\n  hide(): void {\n    if (this.ghostEl?.parentNode) {\n      this.ghostEl.parentNode.removeChild(this.ghostEl);\n    }\n    this.ghostEl = null;\n  }\n\n  getEl(): HTMLElement | null {\n    return this.ghostEl;\n  }\n}\n","/**\n * @framesquared/dd – Sortable\n *\n * Makes items within a container sortable by drag.\n * Provides moveItem() for programmatic reordering\n * and fires sort/start/end events.\n */\n\nexport interface SortableConfig {\n  el: HTMLElement;\n  itemSelector: string;\n  handle?: string;\n  axis?: 'x' | 'y';\n  group?: string;\n  ghostClass?: string;\n  onSort?: (oldIndex: number, newIndex: number) => void;\n  onStart?: (index: number) => void;\n  onEnd?: (index: number) => void;\n}\n\nexport class Sortable {\n  private el: HTMLElement;\n  private itemSelector: string;\n  private onSortCb: ((o: number, n: number) => void) | null;\n  private onStartCb: ((i: number) => void) | null;\n  private onEndCb: ((i: number) => void) | null;\n\n  constructor(config: SortableConfig) {\n    this.el = config.el;\n    this.itemSelector = config.itemSelector;\n    this.onSortCb = config.onSort ?? null;\n    this.onStartCb = config.onStart ?? null;\n    this.onEndCb = config.onEnd ?? null;\n  }\n\n  getItems(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll(this.itemSelector));\n  }\n\n  getOrder(): string[] {\n    return this.getItems().map(el => el.textContent ?? '');\n  }\n\n  moveItem(fromIndex: number, toIndex: number): void {\n    const items = this.getItems();\n    if (fromIndex < 0 || fromIndex >= items.length) return;\n    if (toIndex < 0 || toIndex >= items.length) return;\n    if (fromIndex === toIndex) return;\n\n    this.onStartCb?.(fromIndex);\n\n    const item = items[fromIndex];\n    // Remove from current position\n    item.parentNode!.removeChild(item);\n\n    // Re-query after removal\n    const remaining = this.getItems();\n    if (toIndex >= remaining.length) {\n      this.el.appendChild(item);\n    } else {\n      this.el.insertBefore(item, remaining[toIndex]);\n    }\n\n    this.onSortCb?.(fromIndex, toIndex);\n    this.onEndCb?.(toIndex);\n  }\n\n  destroy(): void {\n    this.onSortCb = null;\n    this.onStartCb = null;\n    this.onEndCb = null;\n  }\n}\n","/**\n * @framesquared/dd – Resizable\n *\n * Makes an element resizable by adding drag handles on specified\n * edges/corners.  Supports min/max constraints and aspect ratio\n * preservation.\n */\n\nexport interface ResizableConfig {\n  el: HTMLElement;\n  handles: string;\n  minWidth?: number;\n  maxWidth?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  preserveRatio?: boolean;\n  onResize?: (width: number, height: number) => void;\n  onResizeStart?: () => void;\n  onResizeEnd?: () => void;\n}\n\ntype HandleDir = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';\n\nconst HANDLE_CURSORS: Record<string, string> = {\n  n: 'ns-resize', s: 'ns-resize',\n  e: 'ew-resize', w: 'ew-resize',\n  ne: 'nesw-resize', sw: 'nesw-resize',\n  nw: 'nwse-resize', se: 'nwse-resize',\n};\n\nexport class Resizable {\n  private el: HTMLElement;\n  private handles: HandleDir[];\n  private minW: number;\n  private maxW: number;\n  private minH: number;\n  private maxH: number;\n  private preserveRatio: boolean;\n  private initialRatio: number;\n  private onResizeCb: ((w: number, h: number) => void) | null;\n  private onResizeStartCb: (() => void) | null;\n  private onResizeEndCb: (() => void) | null;\n  private handleEls: HTMLElement[] = [];\n\n  constructor(config: ResizableConfig) {\n    this.el = config.el;\n    this.handles = config.handles.trim().split(/\\s+/) as HandleDir[];\n    this.minW = config.minWidth ?? 20;\n    this.maxW = config.maxWidth ?? Infinity;\n    this.minH = config.minHeight ?? 20;\n    this.maxH = config.maxHeight ?? Infinity;\n    this.preserveRatio = config.preserveRatio ?? false;\n    this.onResizeCb = config.onResize ?? null;\n    this.onResizeStartCb = config.onResizeStart ?? null;\n    this.onResizeEndCb = config.onResizeEnd ?? null;\n\n    const w = parseInt(this.el.style.width || '100', 10);\n    const h = parseInt(this.el.style.height || '100', 10);\n    this.initialRatio = w / (h || 1);\n\n    this.createHandles();\n  }\n\n  // -----------------------------------------------------------------------\n  // Handle creation\n  // -----------------------------------------------------------------------\n\n  private createHandles(): void {\n    // Ensure el is positioned\n    const pos = getComputedStyle(this.el).position;\n    if (pos === 'static' || pos === '') this.el.style.position = 'relative';\n\n    for (const dir of this.handles) {\n      const handle = document.createElement('div');\n      handle.classList.add('x-resizable-handle', `x-resizable-handle-${dir}`);\n      handle.style.position = 'absolute';\n      handle.style.zIndex = '100';\n      handle.style.cursor = HANDLE_CURSORS[dir] ?? 'default';\n      this.positionHandle(handle, dir);\n      handle.addEventListener('pointerdown', (e) => this.onHandleDown(e, dir));\n      this.el.appendChild(handle);\n      this.handleEls.push(handle);\n    }\n  }\n\n  private positionHandle(handle: HTMLElement, dir: string): void {\n    const size = '8px';\n    handle.style.width = size;\n    handle.style.height = size;\n\n    switch (dir) {\n      case 'se': handle.style.right = '0'; handle.style.bottom = '0'; break;\n      case 'sw': handle.style.left = '0'; handle.style.bottom = '0'; break;\n      case 'ne': handle.style.right = '0'; handle.style.top = '0'; break;\n      case 'nw': handle.style.left = '0'; handle.style.top = '0'; break;\n      case 'e': handle.style.right = '0'; handle.style.top = '50%'; handle.style.height = '100%'; handle.style.top = '0'; break;\n      case 'w': handle.style.left = '0'; handle.style.top = '0'; handle.style.height = '100%'; break;\n      case 's': handle.style.bottom = '0'; handle.style.left = '0'; handle.style.width = '100%'; break;\n      case 'n': handle.style.top = '0'; handle.style.left = '0'; handle.style.width = '100%'; break;\n    }\n  }\n\n  // -----------------------------------------------------------------------\n  // Drag resize\n  // -----------------------------------------------------------------------\n\n  private onHandleDown(e: PointerEvent, dir: HandleDir): void {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const startX = e.clientX;\n    const startY = e.clientY;\n    const startW = parseInt(this.el.style.width || '100', 10);\n    const startH = parseInt(this.el.style.height || '100', 10);\n    const startLeft = parseInt(this.el.style.left || '0', 10);\n    const startTop = parseInt(this.el.style.top || '0', 10);\n\n    this.onResizeStartCb?.();\n\n    const onMove = (me: PointerEvent) => {\n      const dx = me.clientX - startX;\n      const dy = me.clientY - startY;\n\n      let newW = startW;\n      let newH = startH;\n      let newLeft = startLeft;\n      let newTop = startTop;\n\n      // Compute new dimensions based on handle direction\n      if (dir.includes('e')) newW = startW + dx;\n      if (dir.includes('w')) { newW = startW - dx; newLeft = startLeft + dx; }\n      if (dir.includes('s')) newH = startH + dy;\n      if (dir.includes('n')) { newH = startH - dy; newTop = startTop + dy; }\n\n      // Preserve ratio\n      if (this.preserveRatio) {\n        if (dir.includes('e') || dir.includes('w')) {\n          newH = newW / this.initialRatio;\n        } else {\n          newW = newH * this.initialRatio;\n        }\n      }\n\n      // Clamp\n      newW = Math.max(this.minW, Math.min(newW, this.maxW));\n      newH = Math.max(this.minH, Math.min(newH, this.maxH));\n\n      // Apply\n      this.el.style.width = `${newW}px`;\n      this.el.style.height = `${newH}px`;\n      if (dir.includes('w')) this.el.style.left = `${newLeft}px`;\n      if (dir.includes('n')) this.el.style.top = `${newTop}px`;\n\n      this.onResizeCb?.(newW, newH);\n    };\n\n    const onUp = () => {\n      document.removeEventListener('pointermove', onMove);\n      document.removeEventListener('pointerup', onUp);\n      this.onResizeEndCb?.();\n    };\n\n    document.addEventListener('pointermove', onMove);\n    document.addEventListener('pointerup', onUp);\n  }\n\n  // -----------------------------------------------------------------------\n  // Public\n  // -----------------------------------------------------------------------\n\n  destroy(): void {\n    for (const handle of this.handleEls) {\n      handle.parentNode?.removeChild(handle);\n    }\n    this.handleEls = [];\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@framesquared/dd",
+  "version": "0.1.0",
+  "description": "Drag and drop",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@framesquared/core": "0.1.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit --project tsconfig.build.json"
+  }
+}