@dxos/react-hooks 0.8.3 → 0.8.4-main.1da679c

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts":{"bytes":4968,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useAsyncState.ts":{"bytes":2463,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useControlledState.ts":{"bytes":1980,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts":{"bytes":3132,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDefaultValue.ts":{"bytes":4050,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDynamicRef.ts":{"bytes":1339,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useFileDownload.ts":{"bytes":2684,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useForwardedRef.ts":{"bytes":2016,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useId.ts":{"bytes":2479,"imports":[{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useIsFocused.ts":{"bytes":3922,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useMediaQuery.ts":{"bytes":9409,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts":{"bytes":2985,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useRefCallback.ts":{"bytes":1831,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useResize.ts":{"bytes":2839,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useTrackProps.ts":{"bytes":4010,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useTransitions.ts":{"bytes":7763,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/index.ts":{"bytes":2052,"imports":[{"path":"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts","kind":"import-statement","original":"./useAsyncEffect"},{"path":"packages/ui/primitives/react-hooks/src/useAsyncState.ts","kind":"import-statement","original":"./useAsyncState"},{"path":"packages/ui/primitives/react-hooks/src/useControlledState.ts","kind":"import-statement","original":"./useControlledState"},{"path":"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts","kind":"import-statement","original":"./useDebugReactDeps"},{"path":"packages/ui/primitives/react-hooks/src/useDefaultValue.ts","kind":"import-statement","original":"./useDefaultValue"},{"path":"packages/ui/primitives/react-hooks/src/useDynamicRef.ts","kind":"import-statement","original":"./useDynamicRef"},{"path":"packages/ui/primitives/react-hooks/src/useFileDownload.ts","kind":"import-statement","original":"./useFileDownload"},{"path":"packages/ui/primitives/react-hooks/src/useForwardedRef.ts","kind":"import-statement","original":"./useForwardedRef"},{"path":"packages/ui/primitives/react-hooks/src/useId.ts","kind":"import-statement","original":"./useId"},{"path":"packages/ui/primitives/react-hooks/src/useIsFocused.ts","kind":"import-statement","original":"./useIsFocused"},{"path":"packages/ui/primitives/react-hooks/src/useMediaQuery.ts","kind":"import-statement","original":"./useMediaQuery"},{"path":"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts","kind":"import-statement","original":"./useMulticastObservable"},{"path":"packages/ui/primitives/react-hooks/src/useRefCallback.ts","kind":"import-statement","original":"./useRefCallback"},{"path":"packages/ui/primitives/react-hooks/src/useResize.ts","kind":"import-statement","original":"./useResize"},{"path":"packages/ui/primitives/react-hooks/src/useTrackProps.ts","kind":"import-statement","original":"./useTrackProps"},{"path":"packages/ui/primitives/react-hooks/src/useTransitions.ts","kind":"import-statement","original":"./useTransitions"}],"format":"esm"}},"outputs":{"packages/ui/primitives/react-hooks/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":28350},"packages/ui/primitives/react-hooks/dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["makeId","randomString","useAsyncEffect","useAsyncState","useControlledState","useDebugReactDeps","useDefaultValue","useDidTransition","useDynamicRef","useFileDownload","useForwardedRef","useId","useIsFocused","useMediaQuery","useMulticastObservable","useOnTransition","useRefCallback","useResize","useTrackProps"],"entryPoint":"packages/ui/primitives/react-hooks/src/index.ts","inputs":{"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts":{"bytesInOutput":581},"packages/ui/primitives/react-hooks/src/index.ts":{"bytesInOutput":0},"packages/ui/primitives/react-hooks/src/useAsyncState.ts":{"bytesInOutput":418},"packages/ui/primitives/react-hooks/src/useControlledState.ts":{"bytesInOutput":372},"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts":{"bytesInOutput":567},"packages/ui/primitives/react-hooks/src/useDefaultValue.ts":{"bytesInOutput":422},"packages/ui/primitives/react-hooks/src/useDynamicRef.ts":{"bytesInOutput":217},"packages/ui/primitives/react-hooks/src/useFileDownload.ts":{"bytesInOutput":416},"packages/ui/primitives/react-hooks/src/useForwardedRef.ts":{"bytesInOutput":343},"packages/ui/primitives/react-hooks/src/useId.ts":{"bytesInOutput":403},"packages/ui/primitives/react-hooks/src/useIsFocused.ts":{"bytesInOutput":833},"packages/ui/primitives/react-hooks/src/useMediaQuery.ts":{"bytesInOutput":1940},"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts":{"bytesInOutput":368},"packages/ui/primitives/react-hooks/src/useRefCallback.ts":{"bytesInOutput":197},"packages/ui/primitives/react-hooks/src/useResize.ts":{"bytesInOutput":619},"packages/ui/primitives/react-hooks/src/useTrackProps.ts":{"bytesInOutput":986},"packages/ui/primitives/react-hooks/src/useTransitions.ts":{"bytesInOutput":1406}},"bytes":11440}}}
+{"inputs":{"src/useAsyncEffect.ts":{"bytes":2988,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useAsyncState.ts":{"bytes":2577,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useControlledState.ts":{"bytes":2462,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useDebugDeps.ts":{"bytes":3041,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useDefaultValue.ts":{"bytes":4033,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useDefaults.ts":{"bytes":1591,"imports":[{"path":"lodash.defaultsdeep","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useDynamicRef.ts":{"bytes":3728,"imports":[{"path":"@preact-signals/safe-react/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useFileDownload.ts":{"bytes":2671,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useForwardedRef.ts":{"bytes":2045,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useId.ts":{"bytes":2466,"imports":[{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useIsFocused.ts":{"bytes":3909,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useMediaQuery.ts":{"bytes":9396,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useMulticastObservable.ts":{"bytes":2972,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useRefCallback.ts":{"bytes":1818,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useResize.ts":{"bytes":2826,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useSignals.ts":{"bytes":2923,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useTimeout.ts":{"bytes":3956,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/useTrackProps.ts":{"bytes":3997,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"src/useTransitions.ts":{"bytes":7750,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":2309,"imports":[{"path":"src/useAsyncEffect.ts","kind":"import-statement","original":"./useAsyncEffect"},{"path":"src/useAsyncState.ts","kind":"import-statement","original":"./useAsyncState"},{"path":"src/useControlledState.ts","kind":"import-statement","original":"./useControlledState"},{"path":"src/useDebugDeps.ts","kind":"import-statement","original":"./useDebugDeps"},{"path":"src/useDefaultValue.ts","kind":"import-statement","original":"./useDefaultValue"},{"path":"src/useDefaults.ts","kind":"import-statement","original":"./useDefaults"},{"path":"src/useDynamicRef.ts","kind":"import-statement","original":"./useDynamicRef"},{"path":"src/useFileDownload.ts","kind":"import-statement","original":"./useFileDownload"},{"path":"src/useForwardedRef.ts","kind":"import-statement","original":"./useForwardedRef"},{"path":"src/useId.ts","kind":"import-statement","original":"./useId"},{"path":"src/useIsFocused.ts","kind":"import-statement","original":"./useIsFocused"},{"path":"src/useMediaQuery.ts","kind":"import-statement","original":"./useMediaQuery"},{"path":"src/useMulticastObservable.ts","kind":"import-statement","original":"./useMulticastObservable"},{"path":"src/useRefCallback.ts","kind":"import-statement","original":"./useRefCallback"},{"path":"src/useResize.ts","kind":"import-statement","original":"./useResize"},{"path":"src/useSignals.ts","kind":"import-statement","original":"./useSignals"},{"path":"src/useTimeout.ts","kind":"import-statement","original":"./useTimeout"},{"path":"src/useTrackProps.ts","kind":"import-statement","original":"./useTrackProps"},{"path":"src/useTransitions.ts","kind":"import-statement","original":"./useTransitions"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":33287},"dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"lodash.defaultsdeep","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["makeId","randomString","useAsyncEffect","useAsyncState","useControlledState","useDebugDeps","useDefaultValue","useDefaults","useDidTransition","useDynamicRef","useFileDownload","useForwardedRef","useId","useInterval","useIsFocused","useMediaQuery","useMulticastObservable","useOnTransition","useRefCallback","useResize","useSignalsEffect","useSignalsMemo","useStateWithRef","useTimeout","useTrackProps"],"entryPoint":"src/index.ts","inputs":{"src/useAsyncEffect.ts":{"bytesInOutput":405},"src/index.ts":{"bytesInOutput":0},"src/useAsyncState.ts":{"bytesInOutput":447},"src/useControlledState.ts":{"bytesInOutput":463},"src/useDebugDeps.ts":{"bytesInOutput":606},"src/useDefaultValue.ts":{"bytesInOutput":422},"src/useDefaults.ts":{"bytesInOutput":228},"src/useDynamicRef.ts":{"bytesInOutput":779},"src/useFileDownload.ts":{"bytesInOutput":416},"src/useForwardedRef.ts":{"bytesInOutput":343},"src/useId.ts":{"bytesInOutput":403},"src/useIsFocused.ts":{"bytesInOutput":833},"src/useMediaQuery.ts":{"bytesInOutput":1940},"src/useMulticastObservable.ts":{"bytesInOutput":368},"src/useRefCallback.ts":{"bytesInOutput":197},"src/useResize.ts":{"bytesInOutput":619},"src/useSignals.ts":{"bytesInOutput":664},"src/useTimeout.ts":{"bytesInOutput":946},"src/useTrackProps.ts":{"bytesInOutput":964},"src/useTransitions.ts":{"bytesInOutput":1406}},"bytes":13399}}}

package/dist/lib/node-esm/index.mjs

@@ -1,37 +1,31 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 
-// packages/ui/primitives/react-hooks/src/useAsyncEffect.ts
+// src/useAsyncEffect.ts
 import { useEffect } from "react";
-import { log } from "@dxos/log";
-var useAsyncEffect = (callback, destructor, deps) => {
-  const [effectDestructor, effectDeps] = typeof destructor === "function" ? [
-    destructor,
-    deps
-  ] : [
-    void 0,
-    destructor
-  ];
+var useAsyncEffect = (cb, deps) => {
   useEffect(() => {
-    let mounted = true;
-    let value;
-    const asyncResult = callback(() => mounted);
-    void Promise.resolve(asyncResult).then((result) => {
-      value = result;
-    }).catch(log.catch);
+    const controller = new AbortController();
+    let cleanup;
+    const t = setTimeout(async () => {
+      if (!controller.signal.aborted) {
+        cleanup = await cb(controller);
+      }
+    });
     return () => {
-      mounted = false;
-      effectDestructor?.(value);
+      clearTimeout(t);
+      controller.abort();
+      cleanup?.();
     };
-  }, effectDeps);
+  }, deps ?? []);
 };
 
-// packages/ui/primitives/react-hooks/src/useAsyncState.ts
+// src/useAsyncState.ts
 import { useEffect as useEffect2, useState } from "react";
 var useAsyncState = (cb, deps = []) => {
   const [value, setValue] = useState();
   useEffect2(() => {
     let disposed = false;
-    queueMicrotask(async () => {
+    const t = setTimeout(async () => {
       const data = await cb();
       if (!disposed) {
         setValue(data);
@@ -39,6 +33,7 @@ var useAsyncState = (cb, deps = []) => {
     });
     return () => {
       disposed = true;
+      clearTimeout(t);
     };
   }, deps);
   return [
@@ -47,9 +42,9 @@ var useAsyncState = (cb, deps = []) => {
   ];
 };
 
-// packages/ui/primitives/react-hooks/src/useControlledState.ts
+// src/useControlledState.ts
 import { useEffect as useEffect3, useState as useState2 } from "react";
-var useControlledState = (controlledValue, ...deps) => {
+var useControlledState = (controlledValue, onChange, ...deps) => {
   const [value, setValue] = useState2(controlledValue);
   useEffect3(() => {
     if (controlledValue !== void 0) {
@@ -59,34 +54,43 @@ var useControlledState = (controlledValue, ...deps) => {
     controlledValue,
     ...deps
   ]);
+  useEffect3(() => {
+    onChange?.(value);
+  }, [
+    value,
+    onChange
+  ]);
   return [
     value,
     setValue
   ];
 };
 
-// packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts
+// src/useDebugDeps.ts
 import { useEffect as useEffect4, useRef } from "react";
-var useDebugReactDeps = (deps = []) => {
+var useDebugDeps = (deps = []) => {
   const lastDeps = useRef([]);
   useEffect4(() => {
     console.group("deps changed", {
-      old: lastDeps.current.length,
-      new: deps.length
+      previous: lastDeps.current.length,
+      current: deps.length
     });
     for (let i = 0; i < Math.max(lastDeps.current.length ?? 0, deps.length ?? 0); i++) {
-      console.log(i, lastDeps.current[i] === deps[i] ? "SAME" : "CHANGED", {
-        previous: lastDeps.current[i],
-        current: deps[i]
-      });
+      if (lastDeps.current[i] !== deps[i]) {
+        console.log("changed", {
+          index: i,
+          previous: lastDeps.current[i],
+          current: deps[i]
+        });
+      }
     }
     console.groupEnd();
     lastDeps.current = deps;
   }, deps);
 };
 
-// packages/ui/primitives/react-hooks/src/useDefaultValue.ts
-import { useEffect as useEffect5, useState as useState3, useMemo } from "react";
+// src/useDefaultValue.ts
+import { useEffect as useEffect5, useMemo, useState as useState3 } from "react";
 var useDefaultValue = (reactiveValue, getDefaultValue) => {
   const stableDefaultValue = useMemo(getDefaultValue, []);
   const [value, setValue] = useState3(reactiveValue ?? stableDefaultValue);
@@ -99,22 +103,53 @@ var useDefaultValue = (reactiveValue, getDefaultValue) => {
   return value;
 };
 
-// packages/ui/primitives/react-hooks/src/useDynamicRef.ts
-import { useEffect as useEffect6, useRef as useRef2 } from "react";
+// src/useDefaults.ts
+import defaultsDeep from "lodash.defaultsdeep";
+import { useMemo as useMemo2 } from "react";
+var useDefaults = (value, defaults) => {
+  return useMemo2(() => defaultsDeep({}, defaults, value), [
+    value,
+    defaults
+  ]);
+};
+
+// src/useDynamicRef.ts
+import { useCallback } from "@preact-signals/safe-react/react";
+import { useEffect as useEffect6, useRef as useRef2, useState as useState4 } from "react";
+var useStateWithRef = (value$) => {
+  const [value, setValue] = useState4(value$);
+  const valueRef = useRef2(value$);
+  const setter = useCallback((value2) => {
+    if (typeof value2 === "function") {
+      setValue((current) => {
+        valueRef.current = value2(current);
+        return valueRef.current;
+      });
+    } else {
+      valueRef.current = value2;
+      setValue(value2);
+    }
+  }, []);
+  return [
+    value,
+    setter,
+    valueRef
+  ];
+};
 var useDynamicRef = (value) => {
-  const ref = useRef2(value);
+  const valueRef = useRef2(value);
   useEffect6(() => {
-    ref.current = value;
+    valueRef.current = value;
   }, [
     value
   ]);
-  return ref;
+  return valueRef;
 };
 
-// packages/ui/primitives/react-hooks/src/useFileDownload.ts
-import { useMemo as useMemo2 } from "react";
+// src/useFileDownload.ts
+import { useMemo as useMemo3 } from "react";
 var useFileDownload = () => {
-  return useMemo2(() => (data, filename) => {
+  return useMemo3(() => (data, filename) => {
     const url = typeof data === "string" ? data : URL.createObjectURL(data);
     const element = document.createElement("a");
     element.setAttribute("href", url);
@@ -124,8 +159,8 @@ var useFileDownload = () => {
   }, []);
 };
 
-// packages/ui/primitives/react-hooks/src/useForwardedRef.ts
-import { useRef as useRef3, useEffect as useEffect7 } from "react";
+// src/useForwardedRef.ts
+import { useEffect as useEffect7, useRef as useRef3 } from "react";
 var useForwardedRef = (ref) => {
   const innerRef = useRef3(null);
   useEffect7(() => {
@@ -141,21 +176,21 @@ var useForwardedRef = (ref) => {
   return innerRef;
 };
 
-// packages/ui/primitives/react-hooks/src/useId.ts
+// src/useId.ts
 import alea from "alea";
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 var Alea = alea;
 var prng = new Alea("@dxos/react-hooks");
 var randomString = (n = 4) => prng().toString(16).slice(2, n + 2);
-var useId = (namespace, propsId, opts) => useMemo3(() => makeId(namespace, propsId, opts), [
+var useId = (namespace, propsId, opts) => useMemo4(() => makeId(namespace, propsId, opts), [
   propsId
 ]);
 var makeId = (namespace, propsId, opts) => propsId ?? `${namespace}-${randomString(opts?.n ?? 4)}`;
 
-// packages/ui/primitives/react-hooks/src/useIsFocused.ts
-import { useEffect as useEffect8, useRef as useRef4, useState as useState4 } from "react";
+// src/useIsFocused.ts
+import { useEffect as useEffect8, useRef as useRef4, useState as useState5 } from "react";
 var useIsFocused = (inputRef) => {
-  const [isFocused, setIsFocused] = useState4(void 0);
+  const [isFocused, setIsFocused] = useState5(void 0);
   const isFocusedRef = useRef4(isFocused);
   isFocusedRef.current = isFocused;
   useEffect8(() => {
@@ -181,8 +216,8 @@ var useIsFocused = (inputRef) => {
   return isFocused;
 };
 
-// packages/ui/primitives/react-hooks/src/useMediaQuery.ts
-import { useEffect as useEffect9, useState as useState5 } from "react";
+// src/useMediaQuery.ts
+import { useEffect as useEffect9, useState as useState6 } from "react";
 var breakpointMediaQueries = {
   sm: "(min-width: 640px)",
   md: "(min-width: 768px)",
@@ -199,7 +234,7 @@ var useMediaQuery = (query, options = {}) => {
     fallback
   ];
   fallbackValues = fallbackValues.filter((v) => v != null);
-  const [value, setValue] = useState5(() => {
+  const [value, setValue] = useState6(() => {
     return queries.map((query2, index) => ({
       media: query2,
       matches: ssr ? !!fallbackValues[index] : document.defaultView?.matchMedia(query2).matches
@@ -246,10 +281,10 @@ var useMediaQuery = (query, options = {}) => {
   return value.map((item) => !!item.matches);
 };
 
-// packages/ui/primitives/react-hooks/src/useMulticastObservable.ts
-import { useMemo as useMemo4, useSyncExternalStore } from "react";
+// src/useMulticastObservable.ts
+import { useMemo as useMemo5, useSyncExternalStore } from "react";
 var useMulticastObservable = (observable) => {
-  const subscribeFn = useMemo4(() => (listener) => {
+  const subscribeFn = useMemo5(() => (listener) => {
     const subscription = observable.subscribe(listener);
     return () => subscription.unsubscribe();
   }, [
@@ -258,20 +293,20 @@ var useMulticastObservable = (observable) => {
   return useSyncExternalStore(subscribeFn, () => observable.get());
 };
 
-// packages/ui/primitives/react-hooks/src/useRefCallback.ts
-import { useState as useState6 } from "react";
+// src/useRefCallback.ts
+import { useState as useState7 } from "react";
 var useRefCallback = () => {
-  const [value, setValue] = useState6(null);
+  const [value, setValue] = useState7(null);
   return {
     refCallback: (value2) => setValue(value2),
     value
   };
 };
 
-// packages/ui/primitives/react-hooks/src/useResize.ts
-import { useLayoutEffect, useMemo as useMemo5 } from "react";
+// src/useResize.ts
+import { useLayoutEffect, useMemo as useMemo6 } from "react";
 var useResize = (handler, deps = [], delay = 800) => {
-  const debouncedHandler = useMemo5(() => {
+  const debouncedHandler = useMemo6(() => {
     let timeout;
     return (event) => {
       clearTimeout(timeout);
@@ -293,17 +328,84 @@ var useResize = (handler, deps = [], delay = 800) => {
   ]);
 };
 
-// packages/ui/primitives/react-hooks/src/useTrackProps.ts
-import { useRef as useRef5, useEffect as useEffect10 } from "react";
-import { log as log2 } from "@dxos/log";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/primitives/react-hooks/src/useTrackProps.ts";
-var useTrackProps = (props, componentName = "Component", active = true) => {
-  const prevProps = useRef5(props);
+// src/useSignals.ts
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { computed, effect } from "@preact-signals/safe-react";
+import { useRef as useRef5 } from "@preact-signals/safe-react/react";
+import { useEffect as useEffect10, useMemo as useMemo7 } from "react";
+var useSignalsEffect = (cb, deps) => {
+  const callback = useRef5(cb);
+  callback.current = cb;
   useEffect10(() => {
+    return effect(() => {
+      return callback.current();
+    });
+  }, deps ?? []);
+};
+var useSignalsMemo = (cb, deps) => {
+  var _effect = _useSignals();
+  try {
+    return useMemo7(() => computed(cb), deps ?? []).value;
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/useTimeout.ts
+import { useEffect as useEffect11, useRef as useRef6 } from "react";
+var useTimeout = (callback, delay = 0, deps = []) => {
+  const callbackRef = useRef6(callback);
+  useEffect11(() => {
+    callbackRef.current = callback;
+  }, [
+    callback
+  ]);
+  useEffect11(() => {
+    if (delay == null) {
+      return;
+    }
+    const t = setTimeout(() => callbackRef.current?.(), delay);
+    return () => clearTimeout(t);
+  }, [
+    delay,
+    ...deps
+  ]);
+};
+var useInterval = (callback, delay = 0, deps = []) => {
+  const callbackRef = useRef6(callback);
+  useEffect11(() => {
+    callbackRef.current = callback;
+  }, [
+    callback
+  ]);
+  useEffect11(() => {
+    if (delay == null) {
+      return;
+    }
+    const i = setInterval(async () => {
+      const result = await callbackRef.current?.();
+      if (result === false) {
+        clearInterval(i);
+      }
+    }, delay);
+    return () => clearInterval(i);
+  }, [
+    delay,
+    ...deps
+  ]);
+};
+
+// src/useTrackProps.ts
+import { useEffect as useEffect12, useRef as useRef7 } from "react";
+import { log } from "@dxos/log";
+var __dxlog_file = "/__w/dxos/dxos/packages/ui/primitives/react-hooks/src/useTrackProps.ts";
+var useTrackProps = (props, componentName = "Component", active = true) => {
+  const prevProps = useRef7(props);
+  useEffect12(() => {
     const changes = Object.entries(props).filter(([key]) => props[key] !== prevProps.current[key]);
     if (changes.length > 0) {
       if (active) {
-        log2.info("props changed", {
+        log.info("props changed", {
           componentName,
           keys: changes.map(([key]) => key).join(","),
           props: Object.fromEntries(changes.map(([key]) => [
@@ -325,15 +427,15 @@ var useTrackProps = (props, componentName = "Component", active = true) => {
   });
 };
 
-// packages/ui/primitives/react-hooks/src/useTransitions.ts
-import { useRef as useRef6, useEffect as useEffect11, useState as useState7 } from "react";
+// src/useTransitions.ts
+import { useEffect as useEffect13, useRef as useRef8, useState as useState8 } from "react";
 var isFunction = (functionToCheck) => {
   return functionToCheck instanceof Function;
 };
 var useDidTransition = (currentValue, fromValue, toValue) => {
-  const [hasTransitioned, setHasTransitioned] = useState7(false);
-  const previousValue = useRef6(currentValue);
-  useEffect11(() => {
+  const [hasTransitioned, setHasTransitioned] = useState8(false);
+  const previousValue = useRef8(currentValue);
+  useEffect13(() => {
     const toValueValid = isFunction(toValue) ? toValue(currentValue) : toValue === currentValue;
     const fromValueValid = isFunction(fromValue) ? fromValue(previousValue.current) : fromValue === previousValue.current;
     if (fromValueValid && toValueValid && !hasTransitioned) {
@@ -351,15 +453,15 @@ var useDidTransition = (currentValue, fromValue, toValue) => {
   return hasTransitioned;
 };
 var useOnTransition = (currentValue, fromValue, toValue, callback) => {
-  const dirty = useRef6(false);
+  const dirty = useRef8(false);
   const hasTransitioned = useDidTransition(currentValue, fromValue, toValue);
-  useEffect11(() => {
+  useEffect13(() => {
     dirty.current = false;
   }, [
     currentValue,
     dirty
   ]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (hasTransitioned && !dirty.current) {
       callback();
       dirty.current = true;
@@ -376,19 +478,25 @@ export {
   useAsyncEffect,
   useAsyncState,
   useControlledState,
-  useDebugReactDeps,
+  useDebugDeps,
   useDefaultValue,
+  useDefaults,
   useDidTransition,
   useDynamicRef,
   useFileDownload,
   useForwardedRef,
   useId,
+  useInterval,
   useIsFocused,
   useMediaQuery,
   useMulticastObservable,
   useOnTransition,
   useRefCallback,
   useResize,
+  useSignalsEffect,
+  useSignalsMemo,
+  useStateWithRef,
+  useTimeout,
   useTrackProps
 };
 //# sourceMappingURL=index.mjs.map