@ark-ui/react/dist/providers/interaction/use-interaction-modality.js

A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.

'use client';
import { trackInteractionModality, getInteractionModality } from '@zag-js/focus-visible';
import { useSyncExternalStore, useCallback } from 'react';
import { useEnvironmentContext } from '../environment/use-environment-context.js';

function useInteractionModality() {
  const { getRootNode } = useEnvironmentContext();
  return useSyncExternalStore(
    useCallback((onChange) => trackInteractionModality({ root: getRootNode(), onChange }), [getRootNode]),
    getInteractionModality,
    () => null
  );
}

export { useInteractionModality };