@dnd-kit/react 0.3.0-beta-20260212014643 → 0.3.0-beta-20260212022709

package/index.cjs

@@ -279,6 +279,7 @@ function shouldUpdateSynchronously(key, oldValue, newValue) {
 function DragOverlay({
   children,
   className,
+  dropAnimation,
   style,
   tag,
   disabled
@@ -299,6 +300,17 @@ function DragOverlay({
       feedback.overlay = void 0;
     };
   }, [manager, isDisabled]);
+  react.useEffect(() => {
+    if (!manager) return;
+    const feedback = manager.plugins.find(
+      (plugin) => plugin instanceof dom.Feedback
+    );
+    if (!feedback) return;
+    feedback.dropAnimation = dropAnimation;
+    return () => {
+      feedback.dropAnimation = void 0;
+    };
+  }, [manager, dropAnimation]);
   const patchedManager = react.useMemo(() => {
     if (!manager) return null;
     const patchedRegistry = new Proxy(manager.registry, {

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PropsWithChildren, RefObject, MutableRefObject, ReactNode } from 'react';
 import { Data, DragDropEvents, DragDropManager as DragDropManager$1 } from '@dnd-kit/abstract';
-import { Draggable, Droppable, DragDropManager, DragDropManagerInput, DraggableInput, DroppableInput } from '@dnd-kit/dom';
+import { Draggable, Droppable, DragDropManager, DragDropManagerInput, DraggableInput, DropAnimation, DroppableInput } from '@dnd-kit/dom';
 export { BeforeDragStartEvent, CollisionEvent, DragDropManager, DragEndEvent, DragMoveEvent, DragOverEvent, DragStartEvent, KeyboardSensor, PointerSensor } from '@dnd-kit/dom';
 import { CleanupFunction } from '@dnd-kit/state';
 
@@ -36,11 +36,20 @@ declare function useDraggable<T extends Data = Data>(input: UseDraggableInput<T>
 interface Props<T extends Data, U extends Draggable<T>> {
     className?: string;
     children: ReactNode | ((source: U) => ReactNode);
+    /**
+     * 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;
     style?: React.CSSProperties;
     tag?: string;
     disabled?: boolean | ((source: U | null) => boolean);
 }
-declare function DragOverlay<T extends Data, U extends Draggable<T>>({ children, className, style, tag, disabled, }: Props<T, U>): react_jsx_runtime.JSX.Element;
+declare function DragOverlay<T extends Data, U extends Draggable<T>>({ children, className, dropAnimation, style, tag, disabled, }: Props<T, U>): react_jsx_runtime.JSX.Element;
 
 interface UseDroppableInput<T extends Data = Data> extends Omit<DroppableInput<T>, 'element'> {
     element?: RefOrValue<Element>;

package/index.js

@@ -278,6 +278,7 @@ function shouldUpdateSynchronously(key, oldValue, newValue) {
 function DragOverlay({
   children,
   className,
+  dropAnimation,
   style,
   tag,
   disabled
@@ -298,6 +299,17 @@ function DragOverlay({
       feedback.overlay = void 0;
     };
   }, [manager, isDisabled]);
+  useEffect(() => {
+    if (!manager) return;
+    const feedback = manager.plugins.find(
+      (plugin) => plugin instanceof Feedback
+    );
+    if (!feedback) return;
+    feedback.dropAnimation = dropAnimation;
+    return () => {
+      feedback.dropAnimation = void 0;
+    };
+  }, [manager, dropAnimation]);
   const patchedManager = useMemo(() => {
     if (!manager) return null;
     const patchedRegistry = new Proxy(manager.registry, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnd-kit/react",
-  "version": "0.3.0-beta-20260212014643",
+  "version": "0.3.0-beta-20260212022709",
   "main": "./index.cjs",
   "module": "./index.js",
   "type": "module",
@@ -56,9 +56,9 @@
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   },
   "dependencies": {
-    "@dnd-kit/abstract": "0.3.0-beta-20260212014643",
-    "@dnd-kit/dom": "0.3.0-beta-20260212014643",
-    "@dnd-kit/state": "0.3.0-beta-20260212014643",
+    "@dnd-kit/abstract": "0.3.0-beta-20260212022709",
+    "@dnd-kit/dom": "0.3.0-beta-20260212022709",
+    "@dnd-kit/state": "0.3.0-beta-20260212022709",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {