svelte-ag 1.1.6 → 1.1.8

package/dist/components/dnd/DndContext.svelte

@@ -1,73 +1,50 @@
-<!-- https://next.dndkit.com/react/components/drag-drop-provider -->
+<!-- 
+@component 
+This is a wrapper around https://dndkit.com/svelte/components/drag-drop-provider/
+It makes state handling and items sorting easier 
+-->
 
 <script lang="ts" module>
-  import { DragDropProvider, type DragDropEvents } from '@dnd-kit-svelte/svelte';
-  import { getContext, setContext, type Snippet } from 'svelte';
+  import { createContext, type ComponentProps } from 'svelte';
   import type { WritableBox } from 'svelte-toolbelt';
 
-  export type DndContextProps<T extends { id: string }> = {
-    children?: Snippet;
-    onBeforeDragStart?: DragDropEvents<T>['beforedragstart'];
-    onCollision?: DragDropEvents<T>['collision'];
-    onDragStart?: DragDropEvents<T>['dragstart'];
-    onDragMove?: DragDropEvents<T>['dragmove'];
-    onDragOver?: DragDropEvents<T>['dragover'];
-    onDragEnd?: DragDropEvents<T>['dragend'];
-    items: T[];
-  };
+  export type Item = { id: string; children?: Item[] };
 
