@dnd-kit/svelte 0.2.3

package/README.md

@@ -0,0 +1,64 @@
+# @dnd-kit/svelte
+
+[![Stable release](https://img.shields.io/npm/v/@dnd-kit/svelte.svg)](https://npm.im/@dnd-kit/svelte)
+
+The Svelte adapter for **@dnd-kit** — a lightweight, performant, and extensible drag and drop toolkit. Built on top of `@dnd-kit/dom`, it provides idiomatic Svelte 5 primitives using runes and [attachments](https://svelte.dev/docs/svelte/@attach).
+
+## Requirements
+
+- Svelte **5.29** or later
+
+## Installation
+
+```bash
+npm install @dnd-kit/svelte
+```
+
+## Quick start
+
+```svelte
+<script>
+  import {DragDropProvider, createDraggable, createDroppable} from '@dnd-kit/svelte';
+
+  let droppedIn = $state(false);
+
+  const draggable = createDraggable({id: 'draggable'});
+  const droppable = createDroppable({id: 'droppable'});
+
+  function onDragEnd(event) {
+    if (event.canceled) return;
+    droppedIn = event.operation.target?.id === 'droppable';
+  }
+</script>
+
+<DragDropProvider {onDragEnd}>
+  {#if !droppedIn}
+    <button {@attach draggable.attach}>Drag me</button>
+  {/if}
+
+  <div {@attach droppable.attach}>
+    {#if droppedIn}
+      <button {@attach draggable.attach}>Dropped!</button>
+    {/if}
+  </div>
+</DragDropProvider>
+```
+
+## Primitives
+
+| Primitive         | Import                     | Description                        |
+| ----------------- | -------------------------- | ---------------------------------- |
+| `createDraggable` | `@dnd-kit/svelte`          | Make an element draggable          |
+| `createDroppable` | `@dnd-kit/svelte`          | Create a drop target               |
+| `createSortable`  | `@dnd-kit/svelte/sortable` | Combine drag and drop with sorting |
+
+Each primitive returns an object with reactive state (e.g. `isDragging`, `isDropTarget`) and `attach` / `attachHandle` functions for use with the `{@attach}` directive.
+
+## Components
+
+- **`<DragDropProvider>`** — Wraps your drag and drop interface, manages sensors, plugins, and events.
+- **`<DragOverlay>`** — Renders a custom overlay element during drag operations.
+
+## Documentation
+
+Visit [next.dndkit.com](https://next.dndkit.com/svelte) for full documentation, guides, and interactive examples.

package/dist/core/context/DragDropProvider.svelte

@@ -0,0 +1,107 @@
+<script lang="ts">
+  import type {Snippet} from 'svelte';
+  import {onDestroy} from 'svelte';
+  import type {DragDropEvents} from '@dnd-kit/abstract';
+  import {
+    DragDropManager,
+    defaultPreset,
+    type DragDropManagerInput,
+    type Draggable,
+    type Droppable,
+  } from '@dnd-kit/dom';
+
+  import {useRenderer} from './renderer.svelte.js';
+  import {setDragDropContext} from './context.js';
+
+  type Events = DragDropEvents<Draggable, Droppable, DragDropManager>;
+
+  interface Props extends DragDropManagerInput {
+    manager?: DragDropManager;
+    children?: Snippet;
+    onBeforeDragStart?: Events['beforedragstart'];
+    onDragStart?: Events['dragstart'];
+    onDragMove?: Events['dragmove'];
+    onDragOver?: Events['dragover'];
+    onDragEnd?: Events['dragend'];
+    onCollision?: Events['collision'];
+  }
+
+  let {
+    manager: managerProp,
+    plugins,
+    sensors,
+    modifiers,
+    children,
+    onBeforeDragStart,
+    onDragStart,
+    onDragMove,
+    onDragOver,
+    onDragEnd,
+    onCollision,
+  }: Props = $props();
+
+  const {renderer, trackRendering} = useRenderer();
+
+  // Create manager once; plugins/sensors/modifiers are synced reactively via $effect below
+  const manager = managerProp ?? new DragDropManager({});
+
+  manager.renderer = renderer;
+
+  setDragDropContext(manager);
+
+  $effect(() => {
+    manager.plugins = plugins ?? defaultPreset.plugins;
+    manager.sensors = sensors ?? defaultPreset.sensors;
+    manager.modifiers = modifiers ?? defaultPreset.modifiers;
+  });
+
+  $effect(() => {
+    const cleanupFns: (() => void)[] = [];
+
+    cleanupFns.push(
+      manager.monitor.addEventListener('beforedragstart', (event, mgr) =>
+        trackRendering(() => onBeforeDragStart?.(event, mgr))
+      )
+    );
+
+    cleanupFns.push(
+      manager.monitor.addEventListener('dragstart', (event, mgr) =>
+        onDragStart?.(event, mgr)
+      )
+    );
+
+    cleanupFns.push(
+      manager.monitor.addEventListener('dragover', (event, mgr) =>
+        trackRendering(() => onDragOver?.(event, mgr))
+      )
+    );
+
+    cleanupFns.push(
+      manager.monitor.addEventListener('dragmove', (event, mgr) =>
+        trackRendering(() => onDragMove?.(event, mgr))
+      )
+    );
+
+    cleanupFns.push(
+      manager.monitor.addEventListener('dragend', (event, mgr) =>
+        trackRendering(() => onDragEnd?.(event, mgr))
+      )
+    );
+
+    cleanupFns.push(
+      manager.monitor.addEventListener('collision', (event, mgr) =>
+        onCollision?.(event, mgr)
+      )
+    );
+
+    return () => cleanupFns.forEach((fn) => fn());
+  });
+
+  onDestroy(() => {
+    if (!managerProp) {
+      manager.destroy();
+    }
+  });
+</script>
+
+{@render children?.()}

package/dist/core/context/DragDropProvider.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+import type { DragDropEvents } from '@dnd-kit/abstract';
+import { DragDropManager, type DragDropManagerInput, type Draggable, type Droppable } from '@dnd-kit/dom';
+type Events = DragDropEvents<Draggable, Droppable, DragDropManager>;
+interface Props extends DragDropManagerInput {
+    manager?: DragDropManager;
+    children?: Snippet;
+    onBeforeDragStart?: Events['beforedragstart'];
+    onDragStart?: Events['dragstart'];
+    onDragMove?: Events['dragmove'];
+    onDragOver?: Events['dragover'];
+    onDragEnd?: Events['dragend'];
+    onCollision?: Events['collision'];
+}
+declare const DragDropProvider: import("svelte").Component<Props, {}, "">;
+type DragDropProvider = ReturnType<typeof DragDropProvider>;
+export default DragDropProvider;
+//# sourceMappingURL=DragDropProvider.svelte.d.ts.map

package/dist/core/context/DragDropProvider.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropProvider.svelte.d.ts","sourceRoot":"","sources":["../../../src/core/context/DragDropProvider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAEpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AACtD,OAAO,EACH,eAAe,EAEf,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,KAAK,MAAM,GAAG,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC;AAEpE,UAAU,KAAM,SAAQ,oBAAoB;IAC1C,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;CACnC;AA8FH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/core/context/context.d.ts

@@ -0,0 +1,5 @@
+import type { DragDropManager } from '@dnd-kit/dom';
+export declare const DND_CONTEXT_KEY: unique symbol;
+export declare function setDragDropContext(manager: DragDropManager): void;
+export declare function getDragDropContext(): DragDropManager;
+//# sourceMappingURL=context.d.ts.map

package/dist/core/context/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/core/context/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,eAAe,eAA6B,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,QAE1D;AAED,wBAAgB,kBAAkB,IAAI,eAAe,CAWpD"}

package/dist/core/context/context.js

@@ -0,0 +1,13 @@
+import { getContext, setContext } from 'svelte';
+export const DND_CONTEXT_KEY = Symbol('DragDropProvider');
+export function setDragDropContext(manager) {
+    setContext(DND_CONTEXT_KEY, manager);
+}
+export function getDragDropContext() {
+    const manager = getContext(DND_CONTEXT_KEY);
+    if (!manager) {
+        throw new Error('getDragDropManager was called outside of a DragDropProvider. ' +
+            'Make sure your component is wrapped in a DragDropProvider.');
+    }
+    return manager;
+}

package/dist/core/context/renderer.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { DragDropManager } from '@dnd-kit/dom';
+type Renderer = DragDropManager['renderer'];
+export declare function useRenderer(): {
+    renderer: Renderer;
+    trackRendering: (callback: () => void) => void;
+};
+export {};
+//# sourceMappingURL=renderer.svelte.d.ts.map

package/dist/core/context/renderer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.svelte.d.ts","sourceRoot":"","sources":["../../../src/core/context/renderer.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAGlD,KAAK,QAAQ,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;AAE5C,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CAChD,CAoCA"}

package/dist/core/context/renderer.svelte.js

@@ -0,0 +1,32 @@
+import { tick } from 'svelte';
+export function useRenderer() {
+    let transitionCount = $state(0);
+    let rendering = null;
+    let resolver = null;
+    $effect(() => {
+        // Track transitionCount so this effect re-runs after DOM updates
+        void transitionCount;
+        resolver === null || resolver === void 0 ? void 0 : resolver();
+        rendering = null;
+    });
+    const renderer = {
+        get rendering() {
+            return rendering !== null && rendering !== void 0 ? rendering : Promise.resolve();
+        },
+    };
+    function trackRendering(callback) {
+        if (!rendering) {
+            rendering = new Promise((resolve) => {
+                resolver = resolve;
+            });
+        }
+        callback();
+        tick().then(() => {
+            transitionCount++;
+        });
+    }
+    return {
+        renderer,
+        trackRendering,
+    };
+}

package/dist/core/draggable/DragOverlay.svelte

@@ -0,0 +1,88 @@
+<script lang="ts">
+  import type {Snippet} from 'svelte';
+  import type {DragDropManager, Draggable, DropAnimation} from '@dnd-kit/dom';
+  import {Feedback} from '@dnd-kit/dom';
+
+  import {useDeepSignal} from '../../hooks/useDeepSignal.svelte.js';
+  import {getDragDropManager} from '../hooks/getDragDropManager.js';
+  import {DND_CONTEXT_KEY, setDragDropContext} from '../context/context.js';
+
+  interface Props {
+    /**
+     * Whether the drag overlay is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Customize or disable the drop animation that plays when a drag operation ends.
+     *
+     * - `undefined` – use the default animation (250ms ease)
+     * - `null` – disable the drop animation entirely
+     * - `{duration, easing}` – customize the animation timing
+     * - `(context) => Promise<void> | void` – provide a fully custom animation function
+     */
+    dropAnimation?: DropAnimation | null;
+    /**
+     * Content to render inside the overlay.
+     * Receives the drag source as a snippet parameter.
+     */
+    children?: Snippet<[Draggable]>;
+  }
+
+  let {disabled = false, dropAnimation, children}: Props = $props();
+
+  const manager = getDragDropManager();
+  let overlayElement = $state<HTMLElement | null>(null);
+
+  const trackedDragOperation = useDeepSignal(() => manager.dragOperation);
+
+  // Provide a patched manager that prevents children from registering
+  const noop = () => () => {};
+
+  const patchedRegistry = new Proxy(manager.registry, {
+    get(target, property) {
+      if (property === 'register' || property === 'unregister') {
+        return noop;
+      }
+
+      return target[property as keyof typeof target];
+    },
+  });
+
+  const patchedManager = new Proxy(manager, {
+    get(target, property) {
+      if (property === 'registry') {
+        return patchedRegistry;
+      }
+
+      return target[property as keyof typeof target];
+    },
+  }) as DragDropManager;
+
+  setDragDropContext(patchedManager);
+
+  // Register overlay element and dropAnimation with the Feedback plugin
+  $effect(() => {
+    const el = overlayElement;
+    if (!el || disabled) return;
+
+    const feedback = manager.plugins.find(
+      (plugin): plugin is Feedback => plugin instanceof Feedback
+    );
+
+    if (!feedback) return;
+
+    feedback.overlay = el;
+    feedback.dropAnimation = dropAnimation;
+
+    return () => {
+      feedback.overlay = undefined;
+      feedback.dropAnimation = undefined;
+    };
+  });
+</script>
+
+<div bind:this={overlayElement} data-dnd-overlay>
+  {#if !disabled && trackedDragOperation.current.source}
+    {@render children?.(trackedDragOperation.current.source)}
+  {/if}
+</div>

package/dist/core/draggable/DragOverlay.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { Snippet } from 'svelte';
+import type { Draggable, DropAnimation } from '@dnd-kit/dom';
+interface Props {
+    /**
+     * Whether the drag overlay is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Customize or disable the drop animation that plays when a drag operation ends.
+     *
+     * - `undefined` – use the default animation (250ms ease)
+     * - `null` – disable the drop animation entirely
+     * - `{duration, easing}` – customize the animation timing
+     * - `(context) => Promise<void> | void` – provide a fully custom animation function
+     */
+    dropAnimation?: DropAnimation | null;
+    /**
+     * Content to render inside the overlay.
+     * Receives the drag source as a snippet parameter.
+     */
+    children?: Snippet<[Draggable]>;
+}
+declare const DragOverlay: import("svelte").Component<Props, {}, "">;
+type DragOverlay = ReturnType<typeof DragOverlay>;
+export default DragOverlay;
+//# sourceMappingURL=DragOverlay.svelte.d.ts.map

package/dist/core/draggable/DragOverlay.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragOverlay.svelte.d.ts","sourceRoot":"","sources":["../../../src/core/draggable/DragOverlay.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAkB,SAAS,EAAE,aAAa,EAAC,MAAM,cAAc,CAAC;AAQ1E,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;CACjC;AAwEH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/core/draggable/createDraggable.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Data } from '@dnd-kit/abstract';
+import type { DraggableInput } from '@dnd-kit/dom';
+import { Draggable } from '@dnd-kit/dom';
+export type CreateDraggableInput<T extends Data = Data> = Omit<DraggableInput<T>, 'handle' | 'element' | 'register'>;
+export declare function createDraggable<T extends Data = Data>(input: CreateDraggableInput<T>): {
+    readonly draggable: Draggable<T>;
+    readonly isDragging: boolean;
+    readonly isDropping: boolean;
+    readonly isDragSource: boolean;
+    attach(node: HTMLElement): () => void;
+    attachHandle(node: HTMLElement): () => void;
+};
+//# sourceMappingURL=createDraggable.svelte.d.ts.map

package/dist/core/draggable/createDraggable.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDraggable.svelte.d.ts","sourceRoot":"","sources":["../../../src/core/draggable/createDraggable.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAKvC,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,CAC5D,cAAc,CAAC,CAAC,CAAC,EACjB,QAAQ,GAAG,SAAS,GAAG,UAAU,CAClC,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,EACnD,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;;;;;iBA0Cf,WAAW;uBAOL,WAAW;EAQjC"}

package/dist/core/draggable/createDraggable.svelte.js

@@ -0,0 +1,46 @@
+import { Draggable } from '@dnd-kit/dom';
+import { useDeepSignal } from '../../hooks/useDeepSignal.svelte.js';
+import { createInstance } from '../hooks/createInstance.svelte.js';
+export function createDraggable(input) {
+    const draggable = createInstance((manager) => new Draggable(Object.assign(Object.assign({}, input), { register: false }), manager));
+    const tracked = useDeepSignal(() => draggable);
+    // Sync reactive properties from input getters
+    $effect(() => {
+        var _a, _b;
+        draggable.id = input.id;
+        draggable.disabled = (_a = input.disabled) !== null && _a !== void 0 ? _a : false;
+        draggable.feedback = (_b = input.feedback) !== null && _b !== void 0 ? _b : 'default';
+        draggable.alignment = input.alignment;
+        draggable.modifiers = input.modifiers;
+        draggable.sensors = input.sensors;
+        if (input.data) {
+            draggable.data = input.data;
+        }
+    });
+    return {
+        get draggable() {
+            return draggable;
+        },
+        get isDragging() {
+            return tracked.current.isDragging;
+        },
+        get isDropping() {
+            return tracked.current.isDropping;
+        },
+        get isDragSource() {
+            return tracked.current.isDragSource;
+        },
+        attach(node) {
+            draggable.element = node;
+            return () => {
+                draggable.element = undefined;
+            };
+        },
+        attachHandle(node) {
+            draggable.handle = node;
+            return () => {
+                draggable.handle = undefined;
+            };
+        },
+    };
+}

package/dist/core/droppable/createDroppable.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Data } from '@dnd-kit/abstract';
+import type { DroppableInput } from '@dnd-kit/dom';
+import { Droppable } from '@dnd-kit/dom';
+export type CreateDroppableInput<T extends Data = Data> = Omit<DroppableInput<T>, 'element' | 'register'>;
+export declare function createDroppable<T extends Data = Data>(input: CreateDroppableInput<T>): {
+    readonly droppable: Droppable<T>;
+    readonly isDropTarget: boolean;
+    attach(node: HTMLElement): () => void;
+};
+//# sourceMappingURL=createDroppable.svelte.d.ts.map

package/dist/core/droppable/createDroppable.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDroppable.svelte.d.ts","sourceRoot":"","sources":["../../../src/core/droppable/createDroppable.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAKvC,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,CAC5D,cAAc,CAAC,CAAC,CAAC,EACjB,SAAS,GAAG,UAAU,CACvB,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,EACnD,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;;;iBAsCf,WAAW;EAQ3B"}

package/dist/core/droppable/createDroppable.svelte.js

@@ -0,0 +1,35 @@
+import { Droppable } from '@dnd-kit/dom';
+import { useDeepSignal } from '../../hooks/useDeepSignal.svelte.js';
+import { createInstance } from '../hooks/createInstance.svelte.js';
+export function createDroppable(input) {
+    const droppable = createInstance((manager) => new Droppable(Object.assign(Object.assign({}, input), { register: false }), manager));
+    const tracked = useDeepSignal(() => droppable);
+    // Sync reactive properties from input getters
+    $effect(() => {
+        var _a;
+        droppable.id = input.id;
+        droppable.accept = input.accept;
+        droppable.type = input.type;
+        droppable.disabled = (_a = input.disabled) !== null && _a !== void 0 ? _a : false;
+        if (input.collisionDetector) {
+            droppable.collisionDetector = input.collisionDetector;
+        }
+        if (input.data) {
+            droppable.data = input.data;
+        }
+    });
+    return {
+        get droppable() {
+            return droppable;
+        },
+        get isDropTarget() {
+            return tracked.current.isDropTarget;
+        },
+        attach(node) {
+            droppable.element = node;
+            return () => {
+                droppable.element = undefined;
+            };
+        },
+    };
+}

package/dist/core/hooks/createDragDropMonitor.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { DragDropEvents, Data } from '@dnd-kit/abstract';
+import type { Draggable, Droppable, DragDropManager } from '@dnd-kit/dom';
+type DragDropEventMap = {
+    beforedragstart: 'onBeforeDragStart';
+};
+type EventHandlerName<T extends string> = T extends keyof DragDropEventMap ? DragDropEventMap[T] : T extends `drag${infer Second}${infer Rest}` ? `onDrag${Uppercase<Second>}${Rest}` : `on${Capitalize<T>}`;
+type Events<T extends Data, U extends Draggable<T>, V extends Droppable<T>, W extends DragDropManager<T, U, V>> = DragDropEvents<U, V, W>;
+export type EventHandlers<T extends Data = Data, U extends Draggable<T> = Draggable<T>, V extends Droppable<T> = Droppable<T>, W extends DragDropManager<T, U, V> = DragDropManager<T, U, V>> = {
+    [K in keyof Events<T, U, V, W> as EventHandlerName<K>]?: Events<T, U, V, W>[K];
+};
+export declare function createDragDropMonitor<T extends Data = Data, U extends Draggable<T> = Draggable<T>, V extends Droppable<T> = Droppable<T>, W extends DragDropManager<T, U, V> = DragDropManager<T, U, V>>(handlers: EventHandlers<T, U, V, W>): void;
+export {};
+//# sourceMappingURL=createDragDropMonitor.svelte.d.ts.map

package/dist/core/hooks/createDragDropMonitor.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDragDropMonitor.svelte.d.ts","sourceRoot":"","sources":["../../../src/core/hooks/createDragDropMonitor.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,eAAe,EAAC,MAAM,cAAc,CAAC;AAKxE,KAAK,gBAAgB,GAAG;IACtB,eAAe,EAAE,mBAAmB,CAAC;CACtC,CAAC;AAEF,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,gBAAgB,GACtE,gBAAgB,CAAC,CAAC,CAAC,GACnB,CAAC,SAAS,OAAO,MAAM,MAAM,GAAG,MAAM,IAAI,EAAE,GAC1C,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,EAAE,GACnC,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAE3B,KAAK,MAAM,CACT,CAAC,SAAS,IAAI,EACd,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,EACtB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,EACtB,CAAC,SAAS,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAChC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAE5B,MAAM,MAAM,aAAa,CACvB,CAAC,SAAS,IAAI,GAAG,IAAI,EACrB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,EACrC,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,EACrC,CAAC,SAAS,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAC3D;KACD,CAAC,IAAI,MAAM,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAC7D,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,CACF,CAAC,CAAC,CAAC;CACL,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,CAAC,SAAS,IAAI,GAAG,IAAI,EACrB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,EACrC,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,EACrC,CAAC,SAAS,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAC7D,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAoC3C"}

package/dist/core/hooks/createDragDropMonitor.svelte.js

@@ -0,0 +1,24 @@
+import { getDragDropManager } from './getDragDropManager.js';
+export function createDragDropMonitor(handlers) {
+    const manager = getDragDropManager();
+    $effect(() => {
+        if (!manager) {
+            if (process.env.NODE_ENV !== 'production') {
+                console.warn('createDragDropMonitor was called outside of a DragDropProvider. ' +
+                    'Make sure your app is wrapped in a DragDropProvider component.');
+            }
+            return;
+        }
+        const cleanupFns = Object.entries(handlers).reduce((acc, [handlerName, handler]) => {
+            if (handler) {
+                const eventName = handlerName
+                    .replace(/^on/, '')
+                    .toLowerCase();
+                const unsubscribe = manager.monitor.addEventListener(eventName, handler);
+                acc.push(unsubscribe);
+            }
+            return acc;
+        }, []);
+        return () => cleanupFns.forEach((cleanup) => cleanup());
+    });
+}

package/dist/core/hooks/createDragOperation.d.ts

@@ -0,0 +1,6 @@
+export declare function createDragOperation(): {
+    readonly source: import("@dnd-kit/dom").Draggable<import("@dnd-kit/abstract").Data> | null;
+    readonly target: import("@dnd-kit/dom").Droppable<import("@dnd-kit/abstract").Data> | null;
+    readonly status: import("@dnd-kit/abstract").DragOperationStatus;
+};
+//# sourceMappingURL=createDragOperation.d.ts.map

package/dist/core/hooks/createDragOperation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDragOperation.d.ts","sourceRoot":"","sources":["../../../src/core/hooks/createDragOperation.ts"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB;;;;EAelC"}

package/dist/core/hooks/createDragOperation.js

@@ -0,0 +1,17 @@
+import { useDeepSignal } from '../../hooks/useDeepSignal.svelte.js';
+import { getDragDropManager } from './getDragDropManager.js';
+export function createDragOperation() {
+    const manager = getDragDropManager();
+    const trackedDragOperation = useDeepSignal(() => manager.dragOperation);
+    return {
+        get source() {
+            return trackedDragOperation.current.source;
+        },
+        get target() {
+            return trackedDragOperation.current.target;
+        },
+        get status() {
+            return trackedDragOperation.current.status;
+        },
+    };
+}

package/dist/core/hooks/createInstance.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { DragDropManager } from '@dnd-kit/dom';
+import type { CleanupFunction } from '@dnd-kit/state';
+export interface Instance<T extends DragDropManager = DragDropManager> {
+    manager: T | undefined;
+    register(): CleanupFunction | void;
+}
+export declare function createInstance<T extends Instance>(initializer: (manager: DragDropManager | undefined) => T): T;
+//# sourceMappingURL=createInstance.svelte.d.ts.map

package/dist/core/hooks/createInstance.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInstance.svelte.d.ts","sourceRoot":"","sources":["../../../src/core/hooks/createInstance.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAIpD,MAAM,WAAW,QAAQ,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IACnE,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;IACvB,QAAQ,IAAI,eAAe,GAAG,IAAI,CAAC;CACpC;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,QAAQ,EAC/C,WAAW,EAAE,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS,KAAK,CAAC,GACvD,CAAC,CAcH"}

package/dist/core/hooks/createInstance.svelte.js

@@ -0,0 +1,14 @@
+import { getDragDropManager } from './getDragDropManager.js';
+export function createInstance(initializer) {
+    const manager = getDragDropManager();
+    const instance = initializer(manager);
+    $effect(() => {
+        instance.manager = manager;
+        const cleanup = instance.register();
+        return () => {
+            if (typeof cleanup === 'function')
+                cleanup();
+        };
+    });
+    return instance;
+}

package/dist/core/hooks/getDragDropManager.d.ts

@@ -0,0 +1,2 @@
+export declare function getDragDropManager(): import("@dnd-kit/dom").DragDropManager<import("@dnd-kit/abstract").Data, import("@dnd-kit/dom").Draggable<import("@dnd-kit/abstract").Data>, import("@dnd-kit/dom").Droppable<import("@dnd-kit/abstract").Data>>;
+//# sourceMappingURL=getDragDropManager.d.ts.map

package/dist/core/hooks/getDragDropManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDragDropManager.d.ts","sourceRoot":"","sources":["../../../src/core/hooks/getDragDropManager.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,qNAEjC"}

package/dist/core/hooks/getDragDropManager.js

@@ -0,0 +1,4 @@
+import { getDragDropContext } from '../context/context.js';
+export function getDragDropManager() {
+    return getDragDropContext();
+}

package/dist/core/index.d.ts

@@ -0,0 +1,11 @@
+export { default as DragDropProvider } from './context/DragDropProvider.svelte';
+export { default as DragOverlay } from './draggable/DragOverlay.svelte';
+export { createDraggable, type CreateDraggableInput, } from './draggable/createDraggable.svelte.js';
+export { createDroppable, type CreateDroppableInput, } from './droppable/createDroppable.svelte.js';
+export { getDragDropManager } from './hooks/getDragDropManager.js';
+export { createDragDropMonitor, type EventHandlers as DragDropEventHandlers, } from './hooks/createDragDropMonitor.svelte.js';
+export { createDragOperation } from './hooks/createDragOperation.js';
+export { createInstance } from './hooks/createInstance.svelte.js';
+export { KeyboardSensor, PointerSensor } from '@dnd-kit/dom';
+export type { DragDropManager } from '@dnd-kit/dom';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AAE9E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAEtE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EACL,qBAAqB,EACrB,KAAK,aAAa,IAAI,qBAAqB,GAC5C,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC"}

package/dist/core/index.js

@@ -0,0 +1,9 @@
+export { default as DragDropProvider } from './context/DragDropProvider.svelte';
+export { default as DragOverlay } from './draggable/DragOverlay.svelte';
+export { createDraggable, } from './draggable/createDraggable.svelte.js';
+export { createDroppable, } from './droppable/createDroppable.svelte.js';
+export { getDragDropManager } from './hooks/getDragDropManager.js';
+export { createDragDropMonitor, } from './hooks/createDragDropMonitor.svelte.js';
+export { createDragOperation } from './hooks/createDragOperation.js';
+export { createInstance } from './hooks/createInstance.svelte.js';
+export { KeyboardSensor, PointerSensor } from '@dnd-kit/dom';

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useDeepSignal } from './useDeepSignal.svelte.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1 @@
+export { useDeepSignal } from './useDeepSignal.svelte.js';

package/dist/hooks/useDeepSignal.svelte.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Bridge between @dnd-kit/state (Preact signals) and Svelte 5 reactivity.
+ *
+ * Uses a hybrid push-pull strategy:
+ * - Pull: A Proxy tracks which properties the template actually reads
+ * - Push: A single @dnd-kit/state effect watches only tracked properties
+ *   and bumps a single $state dirty counter when any change
+ * - Read: Getters read `dirty` (so Svelte subscribes) then return
+ *   the current value from the instance
+ */
+export declare function useDeepSignal<T extends object | null | undefined>(getTarget: () => T): {
+    readonly current: T;
+};
+//# sourceMappingURL=useDeepSignal.svelte.d.ts.map

package/dist/hooks/useDeepSignal.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeepSignal.svelte.d.ts","sourceRoot":"","sources":["../../src/hooks/useDeepSignal.svelte.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,GAAG,SAAS,EAC/D,SAAS,EAAE,MAAM,CAAC,GACjB;IAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;CAAC,CAoDvB"}

package/dist/hooks/useDeepSignal.svelte.js

@@ -0,0 +1,54 @@
+import { effect, untracked } from '@dnd-kit/state';
+/**
+ * Bridge between @dnd-kit/state (Preact signals) and Svelte 5 reactivity.
+ *
+ * Uses a hybrid push-pull strategy:
+ * - Pull: A Proxy tracks which properties the template actually reads
+ * - Push: A single @dnd-kit/state effect watches only tracked properties
+ *   and bumps a single $state dirty counter when any change
+ * - Read: Getters read `dirty` (so Svelte subscribes) then return
+ *   the current value from the instance
+ */
+export function useDeepSignal(getTarget) {
+    const tracked = new Map();
+    let dirty = $state(0);
+    $effect(() => {
+        const target = getTarget();
+        if (!target) {
+            tracked.clear();
+            return;
+        }
+        const dispose = effect(() => {
+            let stale = false;
+            for (const entry of tracked) {
+                const [key] = entry;
+                const value = untracked(() => entry[1]);
+                const latestValue = target[key];
+                if (value !== latestValue) {
+                    stale = true;
+                    tracked.set(key, latestValue);
+                }
+            }
+            if (stale) {
+                dirty++;
+            }
+        });
+        return dispose;
+    });
+    return {
+        get current() {
+            const target = getTarget();
+            // Reading dirty subscribes the Svelte template/effect to changes
+            void dirty;
+            return target
+                ? new Proxy(target, {
+                    get(obj, key) {
+                        const value = obj[key];
+                        tracked.set(key, value);
+                        return value;
+                    },
+                })
+                : target;
+        },
+    };
+}

package/dist/sortable/createSortable.svelte.d.ts

@@ -0,0 +1,16 @@
+import { type Data } from '@dnd-kit/abstract';
+import type { SortableInput } from '@dnd-kit/dom/sortable';
+import { Sortable } from '@dnd-kit/dom/sortable';
+export type CreateSortableInput<T extends Data = Data> = Omit<SortableInput<T>, 'handle' | 'element' | 'source' | 'target' | 'register'>;
+export declare function createSortable<T extends Data = Data>(input: CreateSortableInput<T>): {
+    readonly sortable: Sortable<T>;
+    readonly isDragging: boolean;
+    readonly isDropping: boolean;
+    readonly isDragSource: boolean;
+    readonly isDropTarget: boolean;
+    attach(node: HTMLElement): () => void;
+    attachHandle(node: HTMLElement): () => void;
+    attachSource(node: HTMLElement): () => void;
+    attachTarget(node: HTMLElement): () => void;
+};
+//# sourceMappingURL=createSortable.svelte.d.ts.map

package/dist/sortable/createSortable.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSortable.svelte.d.ts","sourceRoot":"","sources":["../../src/sortable/createSortable.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAA4B,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAM1E,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,IAAI,IAAI,CAC3D,aAAa,CAAC,CAAC,CAAC,EAChB,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CACxD,CAAC;AAEF,wBAAgB,cAAc,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,EAClD,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC;;;;;;iBA8Ed,WAAW;uBAOL,WAAW;uBAOX,WAAW;uBAOX,WAAW;EAQjC"}

package/dist/sortable/createSortable.svelte.js

@@ -0,0 +1,87 @@
+import {} from '@dnd-kit/abstract';
+import { defaultSortableTransition, Sortable } from '@dnd-kit/dom/sortable';
+import { batch } from '@dnd-kit/state';
+import { useDeepSignal } from '../hooks/useDeepSignal.svelte.js';
+import { createInstance } from '../core/hooks/createInstance.svelte.js';
+export function createSortable(input) {
+    const sortable = createInstance((manager) => {
+        return new Sortable(Object.assign(Object.assign({}, input), { register: false, transition: Object.assign(Object.assign({}, defaultSortableTransition), input.transition) }), manager);
+    });
+    const tracked = useDeepSignal(() => sortable);
+    // Sync reactive properties from input getters
+    $effect(() => {
+        var _a, _b;
+        sortable.id = input.id;
+        sortable.disabled = (_a = input.disabled) !== null && _a !== void 0 ? _a : false;
+        sortable.feedback = (_b = input.feedback) !== null && _b !== void 0 ? _b : 'default';
+        sortable.alignment = input.alignment;
+        sortable.modifiers = input.modifiers;
+        sortable.sensors = input.sensors;
+        sortable.accept = input.accept;
+        sortable.type = input.type;
+        sortable.collisionPriority = input.collisionPriority;
+        sortable.transition = Object.assign(Object.assign({}, defaultSortableTransition), input.transition);
+        if (input.data) {
+            sortable.data = input.data;
+        }
+    });
+    // Batch group/index updates to ensure atomic state changes
+    $effect.pre(() => {
+        const group = input.group;
+        const index = input.index;
+        batch(() => {
+            sortable.group = group;
+            sortable.index = index;
+        });
+    });
+    // Refresh shape when index changes while idle
+    $effect(() => {
+        var _a, _b;
+        void input.index;
+        if (((_a = sortable.manager) === null || _a === void 0 ? void 0 : _a.dragOperation.status.idle) &&
+            ((_b = sortable.transition) === null || _b === void 0 ? void 0 : _b.idle)) {
+            sortable.refreshShape();
+        }
+    });
+    return {
+        get sortable() {
+            return sortable;
+        },
+        get isDragging() {
+            return tracked.current.isDragging;
+        },
+        get isDropping() {
+            return tracked.current.isDropping;
+        },
+        get isDragSource() {
+            return tracked.current.isDragSource;
+        },
+        get isDropTarget() {
+            return tracked.current.isDropTarget;
+        },
+        attach(node) {
+            sortable.element = node;
+            return () => {
+                sortable.element = undefined;
+            };
+        },
+        attachHandle(node) {
+            sortable.handle = node;
+            return () => {
+                sortable.handle = undefined;
+            };
+        },
+        attachSource(node) {
+            sortable.source = node;
+            return () => {
+                sortable.source = undefined;
+            };
+        },
+        attachTarget(node) {
+            sortable.target = node;
+            return () => {
+                sortable.target = undefined;
+            };
+        },
+    };
+}

package/dist/sortable/index.d.ts

@@ -0,0 +1,4 @@
+export { createSortable } from './createSortable.svelte.js';
+export type { CreateSortableInput } from './createSortable.svelte.js';
+export { isSortable } from '@dnd-kit/dom/sortable';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sortable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,YAAY,EAAC,mBAAmB,EAAC,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC"}

package/dist/sortable/index.js

@@ -0,0 +1,2 @@
+export { createSortable } from './createSortable.svelte.js';
+export { isSortable } from '@dnd-kit/dom/sortable';

package/dist/utilities/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/utilities/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":""}

package/dist/utilities/index.js

@@ -0,0 +1,3 @@
+"use strict";
+// Utilities for @dnd-kit/svelte
+// Currently empty — reserved for future utility exports.

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@dnd-kit/svelte",
+  "version": "0.2.3",
+  "type": "module",
+  "svelte": "./dist/core/index.js",
+  "types": "./dist/core/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/core/index.d.ts",
+      "svelte": "./dist/core/index.js",
+      "default": "./dist/core/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "svelte": "./dist/hooks/index.js",
+      "default": "./dist/hooks/index.js"
+    },
+    "./sortable": {
+      "types": "./dist/sortable/index.d.ts",
+      "svelte": "./dist/sortable/index.js",
+      "default": "./dist/sortable/index.js"
+    },
+    "./utilities": {
+      "types": "./dist/utilities/index.d.ts",
+      "svelte": "./dist/utilities/index.js",
+      "default": "./dist/utilities/index.js"
+    }
+  },
+  "scripts": {
+    "build": "svelte-package -i src -o dist",
+    "dev": "svelte-package -i src -o dist --watch",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  },
+  "dependencies": {
+    "@dnd-kit/abstract": "^0.2.3",
+    "@dnd-kit/dom": "^0.2.3",
+    "@dnd-kit/state": "^0.2.3",
+    "tslib": "^2.6.2"
+  },
+  "peerDependencies": {
+    "svelte": "^5.29.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.5.7",
+    "svelte": "^5.29.0",
+    "typescript": "^5.5.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/clauderic/dnd-kit"
+  }
+}