@dnd-kit/svelte 0.2.3 → 0.3.0-beta-20260214232144

package/dist/core/context/DragDropProvider.svelte

@@ -10,7 +10,7 @@
     type Droppable,
   } from '@dnd-kit/dom';
 
-  import {useRenderer} from './renderer.svelte.js';
+  import {createRenderer} from './renderer.svelte.js';
   import {setDragDropContext} from './context.js';
 
   type Events = DragDropEvents<Draggable, Droppable, DragDropManager>;
@@ -40,7 +40,7 @@
     onCollision,
   }: Props = $props();
 
-  const {renderer, trackRendering} = useRenderer();
+  const {renderer, trackRendering} = createRenderer();
 
   // Create manager once; plugins/sensors/modifiers are synced reactively via $effect below
   const manager = managerProp ?? new DragDropManager({});

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

@@ -1,6 +1,6 @@
 import type { DragDropManager } from '@dnd-kit/dom';
 type Renderer = DragDropManager['renderer'];
-export declare function useRenderer(): {
+export declare function createRenderer(): {
     renderer: Renderer;
     trackRendering: (callback: () => void) => void;
 };

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

@@ -1 +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"}
+{"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,cAAc,IAAI;IAChC,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CAChD,CAoCA"}

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

@@ -1,5 +1,5 @@
 import { tick } from 'svelte';
-export function useRenderer() {
+export function createRenderer() {
     let transitionCount = $state(0);
     let rendering = null;
     let resolver = null;

package/dist/core/draggable/DragOverlay.svelte

@@ -3,7 +3,7 @@
   import type {DragDropManager, Draggable, DropAnimation} from '@dnd-kit/dom';
   import {Feedback} from '@dnd-kit/dom';
 
-  import {useDeepSignal} from '../../hooks/useDeepSignal.svelte.js';
+  import {createDeepSignal} from '../../utilities/createDeepSignal.svelte.js';
   import {getDragDropManager} from '../hooks/getDragDropManager.js';
   import {DND_CONTEXT_KEY, setDragDropContext} from '../context/context.js';
 
@@ -33,7 +33,7 @@
   const manager = getDragDropManager();
   let overlayElement = $state<HTMLElement | null>(null);
 
-  const trackedDragOperation = useDeepSignal(() => manager.dragOperation);
+  const trackedDragOperation = createDeepSignal(() => manager.dragOperation);
 
   // Provide a patched manager that prevents children from registering
   const noop = () => () => {};

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

@@ -1,9 +1,9 @@
 import { Draggable } from '@dnd-kit/dom';
-import { useDeepSignal } from '../../hooks/useDeepSignal.svelte.js';
+import { createDeepSignal } from '../../utilities/createDeepSignal.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);
+    const tracked = createDeepSignal(() => draggable);
     // Sync reactive properties from input getters
     $effect(() => {
         var _a, _b;

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

@@ -1,9 +1,9 @@
 import { Droppable } from '@dnd-kit/dom';
-import { useDeepSignal } from '../../hooks/useDeepSignal.svelte.js';
+import { createDeepSignal } from '../../utilities/createDeepSignal.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);
+    const tracked = createDeepSignal(() => droppable);
     // Sync reactive properties from input getters
     $effect(() => {
         var _a;

package/dist/core/hooks/createDragOperation.js

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

package/dist/sortable/createSortable.svelte.js

@@ -1,13 +1,13 @@
 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 { createDeepSignal } from '../utilities/createDeepSignal.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);
+    const tracked = createDeepSignal(() => sortable);
     // Sync reactive properties from input getters
     $effect(() => {
         var _a, _b;

package/dist/{hooks/useDeepSignal.svelte.d.ts → utilities/createDeepSignal.svelte.d.ts}

@@ -8,7 +8,7 @@
  * - 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): {
+export declare function createDeepSignal<T extends object | null | undefined>(getTarget: () => T): {
     readonly current: T;
 };
-//# sourceMappingURL=useDeepSignal.svelte.d.ts.map
+//# sourceMappingURL=createDeepSignal.svelte.d.ts.map

package/dist/utilities/createDeepSignal.svelte.d.ts.map

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

package/dist/{hooks/useDeepSignal.svelte.js → utilities/createDeepSignal.svelte.js}

@@ -9,7 +9,7 @@ import { effect, untracked } from '@dnd-kit/state';
  * - Read: Getters read `dirty` (so Svelte subscribes) then return
  *   the current value from the instance
  */
-export function useDeepSignal(getTarget) {
+export function createDeepSignal(getTarget) {
     const tracked = new Map();
     let dirty = $state(0);
     $effect(() => {

package/dist/utilities/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC"}

package/dist/utilities/index.js

@@ -1,3 +1 @@
-"use strict";
-// Utilities for @dnd-kit/svelte
-// Currently empty — reserved for future utility exports.
+export { createDeepSignal } from './createDeepSignal.svelte.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnd-kit/svelte",
-  "version": "0.2.3",
+  "version": "0.3.0-beta-20260214232144",
   "type": "module",
   "svelte": "./dist/core/index.js",
   "types": "./dist/core/index.d.ts",
@@ -17,11 +17,6 @@
       "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",
@@ -39,9 +34,9 @@
     "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",
+    "@dnd-kit/abstract": "0.3.0-beta-20260214232144",
+    "@dnd-kit/dom": "0.3.0-beta-20260214232144",
+    "@dnd-kit/state": "0.3.0-beta-20260214232144",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {

package/dist/hooks/index.d.ts

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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"}