-  export type DndState<T> = {
-    items: WritableBox<T[]>;
+  export type DndState = {
+    items: WritableBox<Item[]>;
   };
 
-  const SYMBOL_KEY = 'dnd-context';
-
-  /**
-   * Instantiates a new `DndState` instance and sets it in the context.
-   *
-   * @param props The constructor props for the `DndState` class.
-   * @returns  The `DndState` instance.
-   */
-  export function setDnd<T>(dnd: DndState<T>): DndState<T> {
-    return setContext(Symbol.for(SYMBOL_KEY), dnd);
-  }
+  export type DndContextProps<T extends { id: string; children?: T[] }> = ComponentProps<typeof DragDropProvider> & {
+    items: Item[];
+  };
 
-  /**
-   * Retrieves the `DndState` instance from the context. This is a class instance,
-   * so you cannot destructure it.
-   * @returns The `DndState` instance.
-   */
-  export function useDnd<T>(): DndState<T> {
-    return getContext(Symbol.for(SYMBOL_KEY));
-  }
+  export const [getDnd, setDnd] = createContext<DndState>();
 </script>
 
 <script lang="ts" generics="T extends {id: string; children?: T[]}">
-  import { RestrictToWindowEdges } from '@dnd-kit-svelte/svelte/modifiers';
-  import { findItem, sensors } from './utils.svelte.js';
+  import { DragDropProvider } from '@dnd-kit/svelte';
+  import { move } from '@dnd-kit/helpers';
   import { box } from 'svelte-toolbelt';
+  import { findItem } from './utils.svelte';
 
   let { children, items = $bindable(), onDragEnd, ...rest }: DndContextProps<T> = $props();
 
-  const dnd = setDnd<T>({
+  setDnd({
     items: box.with(
       () => items,
       (v) => (items = v)
     )
   });
-</script>
 
-<DragDropProvider
-  {sensors}
-  modifiers={[RestrictToWindowEdges]}
-  onDragEnd={(e, m) => {
+  let snapshot: Item[] = [];
+
+  function done(e: Parameters<NonNullable<DndContextProps<T>['onDragEnd']>>[0]) {
     const targetId = e.operation.target?.id;
     const sourceId = e.operation.source?.id;
 
     if (targetId && sourceId) {
-      const sourceDetails = findItem(sourceId, dnd.items.current);
-      const targetList =
-        findItem(targetId, dnd.items.current)?.item.children ?? (targetId !== undefined ? items : undefined);
+      const sourceDetails = findItem(sourceId, items);
+      const targetList = findItem(targetId, items)?.item.children ?? (targetId !== undefined ? items : undefined);
 
       if (sourceDetails && targetList) {
         const item = sourceDetails.list.splice(sourceDetails.index, 1)[0];
@@ -80,6 +57,21 @@
         }
       }
     }
+  }
+</script>
+
+<DragDropProvider
+  onDragStart={() => {
+    snapshot = items.slice();
+  }}
+  onDragOver={(event) => {
+    items = move(items, event);
+  }}
+  onDragEnd={(e, m) => {
+    if (e.canceled) {
+      items = snapshot;
+    }
+    done(e);
     onDragEnd?.(e, m);
   }}
   {...rest}

package/dist/components/dnd/DndContext.svelte.d.ts

@@ -1,34 +1,20 @@
-import { type DragDropEvents } from '@dnd-kit-svelte/svelte';
-import { type Snippet } from 'svelte';
+import { type ComponentProps } from 'svelte';
 import type { WritableBox } from 'svelte-toolbelt';
-export type DndContextProps<T extends {
+export type Item = {
     id: string;
-}> = {
-    children?: Snippet;
-    onBeforeDragStart?: DragDropEvents<T>['beforedragstart'];
-    onCollision?: DragDropEvents<T>['collision'];
-    onDragStart?: DragDropEvents<T>['dragstart'];
-    onDragMove?: DragDropEvents<T>['dragmove'];
-    onDragOver?: DragDropEvents<T>['dragover'];
-    onDragEnd?: DragDropEvents<T>['dragend'];
-    items: T[];
+    children?: Item[];
 };
-export type DndState<T> = {
-    items: WritableBox<T[]>;
+export type DndState = {
+    items: WritableBox<Item[]>;
 };
-/**
- * Instantiates a new `DndState` instance and sets it in the context.
- *
- * @param props The constructor props for the `DndState` class.
- * @returns  The `DndState` instance.
- */
-export declare function setDnd<T>(dnd: DndState<T>): DndState<T>;
-/**
- * Retrieves the `DndState` instance from the context. This is a class instance,
- * so you cannot destructure it.
- * @returns The `DndState` instance.
- */
-export declare function useDnd<T>(): DndState<T>;
+export type DndContextProps<T extends {
+    id: string;
+    children?: T[];
+}> = ComponentProps<typeof DragDropProvider> & {
+    items: Item[];
+};
+export declare const getDnd: () => DndState, setDnd: (context: DndState) => DndState;
+import { DragDropProvider } from '@dnd-kit/svelte';
 declare function $$render<T extends {
     id: string;
     children?: T[];
@@ -62,6 +48,10 @@ interface $$IsomorphicComponent {
     }>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
+/**
+ * This is a wrapper around https://dndkit.com/svelte/components/drag-drop-provider/
+ * It makes state handling and items sorting easier
+ */
 declare const DndContext: $$IsomorphicComponent;
 type DndContext<T extends {
     id: string;

package/dist/components/dnd/DndContext.svelte.d.ts.map

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

package/dist/components/dnd/DndDroppable.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { useDroppable, type UseDroppableInput } from '@dnd-kit-svelte/svelte';
+  import { createDroppable, type CreateDroppableInput } from '@dnd-kit/svelte';
   import type { ClassValue } from 'svelte/elements';
   import type { Snippet } from 'svelte';
 
-  interface DroppableProps extends UseDroppableInput {
+  interface DroppableProps extends CreateDroppableInput {
     children: Snippet<[{ isDropTarget: boolean }]>;
     class?: ClassValue;
   }
@@ -11,9 +11,9 @@
   let { children, class: className, ...rest }: DroppableProps = $props();
 
   // svelte-ignore state_referenced_locally
-  const { ref, isDropTarget } = useDroppable(rest);
+  const droppable = createDroppable(rest);
 </script>
 
-<div class={className} {@attach ref}>
-  {@render children({ isDropTarget: isDropTarget.current })}
+<div class={className} {@attach droppable.attach}>
+  {@render children({ isDropTarget: droppable.isDropTarget })}
 </div>

package/dist/components/dnd/DndDroppable.svelte.d.ts

@@ -1,7 +1,7 @@
-import { type UseDroppableInput } from '@dnd-kit-svelte/svelte';
+import { type CreateDroppableInput } from '@dnd-kit/svelte';
 import type { ClassValue } from 'svelte/elements';
 import type { Snippet } from 'svelte';
-interface DroppableProps extends UseDroppableInput {
+interface DroppableProps extends CreateDroppableInput {
     children: Snippet<[{
         isDropTarget: boolean;
     }]>;

package/dist/components/dnd/DndDroppable.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DndDroppable.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndDroppable.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,cAAe,SAAQ,iBAAiB;IAChD,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,YAAY,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAmBH,QAAA,MAAM,YAAY,oDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DndDroppable.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndDroppable.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,cAAe,SAAQ,oBAAoB;IACnD,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,YAAY,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAmBH,QAAA,MAAM,YAAY,oDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/dnd/DndHandle.svelte

@@ -5,11 +5,15 @@
 </script>
 
 <script lang="ts">
-  import { getItemContext } from './DndSortableItem.svelte';
+  import { getItem } from './DndSortableItem.svelte';
   import { cn } from '../../utils/utils.js';
   let { class: className }: DragHandleProps = $props();
 
-  const item = $derived(getItemContext());
+  const item = $derived.by(() => {
+    try {
+      return getItem();
+    } catch {}
+  });
 
   let handleClass = $derived(
     cn(
@@ -17,7 +21,7 @@
         icon-draghandle flex size-4 text-muted-foreground transition-colors duration-150
         hover:text-foreground
       `,
-      item?.isDragging?.current ? `cursor-grabbing` : `cursor-grab`,
+      item?.isDragging === true ? `cursor-grabbing` : `cursor-grab`,
       className
     )
   );
@@ -26,5 +30,5 @@
 {#if !item}
   <div data-drag-handle class={cn(handleClass, className)}></div>
 {:else}
-  <div data-drag-handle class={cn(handleClass, className)} {@attach item!.handleRef}></div>
+  <div data-drag-handle class={cn(handleClass, className)} {@attach item.attachHandle}></div>
 {/if}

package/dist/components/dnd/DndHandle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DndHandle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndHandle.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAmCJ,QAAA,MAAM,SAAS,qDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"DndHandle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndHandle.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuCJ,QAAA,MAAM,SAAS,qDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/dnd/DndItem.svelte

@@ -1,44 +1,61 @@
+<!--
+@component
+Draggable item. Provide a child to be rendered and modify behaviour based on 
+the props provided to the child. 
+You MUST @attach for it to work 
+
+Usage: 
+```svelte
+<DndItem id={id}>
+  {#snippet child(props)}
+   <div
+    bind:this={
+      () => (props.isOverlay || props.isDragging ? null : listItems[item.id]),
+      (v) => {
+        if (props.isOverlay || props.isDragging) listItems[item.id] = null;
+        else listItems[item.id] = v;
+      }
+    }
+    {@attach props.draggable?.attach}
+  >
+  </div> 
+  {/snippet}
+</DndItem>
+```
+-->
+
 <script module lang="ts">
   export type DndItemChildProps = {
     isDragging: boolean;
     isOverlay: boolean;
+    draggable?: ReturnType<typeof createDraggable>;
   };
 
-  export type DndItemProps = HTMLDivAttributes &
-    UseDraggableInput & {
-      child: Snippet<[DndItemChildProps]>;
-    };
+  export type DndItemProps = CreateDraggableInput & {
+    child: Snippet<[DndItemChildProps]>;
+  };
 </script>
 
 <script lang="ts">
-  /**
-   * This component is a draggable element.
-   * It places the necessary attributes on the div for tracking it.
-   * It styles the position of the div while its being dragged.
-   * Everything else about it needs to be done by the consumer
-   *
-   * It can either facilitate a drag handle with the item context
-   * or it can be draggable itself
-   */
-  import { cn, type HTMLDivAttributes } from '../../utils';
-  import { useDraggable, type UseDraggableInput } from '@dnd-kit-svelte/svelte';
-  import { setItemContext } from './DndSortableItem.svelte';
+  import { setItem } from './DndSortableItem.svelte';
   import type { Snippet } from 'svelte';
+  import { createDraggable, type CreateDraggableInput } from '@dnd-kit/svelte';
 
-  let { child, class: className, style: styleName, ...rest }: DndItemProps = $props();
+  let { id, child, ...rest }: DndItemProps = $props();
 
   // svelte-ignore state_referenced_locally
-  const { isDragging, ref, handleRef } = useDraggable({
+  const draggable = createDraggable({
+    get id() {
+      return id;
+    },
     ...rest
   });
 
   // These are used by the drag handle
-  setItemContext({
-    isDragging,
-    handleRef
+  setItem({
+    attachHandle: draggable.attachHandle,
+    isDragging: draggable.isDragging
   });
 </script>
 
-<div class={cn('relative', className)} style={styleName} {@attach ref}>
-  {@render child?.({ isDragging: isDragging.current, isOverlay: false })}
-</div>
+{@render child?.({ draggable, isDragging: draggable.isDragging, isOverlay: false })}

package/dist/components/dnd/DndItem.svelte.d.ts

@@ -1,22 +1,37 @@
 export type DndItemChildProps = {
     isDragging: boolean;
     isOverlay: boolean;
+    draggable?: ReturnType<typeof createDraggable>;
 };
-export type DndItemProps = HTMLDivAttributes & UseDraggableInput & {
+export type DndItemProps = CreateDraggableInput & {
     child: Snippet<[DndItemChildProps]>;
 };
-/**
-   * This component is a draggable element.
-   * It places the necessary attributes on the div for tracking it.
-   * It styles the position of the div while its being dragged.
-   * Everything else about it needs to be done by the consumer
-   *
-   * It can either facilitate a drag handle with the item context
-   * or it can be draggable itself
-   */
-import { type HTMLDivAttributes } from '../../utils';
-import { type UseDraggableInput } from '@dnd-kit-svelte/svelte';
 import type { Snippet } from 'svelte';
+import { createDraggable, type CreateDraggableInput } from '@dnd-kit/svelte';
+/**
+ * Draggable item. Provide a child to be rendered and modify behaviour based on
+ * the props provided to the child.
+ * You MUST @attach for it to work
+ *
+ * Usage:
+ * ```svelte
+ * <DndItem id={id}>
+ * {#snippet child(props)}
+ *  <div
+ *   bind:this={
+ *     () => (props.isOverlay || props.isDragging ? null : listItems[item.id]),
+ *     (v) => {
+ *       if (props.isOverlay || props.isDragging) listItems[item.id] = null;
+ *       else listItems[item.id] = v;
+ *     }
+ *   }
+ *   {@attach props.draggable?.attach}
+ * >
+ * </div>
+ * {/snippet}
+ * </DndItem>
+ * ```
+ */
 declare const DndItem: import("svelte").Component<DndItemProps, {}, "">;
 type DndItem = ReturnType<typeof DndItem>;
 export default DndItem;

package/dist/components/dnd/DndItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DndItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndItem.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAC1C,iBAAiB,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACrC,CAAC;AAGN;;;;;;;;KAQK;AACL,OAAO,EAAM,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AA+BtC,QAAA,MAAM,OAAO,kDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"DndItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndItem.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,oBAAoB,GAAG;IAChD,KAAK,EAAE,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACrC,CAAC;AAIJ,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAgC7E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,OAAO,kDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/components/dnd/DndOverlay.svelte

@@ -1,18 +1,19 @@
 <script lang="ts" module>
   import { type Snippet } from 'svelte';
+  import type { SortableItemChildProps } from './DndSortableItem.svelte';
 
+  export type OverlayChildProps<T> = { item: T } & SortableItemChildProps;
   export type DragOverlayProps<T> = {
-    child: Snippet<[{ item: T } & SortableItemChildProps]>;
+    child: Snippet<[OverlayChildProps<T>]>;
   };
 </script>
 
 <script lang="ts" generics="T extends {id: string; children?: T[]}">
-  import { DragOverlay } from '@dnd-kit-svelte/svelte';
-  import { useDnd } from './DndContext.svelte';
-  import type { SortableItemChildProps } from './DndSortableItem.svelte';
+  import { DragOverlay } from '@dnd-kit/svelte';
+  import { getDnd } from './DndContext.svelte';
   import { findItem } from './utils.svelte.js';
 
-  const dnd = useDnd<T>();
+  const dnd = getDnd();
 
   let { child }: DragOverlayProps<T> = $props();
 </script>
@@ -22,12 +23,10 @@
     {@const item = findItem(source?.id, dnd.items.current)}
     {#if item}
       {@render child({
-        item: item.item,
+        item: item.item as unknown as T,
         isDragging: false,
         isOverlay: true
       })}
-    {:else}
-      oh dear
-    {/if}
+    {:else}Error{/if}
   {/snippet}
 </DragOverlay>

package/dist/components/dnd/DndOverlay.svelte.d.ts

@@ -1,10 +1,11 @@
 import { type Snippet } from 'svelte';
+import type { SortableItemChildProps } from './DndSortableItem.svelte';
+export type OverlayChildProps<T> = {
+    item: T;
+} & SortableItemChildProps;
 export type DragOverlayProps<T> = {
-    child: Snippet<[{
-        item: T;
-    } & SortableItemChildProps]>;
+    child: Snippet<[OverlayChildProps<T>]>;
 };
-import type { SortableItemChildProps } from './DndSortableItem.svelte';
 declare function $$render<T extends {
     id: string;
     children?: T[];

package/dist/components/dnd/DndOverlay.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DndOverlay.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndOverlay.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,KAAK,EAAE,OAAO,CAAC,CAAC;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC;CACxD,CAAC;AAKJ,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,iBAAS,QAAQ,CAAC,CAAC,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAC;WA4B3B,gBAAgB,CAAC,CAAC,CAAC;;;;;EAA4E;AAC5H,cAAM,iBAAiB,CAAC,CAAC,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAC;IAC1D,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;KAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACja,CAAC,CAAC,SAAS;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;KAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAChK,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,UAAU,EAAE,qBAAmC,CAAC;AACpC,KAAK,UAAU,CAAC,CAAC,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAC,IAAI,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/F,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DndOverlay.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndOverlay.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,GAAG,sBAAsB,CAAC;AACxE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,KAAK,EAAE,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAC;AAMJ,iBAAS,QAAQ,CAAC,CAAC,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAC;WA2B3B,gBAAgB,CAAC,CAAC,CAAC;;;;;EAA4E;AAC5H,cAAM,iBAAiB,CAAC,CAAC,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAC;IAC1D,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;KAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACja,CAAC,CAAC,SAAS;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;KAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAChK,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,UAAU,EAAE,qBAAmC,CAAC;AACpC,KAAK,UAAU,CAAC,CAAC,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAC,IAAI,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/F,eAAe,UAAU,CAAC"}

package/dist/components/dnd/DndSortableItem.svelte

@@ -1,49 +1,49 @@
 <script lang="ts" module>
-  import { getContext, setContext, type Snippet } from 'svelte';
+  import { createContext, type Snippet } from 'svelte';
 
   export type SortableItemChildProps = {
     isDragging: boolean;
     isOverlay: boolean;
+    sortable?: ReturnType<typeof createSortable>;
   };
 
-  export type DndSortableItemProps = UseSortableInput &
-    HTMLDivAttributes & {
-      child: Snippet<[SortableItemChildProps]>;
-    };
-
-  const itemSymbolKey = 'sortable-item';
+  export type DndSortableItemProps = CreateSortableInput & {
+    child: Snippet<[SortableItemChildProps]>;
+  };
 
   export type ItemContext = {
-    isDragging: ReturnType<typeof useSortable>['isDragging'];
-    handleRef: Attachment<Element>;
+    isDragging: ReturnType<typeof createSortable>['isDragging'];
+    attachHandle: ReturnType<typeof createSortable>['attachHandle'];
   };
 
-  export function setItemContext(item: ItemContext) {
-    setContext(Symbol.for(itemSymbolKey), item);
-  }
-
-  export function getItemContext(): ItemContext {
-    return getContext(Symbol.for(itemSymbolKey));
-  }
+  export const [getItem, setItem] = createContext<ItemContext>();
 </script>
 
 <script lang="ts">
-  import { useSortable, type UseSortableInput } from '@dnd-kit-svelte/svelte/sortable';
-  import type { HTMLDivAttributes } from '../../utils/bits.js';
-  import { cn } from '../../utils/utils.js';
-  import type { Attachment } from 'svelte/attachments';
+  import { createSortable, type CreateSortableInput } from '@dnd-kit/svelte/sortable';
 
-  let { class: className, child, ...rest }: DndSortableItemProps = $props();
+  let { id, index, child, ...rest }: DndSortableItemProps = $props();
 
   // svelte-ignore state_referenced_locally
-  const { ref, handleRef, isDragging } = useSortable({ ...rest, feedback: 'move' });
-
-  setItemContext({ handleRef, isDragging });
+  const sortable = createSortable({
+    get id() {
+      return id;
+    },
+    transition: { idle: true },
+    get index() {
+      return index;
+    },
+    ...rest
+  });
+
+  setItem({
+    attachHandle: sortable.attachHandle,
+    isDragging: sortable.isDragging
+  });
 </script>
 
-<div class={cn('relative', className)} {@attach ref}>
-  {@render child({
-    isDragging: isDragging.current,
-    isOverlay: false
-  })}
-</div>
+{@render child({
+  sortable,
+  isDragging: sortable.isDragging,
+  isOverlay: false
+})}

package/dist/components/dnd/DndSortableItem.svelte.d.ts

@@ -2,19 +2,17 @@ import { type Snippet } from 'svelte';
 export type SortableItemChildProps = {
     isDragging: boolean;
     isOverlay: boolean;
+    sortable?: ReturnType<typeof createSortable>;
 };
-export type DndSortableItemProps = UseSortableInput & HTMLDivAttributes & {
+export type DndSortableItemProps = CreateSortableInput & {
     child: Snippet<[SortableItemChildProps]>;
 };
 export type ItemContext = {
-    isDragging: ReturnType<typeof useSortable>['isDragging'];
-    handleRef: Attachment<Element>;
+    isDragging: ReturnType<typeof createSortable>['isDragging'];
+    attachHandle: ReturnType<typeof createSortable>['attachHandle'];
 };
-export declare function setItemContext(item: ItemContext): void;
-export declare function getItemContext(): ItemContext;
-import { useSortable, type UseSortableInput } from '@dnd-kit-svelte/svelte/sortable';
-import type { HTMLDivAttributes } from '../../utils/bits.js';
-import type { Attachment } from 'svelte/attachments';
+export declare const getItem: () => ItemContext, setItem: (context: ItemContext) => ItemContext;
+import { createSortable, type CreateSortableInput } from '@dnd-kit/svelte/sortable';
 declare const DndSortableItem: import("svelte").Component<DndSortableItemProps, {}, "">;
 type DndSortableItem = ReturnType<typeof DndSortableItem>;
 export default DndSortableItem;

package/dist/components/dnd/DndSortableItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DndSortableItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndSortableItem.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAE9D,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GACjD,iBAAiB,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;CAC1C,CAAC;AAIJ,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;IACzD,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,QAE/C;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAGH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA2BrD,QAAA,MAAM,eAAe,0DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DndSortableItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dnd/DndSortableItem.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,KAAK,EAAE,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC;IAC5D,YAAY,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,cAAc,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAO,OAAO,qBAAE,OAAO,uCAAgC,CAAC;AAGjE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAmCpF,QAAA,MAAM,eAAe,0DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}