@dnd-kit/react 0.5.1-beta-20260905201412 → 0.5.1-beta-20260912195958

package/hooks.cjs

@@ -22,14 +22,14 @@ function useForceUpdate() {
 }
 
 // src/hooks/useSignal.ts
-function useSignal(signal, sync = false) {
-  const previous = react.useRef(signal.peek());
+function useSignal(signal2, sync = false) {
+  const previous = react.useRef(signal2.peek());
   const read = react.useRef(false);
   const forceUpdate = useForceUpdate();
   useIsomorphicLayoutEffect(
     () => state.effect(() => {
       const previousValue = previous.current;
-      const currentValue2 = signal.value;
+      const currentValue2 = signal2.value;
       if (previousValue !== currentValue2) {
         previous.current = currentValue2;
         if (!read.current) return;
@@ -40,12 +40,12 @@ function useSignal(signal, sync = false) {
         }
       }
     }),
-    [signal, sync, forceUpdate]
+    [signal2, sync, forceUpdate]
   );
   return {
     get value() {
       read.current = true;
-      return signal.peek();
+      return signal2.peek();
     }
   };
 }
@@ -59,60 +59,79 @@ function useComputed(compute, dependencies = [], sync = false) {
     sync
   );
 }
+function useLatest(value) {
+  const valueRef = react.useRef(value);
+  useIsomorphicLayoutEffect(() => {
+    valueRef.current = value;
+  }, [value]);
+  return valueRef;
+}
+
+// src/hooks/useDeepSignal.ts
 function useDeepSignal(target, synchronous) {
-  const tracked = react.useRef(/* @__PURE__ */ new Map());
   const forceUpdate = useForceUpdate();
+  const synchronousRef = useLatest(synchronous);
+  const tracker = react.useMemo(() => {
+    const tracked = /* @__PURE__ */ new Map();
+    return {
+      tracked,
+      propertyCount: state.signal(0),
+      active: false,
+      proxy: target ? new Proxy(target, {
+        get(target2, key) {
+          const value = target2[key];
+          if (!tracked.has(key)) tracked.set(key, value);
+          return value;
+        }
+      }) : target
+    };
+  }, [target]);
   useIsomorphicLayoutEffect(() => {
-    if (!target) {
-      tracked.current.clear();
-      return;
-    }
-    return state.effect(() => {
-      var _a;
+    tracker.propertyCount.value = tracker.tracked.size;
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (!target) return;
+    const { tracked, propertyCount } = tracker;
+    tracker.active = true;
+    const dispose = state.effect(() => {
+      propertyCount.value;
       let stale = false;
       let sync = false;
-      for (const entry of tracked.current) {
-        const [key] = entry;
-        const value = state.untracked(() => entry[1]);
+      for (const [key, value] of tracked) {
         const latestValue = target[key];
-        if (value !== latestValue) {
+        if (!Object.is(value, latestValue)) {
           stale = true;
-          tracked.current.set(key, latestValue);
-          sync = (_a = synchronous == null ? void 0 : synchronous(key, value, latestValue)) != null ? _a : false;
+          tracked.set(key, latestValue);
+          sync = state.untracked(
+            () => {
+              var _a;
+              return (_a = synchronousRef.current) == null ? void 0 : _a.call(synchronousRef, key, value, latestValue);
+            }
+          ) === true || sync;
         }
       }
       if (stale) {
         if (sync) {
-          queueMicrotask(() => reactDom.flushSync(forceUpdate));
+          queueMicrotask(() => {
+            if (tracker.active) reactDom.flushSync(forceUpdate);
+          });
         } else {
           forceUpdate();
         }
       }
     });
-  }, [target]);
-  return react.useMemo(
-    () => target ? new Proxy(target, {
-      get(target2, key) {
-        const value = target2[key];
-        tracked.current.set(key, value);
-        return value;
-      }
-    }) : target,
-    [target]
-  );
+    return () => {
+      tracker.active = false;
+      dispose();
+    };
+  }, [target, tracker, forceUpdate, synchronousRef]);
+  return tracker.proxy;
 }
 
 // src/hooks/useImmediateEffect.ts
 function useImmediateEffect(callback, _) {
   callback();
 }
-function useLatest(value) {
-  const valueRef = react.useRef(value);
-  useIsomorphicLayoutEffect(() => {
-    valueRef.current = value;
-  }, [value]);
-  return valueRef;
-}
 function useOnValueChange(value, onChange, effect3 = react.useEffect, compare = Object.is) {
   const tracked = react.useRef(value);
   effect3(() => {

package/hooks.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["src/hooks/useConstant.ts","src/hooks/useIsomorphicLayoutEffect.ts","src/hooks/useForceUpdate.ts","src/hooks/useSignal.ts","src/hooks/useComputed.ts","src/hooks/useDeepSignal.ts","src/hooks/useImmediateEffect.ts","src/hooks/useLatest.ts","src/hooks/useOnValueChange.ts","src/hooks/useOnElementChange.ts"],"names":["useRef","useLayoutEffect","useEffect","useState","useCallback","effect","currentValue","flushSync","useMemo","computed","untracked","target"],"mappings":"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","file":"hooks.cjs","sourcesContent":["import {type MutableRefObject, useRef} from 'react';\n\nexport function useConstant<T = any>(initializer: () => T) {\n  const ref = useRef<T>(null) as MutableRefObject<T>;\n\n  if (!ref.current) {\n    ref.current = initializer();\n  }\n\n  return ref.current;\n}\n","import {useEffect, useLayoutEffect} from 'react';\n\n// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js\nexport const canUseDOM =\n  typeof window !== 'undefined' &&\n  typeof window.document !== 'undefined' &&\n  typeof window.document.createElement !== 'undefined';\n\n/**\n * A hook that resolves to useEffect on the server and useLayoutEffect on the client\n * @param callback {function} Callback function that is invoked when the dependencies of the hook change\n */\nexport const useIsomorphicLayoutEffect = canUseDOM\n  ? useLayoutEffect\n  : useEffect;\n","import {useCallback, useState} from 'react';\n\nexport function useForceUpdate() {\n  const setState = useState(0)[1];\n\n  return useCallback(() => {\n    setState((value) => value + 1);\n  }, [setState]);\n}\n","import {useRef, useState} from 'react';\nimport {flushSync} from 'react-dom';\nimport {effect, Signal} from '@dnd-kit/state';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\nimport {useForceUpdate} from './useForceUpdate.ts';\n\n/** Trigger a re-render when reading a signal. */\nexport function useSignal<T = any>(signal: Signal<T>, sync = false) {\n  const previous = useRef(signal.peek());\n  const read = useRef(false);\n  const forceUpdate = useForceUpdate();\n\n  useIsomorphicLayoutEffect(\n    () =>\n      effect(() => {\n        const previousValue = previous.current;\n        const currentValue = signal.value;\n\n        if (previousValue !== currentValue) {\n          previous.current = currentValue;\n\n          if (!read.current) return;\n\n          if (sync) {\n            flushSync(forceUpdate);\n          } else {\n            forceUpdate();\n          }\n        }\n      }),\n    [signal, sync, forceUpdate]\n  );\n\n  return {\n    get value() {\n      read.current = true;\n\n      return signal.peek();\n    },\n  };\n}\n","import {useMemo, useRef} from 'react';\nimport {computed} from '@dnd-kit/state';\n\nimport {useSignal} from './useSignal.ts';\n\nexport function useComputed<T = any>(\n  compute: () => T,\n  dependencies: any[] = [],\n  sync = false\n) {\n  const $compute = useRef(compute);\n  $compute.current = compute;\n\n  return useSignal(\n    useMemo(() => computed(() => $compute.current()), dependencies),\n    sync\n  );\n}\n","import {useMemo, useRef} from 'react';\nimport {flushSync} from 'react-dom';\nimport {effect, untracked} from '@dnd-kit/state';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\nimport {useForceUpdate} from './useForceUpdate.ts';\n\n/** Trigger a re-render when reading signal properties of an object. */\nexport function useDeepSignal<T extends object | null | undefined>(\n  target: T,\n  synchronous?: (property: keyof T, oldValue: any, newValue: any) => boolean\n): T {\n  const tracked = useRef(new Map<string | symbol, any>());\n  const forceUpdate = useForceUpdate();\n\n  useIsomorphicLayoutEffect(() => {\n    if (!target) {\n      tracked.current.clear();\n      return;\n    }\n\n    return effect(() => {\n      let stale = false;\n      let sync = false;\n\n      for (const entry of tracked.current) {\n        const [key] = entry;\n        const value = untracked(() => entry[1]);\n        const latestValue = (target as any)[key];\n\n        if (value !== latestValue) {\n          stale = true;\n          tracked.current.set(key, latestValue);\n          sync = synchronous?.(key as keyof T, value, latestValue) ?? false;\n        }\n      }\n\n      if (stale) {\n        if (sync) {\n          // Defer flushSync to a microtask to avoid calling it from within\n          // a React lifecycle method (e.g. useEffect batch), which happens when\n          // signal updates are triggered synchronously from a React effect\n          queueMicrotask(() => flushSync(forceUpdate));\n        } else {\n          forceUpdate();\n        }\n      }\n    });\n  }, [target]);\n\n  return useMemo(\n    () =>\n      target\n        ? new Proxy(target, {\n            get(target, key) {\n              const value = (target as any)[key];\n\n              tracked.current.set(key, value);\n\n              return value;\n            },\n          })\n        : target,\n    [target]\n  );\n}\n","import type {DependencyList, EffectCallback} from 'react';\n\nexport function useImmediateEffect(\n  callback: EffectCallback,\n  _?: DependencyList\n) {\n  callback();\n}\n","import {useRef} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\n\nexport function useLatest<T>(value: T) {\n  const valueRef = useRef<T | undefined>(value);\n\n  useIsomorphicLayoutEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n\n  return valueRef;\n}\n","import {useRef, useEffect} from 'react';\n\nexport function useOnValueChange<T>(\n  value: T,\n  onChange: (value: T, oldValue: T) => void,\n  effect = useEffect,\n  compare = Object.is\n) {\n  const tracked = useRef<T>(value);\n\n  effect(() => {\n    const oldValue = tracked.current;\n\n    if (!compare(value, oldValue)) {\n      tracked.current = value;\n      onChange(value, oldValue);\n    }\n  }, [onChange, value]);\n}\n","import {useRef} from 'react';\nimport {currentValue, type RefOrValue} from '@dnd-kit/react/utilities';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\n\nexport function useOnElementChange(\n  value: RefOrValue<Element>,\n  onChange: (value: Element | undefined) => void\n) {\n  const previous = useRef(currentValue(value));\n\n  useIsomorphicLayoutEffect(() => {\n    const current = currentValue(value);\n\n    if (current !== previous.current) {\n      previous.current = current;\n      onChange(current);\n    }\n  });\n}\n"]}
+{"version":3,"sources":["src/hooks/useConstant.ts","src/hooks/useIsomorphicLayoutEffect.ts","src/hooks/useForceUpdate.ts","src/hooks/useSignal.ts","src/hooks/useComputed.ts","src/hooks/useLatest.ts","src/hooks/useDeepSignal.ts","src/hooks/useImmediateEffect.ts","src/hooks/useOnValueChange.ts","src/hooks/useOnElementChange.ts"],"names":["useRef","useLayoutEffect","useEffect","useState","useCallback","signal","effect","currentValue","flushSync","useMemo","computed","target","untracked"],"mappings":"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","file":"hooks.cjs","sourcesContent":["import {type MutableRefObject, useRef} from 'react';\n\nexport function useConstant<T = any>(initializer: () => T) {\n  const ref = useRef<T>(null) as MutableRefObject<T>;\n\n  if (!ref.current) {\n    ref.current = initializer();\n  }\n\n  return ref.current;\n}\n","import {useEffect, useLayoutEffect} from 'react';\n\n// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js\nexport const canUseDOM =\n  typeof window !== 'undefined' &&\n  typeof window.document !== 'undefined' &&\n  typeof window.document.createElement !== 'undefined';\n\n/**\n * A hook that resolves to useEffect on the server and useLayoutEffect on the client\n * @param callback {function} Callback function that is invoked when the dependencies of the hook change\n */\nexport const useIsomorphicLayoutEffect = canUseDOM\n  ? useLayoutEffect\n  : useEffect;\n","import {useCallback, useState} from 'react';\n\nexport function useForceUpdate() {\n  const setState = useState(0)[1];\n\n  return useCallback(() => {\n    setState((value) => value + 1);\n  }, [setState]);\n}\n","import {useRef, useState} from 'react';\nimport {flushSync} from 'react-dom';\nimport {effect, Signal} from '@dnd-kit/state';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\nimport {useForceUpdate} from './useForceUpdate.ts';\n\n/** Trigger a re-render when reading a signal. */\nexport function useSignal<T = any>(signal: Signal<T>, sync = false) {\n  const previous = useRef(signal.peek());\n  const read = useRef(false);\n  const forceUpdate = useForceUpdate();\n\n  useIsomorphicLayoutEffect(\n    () =>\n      effect(() => {\n        const previousValue = previous.current;\n        const currentValue = signal.value;\n\n        if (previousValue !== currentValue) {\n          previous.current = currentValue;\n\n          if (!read.current) return;\n\n          if (sync) {\n            flushSync(forceUpdate);\n          } else {\n            forceUpdate();\n          }\n        }\n      }),\n    [signal, sync, forceUpdate]\n  );\n\n  return {\n    get value() {\n      read.current = true;\n\n      return signal.peek();\n    },\n  };\n}\n","import {useMemo, useRef} from 'react';\nimport {computed} from '@dnd-kit/state';\n\nimport {useSignal} from './useSignal.ts';\n\nexport function useComputed<T = any>(\n  compute: () => T,\n  dependencies: any[] = [],\n  sync = false\n) {\n  const $compute = useRef(compute);\n  $compute.current = compute;\n\n  return useSignal(\n    useMemo(() => computed(() => $compute.current()), dependencies),\n    sync\n  );\n}\n","import {useRef} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\n\nexport function useLatest<T>(value: T) {\n  const valueRef = useRef<T | undefined>(value);\n\n  useIsomorphicLayoutEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n\n  return valueRef;\n}\n","import {useMemo} from 'react';\nimport {flushSync} from 'react-dom';\nimport {effect, signal, untracked} from '@dnd-kit/state';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\nimport {useForceUpdate} from './useForceUpdate.ts';\nimport {useLatest} from './useLatest.ts';\n\n/** Trigger a re-render when reading signal properties of an object. */\nexport function useDeepSignal<T extends object | null | undefined>(\n  target: T,\n  synchronous?: (property: keyof T, oldValue: any, newValue: any) => boolean\n): T {\n  const forceUpdate = useForceUpdate();\n  const synchronousRef = useLatest(synchronous);\n  const tracker = useMemo(() => {\n    const tracked = new Map<string | symbol, any>();\n\n    return {\n      tracked,\n      propertyCount: signal(0),\n      active: false,\n      proxy: target\n        ? new Proxy(target, {\n            get(target, key) {\n              const value = (target as any)[key];\n\n              // Reads must not overwrite the observer's comparison baseline.\n              if (!tracked.has(key)) tracked.set(key, value);\n\n              return value;\n            },\n          })\n        : target,\n    };\n  }, [target]);\n\n  // Publish newly read properties after commit, without notifying from render.\n  // The map only grows for a given target, so its size versions the key set.\n  useIsomorphicLayoutEffect(() => {\n    tracker.propertyCount.value = tracker.tracked.size;\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (!target) return;\n\n    const {tracked, propertyCount} = tracker;\n    tracker.active = true;\n    const dispose = effect(() => {\n      // Keep the effect alive, but refresh its dependencies for late reads.\n      propertyCount.value;\n\n      let stale = false;\n      let sync = false;\n\n      for (const [key, value] of tracked) {\n        const latestValue = (target as any)[key];\n\n        if (!Object.is(value, latestValue)) {\n          stale = true;\n          tracked.set(key, latestValue);\n          sync =\n            untracked(() =>\n              synchronousRef.current?.(key as keyof T, value, latestValue)\n            ) === true || sync;\n        }\n      }\n\n      if (stale) {\n        if (sync) {\n          // Signal updates can originate in a React lifecycle method.\n          queueMicrotask(() => {\n            if (tracker.active) flushSync(forceUpdate);\n          });\n        } else {\n          forceUpdate();\n        }\n      }\n    });\n\n    return () => {\n      tracker.active = false;\n      dispose();\n    };\n  }, [target, tracker, forceUpdate, synchronousRef]);\n\n  return tracker.proxy;\n}\n","import type {DependencyList, EffectCallback} from 'react';\n\nexport function useImmediateEffect(\n  callback: EffectCallback,\n  _?: DependencyList\n) {\n  callback();\n}\n","import {useRef, useEffect} from 'react';\n\nexport function useOnValueChange<T>(\n  value: T,\n  onChange: (value: T, oldValue: T) => void,\n  effect = useEffect,\n  compare = Object.is\n) {\n  const tracked = useRef<T>(value);\n\n  effect(() => {\n    const oldValue = tracked.current;\n\n    if (!compare(value, oldValue)) {\n      tracked.current = value;\n      onChange(value, oldValue);\n    }\n  }, [onChange, value]);\n}\n","import {useRef} from 'react';\nimport {currentValue, type RefOrValue} from '@dnd-kit/react/utilities';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\n\nexport function useOnElementChange(\n  value: RefOrValue<Element>,\n  onChange: (value: Element | undefined) => void\n) {\n  const previous = useRef(currentValue(value));\n\n  useIsomorphicLayoutEffect(() => {\n    const current = currentValue(value);\n\n    if (current !== previous.current) {\n      previous.current = current;\n      onChange(current);\n    }\n  });\n}\n"]}

package/hooks.js

@@ -1,5 +1,5 @@
 import { useLayoutEffect, useEffect, useRef, useMemo, useState, useCallback } from 'react';
-import { computed, effect, untracked } from '@dnd-kit/state';
+import { computed, signal, effect, untracked } from '@dnd-kit/state';
 import { flushSync } from 'react-dom';
 import { currentValue } from '@dnd-kit/react/utilities';
 
@@ -20,14 +20,14 @@ function useForceUpdate() {
 }
 
 // src/hooks/useSignal.ts
-function useSignal(signal, sync = false) {
-  const previous = useRef(signal.peek());
+function useSignal(signal2, sync = false) {
+  const previous = useRef(signal2.peek());
   const read = useRef(false);
   const forceUpdate = useForceUpdate();
   useIsomorphicLayoutEffect(
     () => effect(() => {
       const previousValue = previous.current;
-      const currentValue2 = signal.value;
+      const currentValue2 = signal2.value;
       if (previousValue !== currentValue2) {
         previous.current = currentValue2;
         if (!read.current) return;
@@ -38,12 +38,12 @@ function useSignal(signal, sync = false) {
         }
       }
     }),
-    [signal, sync, forceUpdate]
+    [signal2, sync, forceUpdate]
   );
   return {
     get value() {
       read.current = true;
-      return signal.peek();
+      return signal2.peek();
     }
   };
 }
@@ -57,60 +57,79 @@ function useComputed(compute, dependencies = [], sync = false) {
     sync
   );
 }
+function useLatest(value) {
+  const valueRef = useRef(value);
+  useIsomorphicLayoutEffect(() => {
+    valueRef.current = value;
+  }, [value]);
+  return valueRef;
+}
+
+// src/hooks/useDeepSignal.ts
 function useDeepSignal(target, synchronous) {
-  const tracked = useRef(/* @__PURE__ */ new Map());
   const forceUpdate = useForceUpdate();
+  const synchronousRef = useLatest(synchronous);
+  const tracker = useMemo(() => {
+    const tracked = /* @__PURE__ */ new Map();
+    return {
+      tracked,
+      propertyCount: signal(0),
+      active: false,
+      proxy: target ? new Proxy(target, {
+        get(target2, key) {
+          const value = target2[key];
+          if (!tracked.has(key)) tracked.set(key, value);
+          return value;
+        }
+      }) : target
+    };
+  }, [target]);
   useIsomorphicLayoutEffect(() => {
-    if (!target) {
-      tracked.current.clear();
-      return;
-    }
-    return effect(() => {
-      var _a;
+    tracker.propertyCount.value = tracker.tracked.size;
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (!target) return;
+    const { tracked, propertyCount } = tracker;
+    tracker.active = true;
+    const dispose = effect(() => {
+      propertyCount.value;
       let stale = false;
       let sync = false;
-      for (const entry of tracked.current) {
-        const [key] = entry;
-        const value = untracked(() => entry[1]);
+      for (const [key, value] of tracked) {
         const latestValue = target[key];
-        if (value !== latestValue) {
+        if (!Object.is(value, latestValue)) {
           stale = true;
-          tracked.current.set(key, latestValue);
-          sync = (_a = synchronous == null ? void 0 : synchronous(key, value, latestValue)) != null ? _a : false;
+          tracked.set(key, latestValue);
+          sync = untracked(
+            () => {
+              var _a;
+              return (_a = synchronousRef.current) == null ? void 0 : _a.call(synchronousRef, key, value, latestValue);
+            }
+          ) === true || sync;
         }
       }
       if (stale) {
         if (sync) {
-          queueMicrotask(() => flushSync(forceUpdate));
+          queueMicrotask(() => {
+            if (tracker.active) flushSync(forceUpdate);
+          });
         } else {
           forceUpdate();
         }
       }
     });
-  }, [target]);
-  return useMemo(
-    () => target ? new Proxy(target, {
-      get(target2, key) {
-        const value = target2[key];
-        tracked.current.set(key, value);
-        return value;
-      }
-    }) : target,
-    [target]
-  );
+    return () => {
+      tracker.active = false;
+      dispose();
+    };
+  }, [target, tracker, forceUpdate, synchronousRef]);
+  return tracker.proxy;
 }
 
 // src/hooks/useImmediateEffect.ts
 function useImmediateEffect(callback, _) {
   callback();
 }
-function useLatest(value) {
-  const valueRef = useRef(value);
-  useIsomorphicLayoutEffect(() => {
-    valueRef.current = value;
-  }, [value]);
-  return valueRef;
-}
 function useOnValueChange(value, onChange, effect3 = useEffect, compare = Object.is) {
   const tracked = useRef(value);
   effect3(() => {

package/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["src/hooks/useConstant.ts","src/hooks/useIsomorphicLayoutEffect.ts","src/hooks/useForceUpdate.ts","src/hooks/useSignal.ts","src/hooks/useComputed.ts","src/hooks/useDeepSignal.ts","src/hooks/useImmediateEffect.ts","src/hooks/useLatest.ts","src/hooks/useOnValueChange.ts","src/hooks/useOnElementChange.ts"],"names":["useRef","currentValue","effect","flushSync","useMemo","target","useEffect"],"mappings":";;;;;AAEO,SAAS,YAAqB,WAAsB,EAAA;AACzD,EAAM,MAAA,GAAA,GAAM,OAAU,IAAI,CAAA;AAE1B,EAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,IAAA,GAAA,CAAI,UAAU,WAAY,EAAA;AAAA;AAG5B,EAAA,OAAO,GAAI,CAAA,OAAA;AACb;ACPO,IAAM,SAAA,GACX,OAAO,MAAA,KAAW,WAClB,IAAA,OAAO,MAAO,CAAA,QAAA,KAAa,WAC3B,IAAA,OAAO,MAAO,CAAA,QAAA,CAAS,aAAkB,KAAA,WAAA;AAM9B,IAAA,yBAAA,GAA4B,YACrC,eACA,GAAA;ACZG,SAAS,cAAiB,GAAA;AAC/B,EAAA,MAAM,QAAW,GAAA,QAAA,CAAS,CAAC,CAAA,CAAE,CAAC,CAAA;AAE9B,EAAA,OAAO,YAAY,MAAM;AACvB,IAAS,QAAA,CAAA,CAAC,KAAU,KAAA,KAAA,GAAQ,CAAC,CAAA;AAAA,GAC/B,EAAG,CAAC,QAAQ,CAAC,CAAA;AACf;;;ACAO,SAAS,SAAA,CAAmB,MAAmB,EAAA,IAAA,GAAO,KAAO,EAAA;AAClE,EAAA,MAAM,QAAWA,GAAAA,MAAAA,CAAO,MAAO,CAAA,IAAA,EAAM,CAAA;AACrC,EAAM,MAAA,IAAA,GAAOA,OAAO,KAAK,CAAA;AACzB,EAAA,MAAM,cAAc,cAAe,EAAA;AAEnC,EAAA,yBAAA;AAAA,IACE,MACE,OAAO,MAAM;AACX,MAAA,MAAM,gBAAgB,QAAS,CAAA,OAAA;AAC/B,MAAA,MAAMC,gBAAe,MAAO,CAAA,KAAA;AAE5B,MAAA,IAAI,kBAAkBA,aAAc,EAAA;AAClC,QAAA,QAAA,CAAS,OAAUA,GAAAA,aAAAA;AAEnB,QAAI,IAAA,CAAC,KAAK,OAAS,EAAA;AAEnB,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,SAAA,CAAU,WAAW,CAAA;AAAA,SAChB,MAAA;AACL,UAAY,WAAA,EAAA;AAAA;AACd;AACF,KACD,CAAA;AAAA,IACH,CAAC,MAAQ,EAAA,IAAA,EAAM,WAAW;AAAA,GAC5B;AAEA,EAAO,OAAA;AAAA,IACL,IAAI,KAAQ,GAAA;AACV,MAAA,IAAA,CAAK,OAAU,GAAA,IAAA;AAEf,MAAA,OAAO,OAAO,IAAK,EAAA;AAAA;AACrB,GACF;AACF;;;ACpCO,SAAS,YACd,OACA,EAAA,YAAA,GAAsB,EAAC,EACvB,OAAO,KACP,EAAA;AACA,EAAM,MAAA,QAAA,GAAWD,OAAO,OAAO,CAAA;AAC/B,EAAA,QAAA,CAAS,OAAU,GAAA,OAAA;AAEnB,EAAO,OAAA,SAAA;AAAA,IACL,OAAA,CAAQ,MAAM,QAAS,CAAA,MAAM,SAAS,OAAQ,EAAC,GAAG,YAAY,CAAA;AAAA,IAC9D;AAAA,GACF;AACF;ACTO,SAAS,aAAA,CACd,QACA,WACG,EAAA;AACH,EAAA,MAAM,OAAUA,GAAAA,MAAAA,iBAAW,IAAA,GAAA,EAA2B,CAAA;AACtD,EAAA,MAAM,cAAc,cAAe,EAAA;AAEnC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,MAAQ,EAAA;AACX,MAAA,OAAA,CAAQ,QAAQ,KAAM,EAAA;AACtB,MAAA;AAAA;AAGF,IAAA,OAAOE,OAAO,MAAM;AArBxB,MAAA,IAAA,EAAA;AAsBM,MAAA,IAAI,KAAQ,GAAA,KAAA;AACZ,MAAA,IAAI,IAAO,GAAA,KAAA;AAEX,MAAW,KAAA,MAAA,KAAA,IAAS,QAAQ,OAAS,EAAA;AACnC,QAAM,MAAA,CAAC,GAAG,CAAI,GAAA,KAAA;AACd,QAAA,MAAM,KAAQ,GAAA,SAAA,CAAU,MAAM,KAAA,CAAM,CAAC,CAAC,CAAA;AACtC,QAAM,MAAA,WAAA,GAAe,OAAe,GAAG,CAAA;AAEvC,QAAA,IAAI,UAAU,WAAa,EAAA;AACzB,UAAQ,KAAA,GAAA,IAAA;AACR,UAAQ,OAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,GAAA,EAAK,WAAW,CAAA;AACpC,UAAA,IAAA,GAAA,CAAO,EAAc,GAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,GAAA,EAAgB,KAAO,EAAA,WAAA,CAAA,KAArC,IAAqD,GAAA,EAAA,GAAA,KAAA;AAAA;AAC9D;AAGF,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,IAAI,IAAM,EAAA;AAIR,UAAe,cAAA,CAAA,MAAMC,SAAU,CAAA,WAAW,CAAC,CAAA;AAAA,SACtC,MAAA;AACL,UAAY,WAAA,EAAA;AAAA;AACd;AACF,KACD,CAAA;AAAA,GACH,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAOC,OAAAA,OAAAA;AAAA,IACL,MACE,MAAA,GACI,IAAI,KAAA,CAAM,MAAQ,EAAA;AAAA,MAChB,GAAA,CAAIC,SAAQ,GAAK,EAAA;AACf,QAAM,MAAA,KAAA,GAASA,QAAe,GAAG,CAAA;AAEjC,QAAQ,OAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,GAAA,EAAK,KAAK,CAAA;AAE9B,QAAO,OAAA,KAAA;AAAA;AACT,KACD,CACD,GAAA,MAAA;AAAA,IACN,CAAC,MAAM;AAAA,GACT;AACF;;;AC/DO,SAAS,kBAAA,CACd,UACA,CACA,EAAA;AACA,EAAS,QAAA,EAAA;AACX;ACHO,SAAS,UAAa,KAAU,EAAA;AACrC,EAAM,MAAA,QAAA,GAAWL,OAAsB,KAAK,CAAA;AAE5C,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,QAAA,CAAS,OAAU,GAAA,KAAA;AAAA,GACrB,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAO,OAAA,QAAA;AACT;ACVO,SAAS,iBACd,KACA,EAAA,QAAA,EACAE,UAASI,SACT,EAAA,OAAA,GAAU,OAAO,EACjB,EAAA;AACA,EAAM,MAAA,OAAA,GAAUN,OAAU,KAAK,CAAA;AAE/B,EAAAE,QAAO,MAAM;AACX,IAAA,MAAM,WAAW,OAAQ,CAAA,OAAA;AAEzB,IAAA,IAAI,CAAC,OAAA,CAAQ,KAAO,EAAA,QAAQ,CAAG,EAAA;AAC7B,MAAA,OAAA,CAAQ,OAAU,GAAA,KAAA;AAClB,MAAA,QAAA,CAAS,OAAO,QAAQ,CAAA;AAAA;AAC1B,GACC,EAAA,CAAC,QAAU,EAAA,KAAK,CAAC,CAAA;AACtB;ACbO,SAAS,kBAAA,CACd,OACA,QACA,EAAA;AACA,EAAA,MAAM,QAAWF,GAAAA,MAAAA,CAAO,YAAa,CAAA,KAAK,CAAC,CAAA;AAE3C,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAM,MAAA,OAAA,GAAU,aAAa,KAAK,CAAA;AAElC,IAAI,IAAA,OAAA,KAAY,SAAS,OAAS,EAAA;AAChC,MAAA,QAAA,CAAS,OAAU,GAAA,OAAA;AACnB,MAAA,QAAA,CAAS,OAAO,CAAA;AAAA;AAClB,GACD,CAAA;AACH","file":"hooks.js","sourcesContent":["import {type MutableRefObject, useRef} from 'react';\n\nexport function useConstant<T = any>(initializer: () => T) {\n  const ref = useRef<T>(null) as MutableRefObject<T>;\n\n  if (!ref.current) {\n    ref.current = initializer();\n  }\n\n  return ref.current;\n}\n","import {useEffect, useLayoutEffect} from 'react';\n\n// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js\nexport const canUseDOM =\n  typeof window !== 'undefined' &&\n  typeof window.document !== 'undefined' &&\n  typeof window.document.createElement !== 'undefined';\n\n/**\n * A hook that resolves to useEffect on the server and useLayoutEffect on the client\n * @param callback {function} Callback function that is invoked when the dependencies of the hook change\n */\nexport const useIsomorphicLayoutEffect = canUseDOM\n  ? useLayoutEffect\n  : useEffect;\n","import {useCallback, useState} from 'react';\n\nexport function useForceUpdate() {\n  const setState = useState(0)[1];\n\n  return useCallback(() => {\n    setState((value) => value + 1);\n  }, [setState]);\n}\n","import {useRef, useState} from 'react';\nimport {flushSync} from 'react-dom';\nimport {effect, Signal} from '@dnd-kit/state';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\nimport {useForceUpdate} from './useForceUpdate.ts';\n\n/** Trigger a re-render when reading a signal. */\nexport function useSignal<T = any>(signal: Signal<T>, sync = false) {\n  const previous = useRef(signal.peek());\n  const read = useRef(false);\n  const forceUpdate = useForceUpdate();\n\n  useIsomorphicLayoutEffect(\n    () =>\n      effect(() => {\n        const previousValue = previous.current;\n        const currentValue = signal.value;\n\n        if (previousValue !== currentValue) {\n          previous.current = currentValue;\n\n          if (!read.current) return;\n\n          if (sync) {\n            flushSync(forceUpdate);\n          } else {\n            forceUpdate();\n          }\n        }\n      }),\n    [signal, sync, forceUpdate]\n  );\n\n  return {\n    get value() {\n      read.current = true;\n\n      return signal.peek();\n    },\n  };\n}\n","import {useMemo, useRef} from 'react';\nimport {computed} from '@dnd-kit/state';\n\nimport {useSignal} from './useSignal.ts';\n\nexport function useComputed<T = any>(\n  compute: () => T,\n  dependencies: any[] = [],\n  sync = false\n) {\n  const $compute = useRef(compute);\n  $compute.current = compute;\n\n  return useSignal(\n    useMemo(() => computed(() => $compute.current()), dependencies),\n    sync\n  );\n}\n","import {useMemo, useRef} from 'react';\nimport {flushSync} from 'react-dom';\nimport {effect, untracked} from '@dnd-kit/state';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\nimport {useForceUpdate} from './useForceUpdate.ts';\n\n/** Trigger a re-render when reading signal properties of an object. */\nexport function useDeepSignal<T extends object | null | undefined>(\n  target: T,\n  synchronous?: (property: keyof T, oldValue: any, newValue: any) => boolean\n): T {\n  const tracked = useRef(new Map<string | symbol, any>());\n  const forceUpdate = useForceUpdate();\n\n  useIsomorphicLayoutEffect(() => {\n    if (!target) {\n      tracked.current.clear();\n      return;\n    }\n\n    return effect(() => {\n      let stale = false;\n      let sync = false;\n\n      for (const entry of tracked.current) {\n        const [key] = entry;\n        const value = untracked(() => entry[1]);\n        const latestValue = (target as any)[key];\n\n        if (value !== latestValue) {\n          stale = true;\n          tracked.current.set(key, latestValue);\n          sync = synchronous?.(key as keyof T, value, latestValue) ?? false;\n        }\n      }\n\n      if (stale) {\n        if (sync) {\n          // Defer flushSync to a microtask to avoid calling it from within\n          // a React lifecycle method (e.g. useEffect batch), which happens when\n          // signal updates are triggered synchronously from a React effect\n          queueMicrotask(() => flushSync(forceUpdate));\n        } else {\n          forceUpdate();\n        }\n      }\n    });\n  }, [target]);\n\n  return useMemo(\n    () =>\n      target\n        ? new Proxy(target, {\n            get(target, key) {\n              const value = (target as any)[key];\n\n              tracked.current.set(key, value);\n\n              return value;\n            },\n          })\n        : target,\n    [target]\n  );\n}\n","import type {DependencyList, EffectCallback} from 'react';\n\nexport function useImmediateEffect(\n  callback: EffectCallback,\n  _?: DependencyList\n) {\n  callback();\n}\n","import {useRef} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\n\nexport function useLatest<T>(value: T) {\n  const valueRef = useRef<T | undefined>(value);\n\n  useIsomorphicLayoutEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n\n  return valueRef;\n}\n","import {useRef, useEffect} from 'react';\n\nexport function useOnValueChange<T>(\n  value: T,\n  onChange: (value: T, oldValue: T) => void,\n  effect = useEffect,\n  compare = Object.is\n) {\n  const tracked = useRef<T>(value);\n\n  effect(() => {\n    const oldValue = tracked.current;\n\n    if (!compare(value, oldValue)) {\n      tracked.current = value;\n      onChange(value, oldValue);\n    }\n  }, [onChange, value]);\n}\n","import {useRef} from 'react';\nimport {currentValue, type RefOrValue} from '@dnd-kit/react/utilities';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\n\nexport function useOnElementChange(\n  value: RefOrValue<Element>,\n  onChange: (value: Element | undefined) => void\n) {\n  const previous = useRef(currentValue(value));\n\n  useIsomorphicLayoutEffect(() => {\n    const current = currentValue(value);\n\n    if (current !== previous.current) {\n      previous.current = current;\n      onChange(current);\n    }\n  });\n}\n"]}
+{"version":3,"sources":["src/hooks/useConstant.ts","src/hooks/useIsomorphicLayoutEffect.ts","src/hooks/useForceUpdate.ts","src/hooks/useSignal.ts","src/hooks/useComputed.ts","src/hooks/useLatest.ts","src/hooks/useDeepSignal.ts","src/hooks/useImmediateEffect.ts","src/hooks/useOnValueChange.ts","src/hooks/useOnElementChange.ts"],"names":["signal","useRef","currentValue","useMemo","target","effect","flushSync","useEffect"],"mappings":"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","file":"hooks.js","sourcesContent":["import {type MutableRefObject, useRef} from 'react';\n\nexport function useConstant<T = any>(initializer: () => T) {\n  const ref = useRef<T>(null) as MutableRefObject<T>;\n\n  if (!ref.current) {\n    ref.current = initializer();\n  }\n\n  return ref.current;\n}\n","import {useEffect, useLayoutEffect} from 'react';\n\n// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js\nexport const canUseDOM =\n  typeof window !== 'undefined' &&\n  typeof window.document !== 'undefined' &&\n  typeof window.document.createElement !== 'undefined';\n\n/**\n * A hook that resolves to useEffect on the server and useLayoutEffect on the client\n * @param callback {function} Callback function that is invoked when the dependencies of the hook change\n */\nexport const useIsomorphicLayoutEffect = canUseDOM\n  ? useLayoutEffect\n  : useEffect;\n","import {useCallback, useState} from 'react';\n\nexport function useForceUpdate() {\n  const setState = useState(0)[1];\n\n  return useCallback(() => {\n    setState((value) => value + 1);\n  }, [setState]);\n}\n","import {useRef, useState} from 'react';\nimport {flushSync} from 'react-dom';\nimport {effect, Signal} from '@dnd-kit/state';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\nimport {useForceUpdate} from './useForceUpdate.ts';\n\n/** Trigger a re-render when reading a signal. */\nexport function useSignal<T = any>(signal: Signal<T>, sync = false) {\n  const previous = useRef(signal.peek());\n  const read = useRef(false);\n  const forceUpdate = useForceUpdate();\n\n  useIsomorphicLayoutEffect(\n    () =>\n      effect(() => {\n        const previousValue = previous.current;\n        const currentValue = signal.value;\n\n        if (previousValue !== currentValue) {\n          previous.current = currentValue;\n\n          if (!read.current) return;\n\n          if (sync) {\n            flushSync(forceUpdate);\n          } else {\n            forceUpdate();\n          }\n        }\n      }),\n    [signal, sync, forceUpdate]\n  );\n\n  return {\n    get value() {\n      read.current = true;\n\n      return signal.peek();\n    },\n  };\n}\n","import {useMemo, useRef} from 'react';\nimport {computed} from '@dnd-kit/state';\n\nimport {useSignal} from './useSignal.ts';\n\nexport function useComputed<T = any>(\n  compute: () => T,\n  dependencies: any[] = [],\n  sync = false\n) {\n  const $compute = useRef(compute);\n  $compute.current = compute;\n\n  return useSignal(\n    useMemo(() => computed(() => $compute.current()), dependencies),\n    sync\n  );\n}\n","import {useRef} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\n\nexport function useLatest<T>(value: T) {\n  const valueRef = useRef<T | undefined>(value);\n\n  useIsomorphicLayoutEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n\n  return valueRef;\n}\n","import {useMemo} from 'react';\nimport {flushSync} from 'react-dom';\nimport {effect, signal, untracked} from '@dnd-kit/state';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\nimport {useForceUpdate} from './useForceUpdate.ts';\nimport {useLatest} from './useLatest.ts';\n\n/** Trigger a re-render when reading signal properties of an object. */\nexport function useDeepSignal<T extends object | null | undefined>(\n  target: T,\n  synchronous?: (property: keyof T, oldValue: any, newValue: any) => boolean\n): T {\n  const forceUpdate = useForceUpdate();\n  const synchronousRef = useLatest(synchronous);\n  const tracker = useMemo(() => {\n    const tracked = new Map<string | symbol, any>();\n\n    return {\n      tracked,\n      propertyCount: signal(0),\n      active: false,\n      proxy: target\n        ? new Proxy(target, {\n            get(target, key) {\n              const value = (target as any)[key];\n\n              // Reads must not overwrite the observer's comparison baseline.\n              if (!tracked.has(key)) tracked.set(key, value);\n\n              return value;\n            },\n          })\n        : target,\n    };\n  }, [target]);\n\n  // Publish newly read properties after commit, without notifying from render.\n  // The map only grows for a given target, so its size versions the key set.\n  useIsomorphicLayoutEffect(() => {\n    tracker.propertyCount.value = tracker.tracked.size;\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (!target) return;\n\n    const {tracked, propertyCount} = tracker;\n    tracker.active = true;\n    const dispose = effect(() => {\n      // Keep the effect alive, but refresh its dependencies for late reads.\n      propertyCount.value;\n\n      let stale = false;\n      let sync = false;\n\n      for (const [key, value] of tracked) {\n        const latestValue = (target as any)[key];\n\n        if (!Object.is(value, latestValue)) {\n          stale = true;\n          tracked.set(key, latestValue);\n          sync =\n            untracked(() =>\n              synchronousRef.current?.(key as keyof T, value, latestValue)\n            ) === true || sync;\n        }\n      }\n\n      if (stale) {\n        if (sync) {\n          // Signal updates can originate in a React lifecycle method.\n          queueMicrotask(() => {\n            if (tracker.active) flushSync(forceUpdate);\n          });\n        } else {\n          forceUpdate();\n        }\n      }\n    });\n\n    return () => {\n      tracker.active = false;\n      dispose();\n    };\n  }, [target, tracker, forceUpdate, synchronousRef]);\n\n  return tracker.proxy;\n}\n","import type {DependencyList, EffectCallback} from 'react';\n\nexport function useImmediateEffect(\n  callback: EffectCallback,\n  _?: DependencyList\n) {\n  callback();\n}\n","import {useRef, useEffect} from 'react';\n\nexport function useOnValueChange<T>(\n  value: T,\n  onChange: (value: T, oldValue: T) => void,\n  effect = useEffect,\n  compare = Object.is\n) {\n  const tracked = useRef<T>(value);\n\n  effect(() => {\n    const oldValue = tracked.current;\n\n    if (!compare(value, oldValue)) {\n      tracked.current = value;\n      onChange(value, oldValue);\n    }\n  }, [onChange, value]);\n}\n","import {useRef} from 'react';\nimport {currentValue, type RefOrValue} from '@dnd-kit/react/utilities';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect.ts';\n\nexport function useOnElementChange(\n  value: RefOrValue<Element>,\n  onChange: (value: Element | undefined) => void\n) {\n  const previous = useRef(currentValue(value));\n\n  useIsomorphicLayoutEffect(() => {\n    const current = currentValue(value);\n\n    if (current !== previous.current) {\n      previous.current = current;\n      onChange(current);\n    }\n  });\n}\n"]}

package/package.json

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